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.
Agathe Pommery
c15de983c3
|
2 years ago | |
---|---|---|
.. | ||
audit | 2 years ago | |
README.md | 2 years ago |
README.md
UX VI - Ex 2 - Wireframes
Instructions:
Based on the 3 user flows, design 3 series of wireframes.
Deliverables:
- 3 series of wireframes (6 to 12 screens per flow) on Figma
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