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

Interaction Design – Week 1

Interactive Design is the creating of interactive products that connect user and to technology to information Interactive Designers have 3 questions they have to answer: How do you do?How do you feel?How do you know? Various disciplines and design practices contribute to interactive design. They each frame the tasks differently Interactivity: relating to a program… Continue reading Interaction Design – Week 1

Context – Week 2

Context includes: context for us and contexts of use.Ver plank identifies 8 steps of the process of interactive design: invention (includes error), idea, metaphor, scenario (design), task (engineer), model and representation.Sketches are important because they help us understand, define and frame the problem.Flow charts help show missing information, the most appropriate next steps, potential directions… Continue reading Context – Week 2