# Week 3 Class 2 work: Prototype
# Details
In-class exercise: Week 3-2b In-class: Prototyping (opens new window)
Select 1 concept from class 1 (or, a combination of multiple concepts) and create a prototype to test next week.
Step 1 : Storyboard (30-40 minutes)
- Get a piece of whiteboard, and draw a grid (6-10 squares)
- Plot out the key steps in your scenario, that will help illustrate your solution, and get good user feedback on key areas
- You don't need to sketch out every use case, just enough to get accurate feedback
- Map out the flow that you'll use in the interview script
- Figure out which steps/frames can be rough, and which need to be defined with more detail
TURN YOUR IDEAS INTO A HYPOTHESIS:
Start with the Problem Statement from W2D2:
- We spoke to ________________ (describe persona)
- We noticed that ________________ (describe challenge or opportunity)
- We want to help with _______________ (describe specifically what your product will solve)
Ask how might we solve the user’s problem.
Solution
We believe that ________________ (creating this experience)
For ________________ (persona)
Will ________________ (achieve this outcome)
Step 2 : Assign tasks (20 minutes)
- Assign a team member for each of the following tasks/roles:
- Script writer
- Mockup maker
- Prototype assembler (if not same person as mockup maker)
- Content creator
- Team members should step in and help do any work that's needed, but assign one person to OWN each task
- Decide on a time to sync/work if the prototype is not completed in class today
Step 3 : Prototype (remainder of class + homework if needed)
- Create a complete interview script that your prototype will support
- Create the necessary mockups to illustrate each step in the script
- Assemble the mockups (Build a digital prototype in Figma)
- Do a dry-run within your team to make sure the script and prototype match up
- Adjust either if needed
# Resources
- Sketching template: applewatch_template.pdf
- Official Figma WatchOS 5 UI Kit (opens new window)
- Figma WatchOS UI Kit (most popular) (opens new window)
- Bring into Figma the Apple WatchOS UI kit (opens new window)
- from Sketch (opens new window)(tutorial)
- from Adobe XD (opens new window)(tutorial)
- WatchOS Visual design guideline: Layout (opens new window)
- Common WatchOS interaction (opens new window)
- Apple Watch - Human Interface Guidelines & User Experience (opens new window)
- The art of asking questions in usability testing (opens new window)