Read manifesto

Ideate

Ideate

Ideate

Digital Prototype

Digital Prototype

Digital Prototype

Scenario

You're a product designer for a new educational app (competitors are Skillshare and Udemy). You're designing the interface for going through multiple lessons in a course.

You're at the stage of the process where you need to start making a digital prototype to test what the final product will feel like: things like interaction, UI components, typography, and image quality.

Task

Make a high-fidelity digital prototype. This prototype should demonstrate the flow of watching several lessons in a row that all have video and text content. You can review your competitors to see what kinds of things would be on a page like this. You may want to start with a wireframe.

Extra Credit: Add some interactivity to the prototype so that people looking at it can get a feel for what it would be like to use this interface on the final product.

Tools

Not sure which tools to use? Try one of these.

Share your results

When you finish the challenge, post your work on X (Twitter)! Be sure to use the hashtag #uxtoolschallenges and tag our account @uxtoolsco. We'll keep an eye out and repost good examples on a regular basis.

We're also building a new community for designers where you'll be able to get even more feedback. See more details.