<?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

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

Plan for edge cases
Exercise

Plan for edge cases

Background image
Exercise

Background image

Step 1: Formulate user story and acceptance criteria
Exercise

Step 1: Formulate user story and acceptance criteria

Wireframes allow for rapid testing
Exercise

Wireframes allow for rapid testing

Wireframes keep the concept user-focused
Exercise

Wireframes keep the concept user-focused

User testing with wireframes
Exercise

User testing with wireframes

Choose the correct level of annotation detail
Exercise

Choose the correct level of annotation detail

Plan for localization
Exercise

Plan for 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

Wireframing for component-based UI design
Exercise

Wireframing for component-based UI design

Wireflows
Exercise

Wireflows

Cons and caveats of usability inspection
Exercise

Cons and caveats of usability inspection

Colored icons
Exercise

Colored icons

Keep responsiveness in mind
Exercise

Keep responsiveness in mind

Wireflow organization
Exercise

Wireflow organization

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

Differentiate content and functional notes
Exercise

Differentiate content and functional notes

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