mirror of https://github.com/01-edu/UX-UI.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.0 KiB
2.0 KiB
Second prototyping
Instructions
Give another dimension to your user flow and turn it into a paper prototype (6 to 12 screens max).
- First, draw low-fidelity prototypes on paper. One main screen = 1 mobile frame. No micro-interactions nor multistate are needed for this exercise.
- Test the prototype with 3 people. To do so, prepare a usability testing guide following the Design Sprint Five-Act interview
- Then, draw your mid-fidelity screens on Figma with simple shapes, in black and white.
- Upload the documents on Github, in a zip folder named “ProjectTitle_Name_FirstName”, with all project deliverables as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, the first deliverable can be named as “Doe_John_MidFiPrototype_05242024_V1”.
Deliverables
- Pictures of a paper prototype.
- Figma file with the Wireframes (mid-fi).
Tips:
- 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
Resources:
- Google Ventures - Design Sprint: The Five-Act interview
- Example: Paper Prototyping - The Practical Beginners guide
- Example: Wellness App
- Android Mobile Template
- iPhone Template
- Figma
Quote:
Any design is like a joke …if you have to explain it, it’s bad.