LECTURE 7: UI Visual Design Patterns

Notes UI design is not just about how the design looks, but is rather about presenting the user with the right tools to accomplish their goals Why user personas and scenarios are important to guide the UI design User experience (UX) Personas User stories User research Usability Testing User experience is the abstract feeling people […]

LECTURE 6: User Scenarios

Notes User scenarios are the stories that user personas act out. Thought or exercises usually represented visually that show how user personas will interact with the project Testing the project and displays how users will likely interact with it, what problems are encountered Isolate problems before they become problems Who, what, where, why and how […]

LECTURE 5: Personas

Notes User Personas Artefact Personas Fictional users representative of real users, which can be used to inform the creative process to inform and validate the design and user experience A user persona is a representation of the goals and behavior of a hypothesized group of users Personas are created from data collected through user interviews […]

LECTURE 4: Instructional Design

Notes How to do something or to explain how something works Poorly designed instructions make things frustrating for consumers. Ikea flat pack visual manuals, simplistic but often useless, good visuals, Cultural differences, for example some cultures read right to left while others left to right Extremely critical to get certain visual instructional design correct – […]

LECTURE 3: Design Patterns

Notes Conventions that have developed in terms of user interface and in terms of page composition Mobile Screens Tablet Screens Desktop Screens Generally mobile design is prioritised first, then tablet, laptop and desktop, but depends on the situation and design Different patterns used for different screens A pattern language “Each pattern represents our current best […]

Lecture 2 Process + Context

Notes Context for use, contexts of use Context for use, contexts of use Process Invent (Error > Idea) Design (Metaphor > Scenario) Engineer ( Task > Model > representation stage then interaction on manipulation) Why? How? What? Post it notes Precedent research – observe people, ask questions based on observations and test prototypes Context What […]

Lecture 1: Introduction to Interactive Design

Notes Everything from a button /// is a form of interactive design What is an interactive designer? What do they do? 3 key questions How do u do, feel and know? Interaction design doesn’t happen without information design, information architecture or graphic design or interface design Cognitive – how humans process information and how they […]

Class Notes

Class Notes comprised into one blog post, most class blog notes were written in a google document and have therefore been combined into one big blog post. Week 1: Tutorial: Introduction to Interactive Design Set blog up Studio: Flowcharting for toast Text Description Week 2: Tutorial: Planning interactive Project Rough storyboarding for toast Set blog […]