Back to
Schedule
Design Notebook Entry for E1
Lo-fidelity prototype evaluation provides extremely valuable information about the weaknesses in your current design, and how you should re-design your app. Review your observations from the low-fidelity prototype evaluation. When are you making users think too hard? How can you improve the design of your app to not make users think so much?
Write up the findings from each of the three evaluations that you completed in the studio class. For each evaluation, include:
1. any points of confusion or hesitation from the user (
optional: you could, with the user's consent, include closeup photos/screenshots of the user performing the action on the prototype at these points of confusion/hesitation (e.g., their finger on the prototype); the photos and screenshots should
not have any identifying information, e.g., faces)
2. your questions to the user and their responses
3. how you think your feature can be re-designed based on these findings
P9: Iterate Design and Start High-Fidelity Prototype
Before creating the high-fidelity prototype, make additional improvements to your design based on your observations during the paper prototype evaluation session. You must make at least 5 improvements to your design based on the paper prototype evaluations. List the improvements you have made, and include screenshots of the improved screen sketches and user flows.
Hold a team meeting to decide on the high-level design choices. What message is your app trying to convey? How can colour and logo convey that message? What is the high-level purpose of your app? How can the home screen clearly communicate this purpose? Other things to decide on include: (1) whether you want to design for iPhone or Android (pick one), (2) Name of the App, (3) Logo, (4) Color Schemes, (5) Key features + changes to the interface / user flow, (6) Feedback and error messages (what happens if users did the wrong thing), (7) Who is prototyping which screens.
Split up the screens amongst your teammates. Start transfer your sketches / low-fidelity prototypes into high-fidelity Figma mockups and interactions. For consistency, all students should use Figma to create the high-Fidelity prototype and not any other high-fidelity prototyping tools.
Make your best attempt to follow standard design guidelines---the
IOS Design Guidelines if you are designing for iPhones (see also
Apple's design kit for Figma), and the
Android Design Guidelines if you are designing for Androids.
Include in design notebook a writeup about your team meeting discussion and screenshots of your high-fidelity prototype in progress. You must also name 5 ideas from the lecture (e.g., important rules you learned about color/shape, element composition, and spatial organization) and describe how your team has applied those to your high-fidelity prototype design. You are not expected to finish your high-fidelity prototype this week; you will have the next 2-3 weeks to iterate on the design and complete the prototype.