Module 5 Flashcards
Sketches, storyboards, wireframes, prototypes (12 cards)
Sketch
A conversation between the sketcher/designer and the artifact.
Offers a visual medium for exploration.
Offers a low-cost medium for working with early ideas before committing to one.
Design
Process of creation and exploration
Low Fidelity
Many details are left unspecified
High Fidelity
More polished and detailed
Fidelity of Sketches and Mockups
Storyboard => low fidelity
Wireframe => medium fidelity
Prototype => high fidelity
Storyboard
Sequence of visual “frames” illustrating interplay between user and envisioned system.
Explains how app fits into a larger context through a single scenario/story.
Freeze frame sketches of user interactions.
Wireframe
Representation of an interface using lines and outlines (“wireframes”) of boxes and other shapes.
Deliberately unfinished.
Higher fidelity than a sketch or storyboard; lower fidelity than a prototype.
Focus on key screens rather than every screen.
Design Critique
Stylized meeting for getting feedback on design sketches and prototypes.
Prototype
Early version of system constructed much faster and with less expense used to evaluate and refine design ideas.
Helps with deciding if your system design is correct before you invest the time to build it.
Types of Prototypes
Horizontal = broad in features, less depth; explore overall concept of app, but not specific workflows
Vertical = lots of depth, but only for a few features; enables testing limited range of features with realistic user evaluations
T = most of UI realized at low depth, few parts realized in depth; combo of vertical and horizontal
Local = focused prototype on specific interaction detail; more focused than vertical prototype
Wizard of Oz Prototyping
Faking complex functionalities in the prototype using a human.
Simulate actual system without building it.
Paper Prototype
Prototype that’s on paper
