UX10 | Prototyping and Wireframing

Question 1

A first, typical, preliminary model of something, especially a machine, from which other forms are developed or copied is the definition of what?

Hint:

• Simulates a working project
• Simulates the interactive experience
• Allows the product to be tested w/users
• Communicates the solution to stakeholders
• Typically no annotations

Answer 1

Prototype

Question 2

Below are some of the benefits of what?

• Helps Improve the quality of designs
• Identifies issues before build
• Reduces risks of building flawed products
• Reduces costs in the medium term
• Helps share ideas and validate or invalidate assumptions

Answer 2

Prototyping

Question 3

Fill in the blank. Prototyping helps manage _______.

Answer 3

Stakeholders

Question 4

The following sentence describes what type of prototype?

“Sketchy and incomplete, that has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts”?

Answer 4

Low-Fidelity Prototype

Question 5

Broad concepts and mental models, optimizing flow and finding out if users “get it” are things you can learn from which type of prototype?

Answer 5

Low Fidelity Prototype

Question 6

Quick, cheap, catches potential problems early, and low skill level needed are some of the benefits of which type of prototype?

Answer 6

Low Fidelity Prototype

Question 7

The following sentence describes what type of prototype?

“Fairly detailed and complete but objects are presented in schematics or approximate form. Provides simulated interactive functionality and full navigation”.

Answer 7

Medium-fidelity prototype

Question 8

More detailed concepts and flows, screen layout and hierarchy, basic interactions, navigation and copy and labelling are things you can learn from which type of prototypes?

Answer 8

Medium Fidelity Prototype

Question 9

Cheap, better to test with users, easier to communicate with stakeholders and richer data and insights are benefits of which prototype?

Answer 9

Medium Fidelity Prototype

Question 10

This type of prototype is close to the final design as possible and sometimes uses real code on the front end to get it as close as possible. Which type is it?

Answer 10

High-fidelity prototype

Question 11

Assess flows and concepts, assess screen design and layout, Assess the performance of form design, test rich interactions, such as mapping are all things we can learn from which type of prototype?

Answer 11

High Fidelity Prototype

Question 12

Ability to convey rich interactions, stakeholder management and richer data and insights are some of the benefits from which type of prototype?

Answer 12

High Fidelity Prototype

Question 13

Sharpies, postits, printer paper and marvel for desktop or mobile are all the tools needed to make which type of prototype?

Answer 13

Low fidelity prototype

Question 14

Are there colors in the medium fidelity prototype stage?

Answer 14

No

Question 15

Difficult to know when to stop, learning curve required, time consuming and not cheap, are some of the cons of which prototype?

Answer 15

High Fidelity Prototype

Question 16

What is a diagram or a set of diagrams that consists of simple lines and shapes representing the skeleton of a website or an application’s user interface (UI) and core functionality called? Also includes annotated notes.

Hints:

• Not suitable for usability testing
• Static
• Blueprint for development
• Includes annotated notes or system rules

Answer 16

Wireframe

Question 17

How a website is structured and how content is displayed/organized is known as what?

Answer 17

Information Architecture

Question 18

Hierarchy, Structure, User flows, Information architecture, content and rules are part of what documentation?

Answer 18

Handover documentation

Question 19

Defining how the system behaves, how it responds to actions, how it communicates results and how it helps fulfill intentions should all be apart of your what?

Answer 19

Annotated notes

Question 20

Check boxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields and date fields are all examples of which type of element?

Answer 20

Input controls

Question 21

Breadcrumbs, sliders, search fields, pagination, tags and icons are all examples of which type of element?

Answer 21

Navigational components

Question 22

Tooltips, icons, progress bar, notifications, message boxes, and modal windows are all examples of which type of element?

Answer 22

Information components

Question 23

True or Fales? If there’s no interaction, then no note is needed.

Answer 23

True

Question 24

Should you repeat notes on every page?

Answer 24

No