Build a low-fidelity prototype for a mobile app in Adobe XD

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

Navigate Adobe XD

C​reate an interactive app prototype

T​est and share your prototype

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

By the end of this project, you’ll be able to create low-fidelity prototypes for mobile apps. You’ll build your wireframes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability to design multiple iterations of webpages, all the way from wireframes to high-fidelity mockups. When you use XD to create wireframes, you’ll be able to test and compare lots of different layouts—then save and share those designs. During this project, you’ll put together a low-fidelity design for a coffee subscription service. First, you’ll get used to navigating the XD workspace. Then you’ll create a wireframe for a mobile screen size. Next, you’ll create an interactive button that will help users navigate your prototype. Then you’ll connect all the pieces with clickable triggers to simulate links between different portions of your design. Finally, you’ll test and share your work! By the end of the project, you’ll be comfortable creating prototypes for quick proof of concept and usability testing.

Skills you will develop

Adobe XDGraphic DesignApp designPrototyping

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. Navigate Adobe XD workspace

  2. Prepare your low-fidelity design for prototyping

  3. Create interactive components

  4. Use XD’s Prototype window to create your prototype

  5. Save and share your mobile app prototype

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.