Prototyping Flashcards
(26 cards)
What is a prototype?
A small scale model to test the look and feel of what we are building
What should we prototype?
- Workflow
- Task design
- Info we want to display
- Share of hardware
- Difficult, controversial, and critical areas
Why should we prototype?
- Concept verification
- Identify problems with the design (such as usability issues)
- Gather feedback from stakeholders
- Save time and resources
- Enhance communication
- Experiment and innovate
True or False: Prototyping helps prevent costly revisions later on.
True
What are the characteristics of a prototype?
- Appearance: size, color, form, weight, texture
- Data: data size, type, use, privacy
- Functionality: system function, users’ functionality need
- Interactivity: input/output behavior, feedback behavior, information behavior
- Spatial structure: arrangement of interface or info elements
What factors determine the manifestation of a prototype?
- Material: Medium used to prototype
- Resolution: Level of detail in the prototype
- Scope: range of what is covered to be manifested
Fill in the blank: Different _______ require different scenarios to use the prototype.
[personas]
What is the importance of personas in prototyping
Its really hard to come up with alternative designs to suit other users needs, since we are usually framed within our own experiences.
Personas can help to break out of our perspective!
What is the importance of a multidisciplinary team in prototyping?
It helps to consider alternatives and break out of one’s own experiences.
What are the three types of fidelity in prototyping?
- Low fidelity – sketch
- Medium fidelity – mockup
- High fidelity – prototype
What is the purpose of low fidelity prototypes?
To quickly illustrate the first design ideas without code investment.
Whats the medium of the low-fidelity prototype?
Paper, cardboard, post-it-notes, etc.
What does a low fidelity prototype cover?
Selected functions
Approximate layouts
User input constraints
System output structures
What are some advantages of low-fidelity prototypes?
- Quick
- Easy to change
- No code investment
- Focuses on big picture
- Non-programmers can help
What is a medium fidelity mockup?
A refined version of the paper sketch done on the computer.
What is the importance of a medium fidelity prototype?
Details not considered in sketches may be added in, such as font, color, and spacing
What does a medium-fidelity prototype cover
- Selected functions
- A realistic layout
- User input and constraints
- System output
What is the medium of a medium-fidelity prototype?
A computer
What features are present in a high fidelity prototype?
- Realistic look and feel
- Color, fonts, icons
- Navigation
- Error messages
What are the two types of high-fidelity prototyping?
- Horizontal: wide range of functions, little detail
- Vertical: a lot of detail, few functions
What tools can be used for high fidelity prototypes?
- Bootstrap
- Material UI
What does the high-fidelity prototype cover?
All functions
Exact layout
User input constraints
System output
Real data
Errors
What is a storyboard in prototyping?
A series of sketches showing how a user might progress through a task using the system.
True or false: personas are used in storyboards
true
