<?xml version="1.0" encoding="utf-8"?>
Step 1: Identify the target audience and the problem
Exercise

Step 1: Identify the target audience and the problem

Retina
Exercise

Retina

Pixel density
Exercise

Pixel density

Fullscreen mobile modal
Exercise

Fullscreen mobile modal

iOS vs. Android modals
Exercise

iOS vs. Android modals

Choose the grid
Exercise

Choose the grid

iOS vs. Android bottom sheets
Exercise

iOS vs. Android bottom sheets

Gestures
Exercise

Gestures

Exercise

Mobile use vs desktop use

Identify content zones
Exercise

Identify content zones

Keyboard types
Exercise

Keyboard types

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

Identify your content
Exercise

Identify your content

Mobile toggle switch alignment
Exercise

Mobile toggle switch alignment

Scrollable tabs
Exercise

Scrollable tabs

Fullscreen desktop modal
Exercise

Fullscreen desktop modal

Step 10: Test your design decisions
Exercise

Step 10: Test your design decisions

Define user flows
Exercise

Define user flows

Wireframe only key screens
Exercise

Wireframe only key screens

Step 6: Use design patterns
Exercise

Step 6: Use design patterns

Exercise

Decide on your target screens & layouts

Add content and UI elements
Exercise

Add content and UI elements

What is responsive design
Exercise

What is responsive design

Types of mobile devices
Exercise

Types of mobile devices

Orientations
Exercise

Orientations

Step 4: Set up a mobile frame
Exercise

Step 4: Set up a mobile frame

Step 5: Determine layout using boxes
Exercise

Step 5: Determine layout using boxes

Step 7: Bring in actual copy
Exercise

Step 7: Bring in actual copy

Pixel
Exercise

Pixel

Leverage multi-tasking features
Exercise

Leverage multi-tasking features

Typing inputs
Exercise

Typing inputs

Step 9: Connect the screens to create a flow
Exercise

Step 9: Connect the screens to create a flow

Step 8: Ensure your content scales well
Exercise

Step 8: Ensure your content scales well

Keep navigation consistent
Exercise

Keep navigation consistent

Device
Exercise

Device

Tablet-specific app versions
Exercise

Tablet-specific app versions

Take advantage of larger screens
Exercise

Take advantage of larger screens

Share your wireframes with the team and clients
Exercise

Share your wireframes with the team and clients

Device orientation
Exercise

Device orientation

Exercise

Tablet usage

Gestures
Exercise

Gestures

Exercise

What is a mobile device