Build a Low-Fidelity Mobile App Prototype with Adobe XD

Offered By
Coursera Project Network
In this Guided Project, you will:

How to add and arrange user interface elements

How to create screens and control the workflow

Clock2 hours
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1.5 hour guided project, you will learn how to create a low-fidelity prototype using Adobe XD. Low fidelity prototypes focus on the workflow and content rather than typographic details. We will cover how to add screens, control screen flow and transition, add user interface elements such as text labels, toggle buttons, and images. We will also learn how to make reusable components for a consistent presentation. A free trial (or subscribed) Adobe account is required. Please create an account or prepare to log in prior to starting the project.

Skills you will develop

Adobe XDDesignUser InterfacePrototypeUser Experience (UX)

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction and overview

  2. Application orientation and add the splash screen

  3. Build the pizza menu screen

  4. Finish the menu screen and make a vegetarian toggle button

  5. Build the detail screen

  6. Add interactivity among the screens

  7. Share with team members and respond to change requests

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.