08 Design & Prototyping Flashcards
A conceptual model is a high level description of
how a system is organized and how it operates
what people can do with a system
what concepts are needed to understand how to interact with it
A key benefit of conceptual model
enables designers to straighten out their thinking before they start laying out their widgets
system image
makes the designer‘s model clear to the user
Formulating A Conceptual Model
How will the system support user in carrying out tasks?
Which interface metaphors?
Which interaction mode(s)?
alternative design insights or options?
Interface Metaphors
i.e.: Buttons and switches Menu Folder Recycler
Interface metaphors combine familiar knowledge with new knowledge in a way that will help the user understand the product
Expanding the Conceptual Model
- What functions will the product perform?
- How are the functions related to each other?
- What information needs to be available?
The 10 Plus 10 Technique
State the design challenge
Generate 10 different designs (creative/diverse)
Choose the most promising ones
Sketch 10 details /variations of the design concepts
Techniques for Conceptual Design
Sketches
Storyboards
Develop A Sketching Vocabulary
Start with simple lines & shapes
Compose simple objects
Experiment with different ways
Illustrate activities & dynamics
horizontal prototype vs vertical prototype
Horizontal prototype: provide a wide range of functions, but with little detail
Vertical prototype: provide a lot of detail for only a few functions
Other Types of (Paper) Prototypes
Post-It Prototype
Card-based Prototype
Photo Sketches
Wizard of Oz Testing
Human ‚wizard‘ simulates system response