Lectures 10 & 11

Question 1

What is Information Architecture?

Answer 1

Developing structures of organization to present data & information

Question 2

What are the goals of IA?

Answer 2

• To give structure to a bunch of information so users can find the information they are looking for
• Small projects -> IA is simple & straightforward
• Large projects -> IA can be incredible complicated

Question 3

What is the Navigation part of IA?

Answer 3

Flow through an app. Getting from point A to point B

Question 4

What is the content organization part of IA?

Answer 4

Considers user’s mental model: “How the user “thinks” the product works or “expects” the product to work which might not actually be how the product works!

Question 5

What are 3 approaches to organize content?

Answer 5

1. Categories
2. Tasks
3. Search

Question 6

Explain the “Categories” part of organizing content

Answer 6

Works when categories are straightforward & content fits into specific categories in clear-cut manner.
Example: Target

Question 7

Explain the “Tasks” approach to organizing content

Answer 7

Organize by the goals (tasks) the user needs to achieve

Question 8

Explain the “Search” approach to organizing content

Answer 8

Works when site contains a large amount of user-generated content.
Examples: YT & Amazon

Question 9

Why do UX designers create wireframes & prototypes

Answer 9

• Test ideas on real users
• Find problems early = easy to fix
• To iterate on design ideas
• To help transition between UX design -> UI design
• Saves time & money before UI design begins
• Share with team members & external clients

Question 10

What is Low-Fidelity?

Answer 10

• Simple, incomplete
• Generate ideas & get a feel for what content belongs on the screens
• Rough draft, sketches

Question 11

What is High Fidelity?

Answer 11

• Complete, focused on details & quality
• Represents what final product will look like

Question 12

What is sketching?

Answer 12

• Fastest, easiest, cheapest way to brainstorm & generate ideas
• Basic ideas of how screen might look

Question 13

What are wireframes?

Answer 13

• Low-fidelity represention of product, basic, static
• Used to perform usability testing & communicate ideas before they’re hard to change

Question 14

What do wireframes involve?

Answer 14

• Location & hierarchy of UI elements
• Text & labels
• Flow/interaction between screens

Question 15

What are prototypes?

Answer 15

• High-fidelity representation of the product, dynamic, interactive.
• Used for usability testing & communicating design ideas before coding

Question 16

What is involved in prototypes?

Answer 16

• Clickable & interactable
• All details
• Interactions
• Workflows
• Sometimes color

Question 17

What is a wireflow?

Answer 17

Combination of task flow & wireframes!