Week 9 To-Do’s
Lecture and reading
Attend the lecture to learn about this week’s topics and obtain extra information from this week’s reading list (short articles/videos to read/watch):
- Wobbrock, J. O., & Kientz, J. A. (2016). Research contributions in human-computer interaction. interactions, 23(3), 38-44.
- Disability & Innovation: The Universal Benefits of Accessible Design by Haben Girma
Create low-fidelity prototypes
As a team, pick 2 of the 4-5 features/ user flows you completed during last studio that are most important and/or most risky in terms of the user interface. These are the ideas/features you will prototype and test. This involves creating a solid base, sketches of individual screens required for that feature, input elements (drawn or printed), as well as components that demonstrate state changes (e.g., overlays, highlights, etc.). Your prototypes can have some high-level content, but should still look and feel like a sketch, i.e., roughly drawn and has minimal colors.
For one of your chosen user flows, create a paper prototype that can be made interactive using a “human computer” (i.e., not Figma). Follow the methods and guidelines for paper prototyping in the lecture notes. You can use the printable frame for phone or web applications on the Resources page.
For the other user flow you chose, create a low-fidelity wireframe prototype using Figma. You can draw the wireframes by hand on paper and photograph them, but it is likely easier to use the basic Figma drawing tools (rectangles, circles, etc.). Use the Figma Prototype tab to make your prototype interactive.
Your design document should include:
- Pictures or screenshots of all the elements of your two low-fidelity prototypes. You can combine all parts of the prototypes into one image, or split the components into multiple images, as long as it is clear and legible.
- Clear descriptive captions for each prototype photo or screenshot. Also include a publicly shared link to the Figma file for your wireframe prototype.
Team meeting and design document
Conduct this week’s activities during the studio time in class. When necessary, continue the team meeting and discussion out of class. Update your design document with the outcomes of this week’s activities. More details are available on the Information page under Deliverable 2a.
Provide feedback to your assigned team’s mid-term report
Read your assigned team’s mid-term report submitted in the shared folder. Provide at least five actionable recommendations to that team. More details are available on the Information page under Deliverable 2c.