3.6 Low-Fidelity Prototyping: Paper & Sketches Flashcards
What is a wireframe?
A static, visual representation of an interface
What is a prototype?
Represents an interaction or a flow of functionality
What is design fidelity?
Refers to how closely the wireframe, prototype, mockup, etc. match the look-and-feel of the final system
Place the fidelities below in order from start to finish:
Prototypes
Wireframes
Mockups
Sketches
Sketches
Wireframes
Mockups
Prototypes
Throughout the design process, the level of fidelity is continuously modified and increased based on…
user feedback, research, and design interactions
As the fidelity increases, more time is spent on the _____ of the prototypes.
details
What is a low-fidelity prototype?
A prototype that highlights only the high-level functionality of a design.
It purposefully glosses over the intimate details of a design such as color, spacing, and imagery and is usually hand-sketched in black and white or grayscale
Why is it crucial to start with a low-fidelity prototype?
It allows designers to focus on the core structure and navigation of the app rather than on pixel-perfect visual design features and complex functions.
What are mid-fidelity prototypes?
It portrays a bit more detail than low-fidelity prototypes, but they’re not as polished as high-fidelity prototypes.
They’re usually created using software such as Adobe XD, Balsamiq, UXPin, or Photoshop.
What are the advantages of a mid-fidelity wireframe or prototype?
- It’s digital, so it can easily be shared with others. Many wireframing and prototyping programs have built-in sharing tools to simplify this exchange.
- It’s still very easy to make large, rapid changes to a design.
What are high-fidelity prototypes?
High-fidelity prototypes take much longer to create as the goal is to flesh out every single detail of a design. They should look and feel like a live system in terms of graphics, spacing, and layout and closely resemble the finished product.
Low-Fidelity Prototype =
High-level details:
Shows the high-level (general) user experience and gets everyone aligned with the big picture.
Mid-Fidelity Prototype =
Medium-level details:
Shows off a bit more design detail and basic interactivity.
High-Fidelity Prototype =
Low-level details:
Shows how the polished app will look, feel, and function
The main focus when sketching low-fidelity prototypes is on…
a. Creating visually appealing design elements
b. Low-level functionality
c. Creating a finished design
d. High-level functionality
d. High-level functionality
