<?xml version="1.0" encoding="utf-8"?>
Color wheel
Exercise

Color wheel

Warm colors
Exercise

Warm colors

Cool colors
Exercise

Cool colors

Aspect ratio
Exercise

Aspect ratio

Alt text
Exercise

Alt text

Usability inspection
Exercise

Usability inspection

Mood boards
Exercise

Mood boards

Heuristic evaluation
Exercise

Heuristic evaluation

Wireflow creation process
Exercise

Wireflow creation process

Avatar
Exercise

Avatar

Cognitive walkthrough
Exercise

Cognitive walkthrough

Task flow
Exercise

Task flow

Compose an evaluation plan
Exercise

Compose an evaluation plan

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

PNG
Exercise

PNG

Flowchart
Exercise

Flowchart

Assets
Exercise

Assets

Outlined icons
Exercise

Outlined icons

SVG
Exercise

SVG

Photograph
Exercise

Photograph

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

Edge cases
Exercise

Edge cases

Background image
Exercise

Background image

Step 1: Formulate a user story and its acceptance criteria
Exercise

Step 1: Formulate a user story and its acceptance criteria

Wireframes keep the concept user-focused
Exercise

Wireframes keep the concept user-focused

User testing with wireframes
Exercise

User testing with wireframes

Exercise

Choose the correct level of annotation detail

Localization
Exercise

Localization

Document usability inspection findings
Exercise

Document usability inspection findings

Step 5: Get inspiration from competitors
Exercise

Step 5: Get inspiration from competitors

JPG
Exercise

JPG

SVG icons
Exercise

SVG icons

Wireflow
Exercise

Wireflow

Cons and caveats of usability inspection
Exercise

Cons and caveats of usability inspection

Colored icons
Exercise

Colored icons

Text wrapping
Exercise

Text wrapping

Wireflow organization and usage
Exercise

Wireflow organization and usage

Step 2: Write the explanation of the user journey
Exercise

Step 2: Write the explanation of the user journey

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

Choose the grid
Exercise

Choose the grid

Aspect ratio
Exercise

Aspect ratio

Step 3: Create a flowchart
Exercise

Step 3: Create a flowchart

Analyze and summarize results
Exercise

Analyze and summarize results

Use actual copy early in the process
Exercise

Use actual copy early in the process