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 V - Ex 5 - Wireframes
Instructions:
Pick a product (a record, a song or an album) from your music label website.
Based on the new taxonomy (content categorization), show the different paths a user has to take to reach the product with a series of wireframes.
Tips:
- Drawing a user journey first might be helpful before rushing into wireframes
- Drawing paper prototypes before going digital might save you some time ;)
- Several paths are encouraged
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
List of websites:
- Universal Music Latin America
- Delta Records
- Zoho Music
- Luaka Bop
- Rimas Music
- More... as long as it is a South American music label ;-)
Deliverables:
- Wireframes (6 to 12 screens) from the home page to the product page, on Figma
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