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.
1.9 KiB
1.9 KiB
UX VI - Ex 2 - Wireframes
Context:
Your company's client is a movie theaters chain called, Movie 4 all.
They want to launch a platform for people who want to watch movies but don’t want to spend endless time selecting one. You are replacing someone in the company who has already worked on the user research, the problem statement and the list of features they plan to develop. Your goal is to prototype and test these features.
Instructions:
Based on the 3 user flows, design 3 series of wireframes.
Deliverables:
- Wireframes (6 to 12 screens per flow)
Tips:
- Drawing paper prototypes before going digital might save you some time ;)
- 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
Resources:
- How to start sketching and wireframing
- Why should product teams use wireframes more often?
- The 5-pass reduction wireframing: A minimalist UX technique
- The art of designing good wireframes
Recommended tools:
- Figma
Quote:
‘77% of users return to content and information sites because of ease-of-use. Only 22% return because the site belongs to a favorite brand.’ Forrester