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
Movie 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.
Don't forget to:
- 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”.
Tips:
- Drawing paper prototypes before going digital might save you some time.
- Pay attention to the global aspect of the deliverables. They must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!
- 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