UX-UI/subjects/ux-4-5/README.md

UX IV - Ex 5 CK - Prototyping

Context:

The Olympics committee calls on you to get fresh ideas for the next Olympic Games.

You’ll team up by groups of 3 and focus each on one problem statement.

You’ll get guidelines and suggestions to run ideation workshops, and bring your ideas to life with three different prototypes, that you will animate and test.

Instructions:

Give another dimension to your user flow and turn your user flow into a paper prototype (12 screens max).

First, draw low-fidelity prototypes on paper. One main screen = 1 mobile frame.

Then, draw your mid-fidelity screens on Figma with simple shapes, in black and white.

Tips: Vocabulary

• Low-Fidelity: Paper Prototypes - Example here
• Mid-Fidelity: Wireframes - black and white, only the main elements, on digital prototype tools - Example here
• High-Fidelity: Wireframes with color, styles, graphical details, and micro-interactions - Example here

Deliverables:

• Paper prototype
• Wireframes (mid-fi) to upload on the platform

Resources:

• Example: Paper Prototyping - The Practical Beginners guide
• Example: Wellness App
• Android Mobile Template
• iPhone Template
• Figma

Quotes:

• ‘If you’re not embarrassed by the first version of your product, you’ve launched too late’ Reid Hoffman | LinkedIn
• To prototype your solution, you’ll need a temporary change of philosophy: from perfect to just enough, from long-term quality to temporary simulation.
• The prototype is meant to answer questions, so keep it focused. You just need a real-looking facade to which customers can react.