<?xml version="1.0" encoding="utf-8"?>
Usability inspection
Exercise

Usability inspection

Heuristic evaluation
Exercise

Heuristic evaluation

Cognitive walkthrough
Exercise

Cognitive walkthrough

Compose an evaluation plan
Exercise

Compose an evaluation plan

 Wireflows
Exercise

Wireflows

Step 1: Identify the target audience and the problem
Exercise

Step 1: Identify the target audience and the problem

Wireframes make the design process iterative
Exercise

Wireframes make the design process iterative

Wireframe
Exercise

Wireframe

Define user goals
Exercise

Define user goals

Describe users with personas
Exercise

Describe users with personas

Wireframes keep usability at the forefront
Exercise

Wireframes keep usability at the forefront

Wireframes allow for rapid testing
Exercise

Wireframes allow for rapid testing

Wireframes keep the concept user-focused
Exercise

Wireframes keep the concept user-focused

Mockups
Exercise

Mockups

User testing with wireframes
Exercise

User testing with wireframes

Exercise

Choose the correct level of annotation detail

Document usability inspection findings
Exercise

Document usability inspection findings

Cons and caveats of usability inspection
Exercise

Cons and caveats of usability inspection

Wireframes tell a story
Exercise

Wireframes tell a story

Describe content and functionality in your annotations
Exercise

Describe content and functionality in your annotations

Wireframing for interaction design
Exercise

Wireframing for interaction design

Create scenarios
Exercise

Create scenarios

Analyze and summarize results
Exercise

Analyze and summarize results

Use actual copy early in the process
Exercise

Use actual copy early in the process

Wireframes help save time
Exercise

Wireframes help save time

Wireframes address scalability and ease-of-updates
Exercise

Wireframes address scalability and ease-of-updates

Annotations explain how wireframes work
Exercise

Annotations explain how wireframes work

Mockups
Exercise

Mockups

Wireframes benefits for product managers
Exercise

Wireframes benefits for product managers

Wireframing for UI design
Exercise

Wireframing for UI design

Step 2: Create a user flow
Exercise

Step 2: Create a user flow

Step 3: Sketch out core screens
Exercise

Step 3: Sketch out core screens

What is a wireframe?
Exercise

What is a wireframe?

Wireframes benefits for clients
Exercise

Wireframes benefits for clients

Annotate links and buttons
Exercise

Annotate links and buttons

Wireframes for development
Exercise

Wireframes for development

Using medium-fidelity wireframes
Exercise

Using medium-fidelity wireframes

Wireframing for information design
Exercise

Wireframing for information design

Wireframes explore concepts
Exercise

Wireframes explore concepts

Wireframing for navigation design
Exercise

Wireframing for navigation design

Using high-fidelity wireframes
Exercise

Using high-fidelity wireframes

Step 10: Test your design decisions
Exercise

Step 10: Test your design decisions

Mood boards
Exercise

Mood boards

Wireframes
Exercise

Wireframes

Step 6: Use design patterns
Exercise

Step 6: Use design patterns

Annotate as you go, finalize after
Exercise

Annotate as you go, finalize after

Annotate conditional items
Exercise

Annotate conditional items

High-fidelity wireframes
Exercise

High-fidelity wireframes

Annotations are for everyone
Exercise

Annotations are for everyone

Ecommerce website wireframing
Exercise

Ecommerce website wireframing