UI Visual Design Patterns – Week 7

User experience vs User Interface; User Experience is defined by: PersonasUser storiesUser researchUsability testing User Interface is defined by: LayoutVisual designBranding They are both linked through wireframes User Experience is broken down into: Look, Feel and Usability Look: Credibility, Trust, Harmony and SpiritFeel: Joy of use, Interaction and ReactionUsability: Functionality, Individuality and Predictability Common navigation… Continue reading UI Visual Design Patterns – Week 7

Scenarios – Week 6

User scenarios let you test your site structure before it's fully developed and isolate problems before they become problemsThey also let you understand what your future look for on your websiteScenarios should highlight the; Who, What, When, Where, How and WhyPersonas guide designs from start to endScenarios aren't predictions but foreseeable interactions users will have… Continue reading Scenarios – Week 6

Personas – Week 5

User Persona User personas are fictional users representative of our intended users which we can reference to inform and validate our designUser personas help you design with a clear vision of your intended audience/user in mind (helps you give shape to your user base) User Personas should include: AgeSexOccupationHobbiesLikes/DislikesOther details germane to the product e.g.… Continue reading Personas – Week 5

Instructional Design – Week 4

The basis of Instructional Design is the "how to" of an interactive design. Visual Instruction (leaflets): generally language free which allow for the same instructions to be used internationallyYou must be considerate of language barriersVideos may not be the best for instructions as everything is important and will be too much information for the audience… Continue reading Instructional Design – Week 4

Design Patterns – Week 3

Design for mobile first; it's easier adapting a smaller design for a bigger screen than the other way aroundPatterns solve a design problem (but they're not the only solution) Patterns: 1. The Hamburger Menu Easily recognisableOften displayed top left or right of user interfaceReveals menu when clicked 2. Account Registration 3. Long Scroll 4. Card… Continue reading Design Patterns – Week 3