creating and testing physical and digital prototypes
arduino jewelry prototype
Build and design a functional, aesthetic prototype of a arduino-powered jewelry that reacts to the ambient light outside. As the environment darkens, the wearable will become brighter, functioning as a safety device by making the user more visible to vehicles at night (this is one scenario of use.)
On physical forms
In general, users preferred the beehive design and circular designs. One user said she would like to see some smaller, less-noticeable wearable options (i.e., bracelet).
On arduino-powered component
We had the user test by hovering her hand over the photo cell. Both users understood the functionality of the prototype and provided feedback about potential improvements to the prototype.
shower control model prototype
Design three different models of a shower control interface for a multi-feature valve and temperature control that include a display of settings for temperature, volume, and valves.
One user was presented four tasks to be completed on each model prototype. Model 1 was clearly more difficult and confusing to operate for the user. Model 3 was perceived to be the most usable and aesthetically-pleasing model out of the three.
gesture recognition prototype
In order to build a gesture recognition platform with an interface for a TV system, I worked with two other designers to create a wizard of oz prototype where participants can use gestures to control a video on Netflix. One member played the “man behind the curtain” by observing the gestures of the participants and using a wireless controller to execute the appropriate action matched to the gesture during the testing sessions.
Prior to the tests, we developed 5 gestures to evaluate. During a session, we walked the participants through each gestures before asking them to complete 4 tasks, followed by a short post-task interview.
We conducted user tests to evaluate how effective and intuitive the gestures were to use. Our key takeaways from testing 2 participants were the following:
- Participants felt gestures were too big and broad, potentially uncomfortable when sitting or lying down in different positions
- Participants wanted the speed of their hand movement to match the speed of the scrubbing
- Participants weren’t sure how precise the movements had to be for the system to recognize them
information architecture diagram
Check out the interactive prototype here.
Analyze, redesign, and create mid-fidelity wireframes for the University of Washington's DUB (Design, Use, Build) website. You can check out the current DUB website here.
One participant was asked to test the interactive prototype and was given 4 tasks to complete. I facilitated and recorded the test. The key takeaways are:
- Having a button for subscribing on the header proved to be useful and discoverable
- Some content needs clearer labels or placement to indicate prominence (i.e. location and time on Seminars page)
- Depending on the granularity of the task involved, some more specific content may be needed on the wireframe (i.e., people’s names or information under People page)
- Recruiting a participant who is familiar with the website may yield different results and findings
civil engagement mobile app prototype
flow of screens
Create a mobile experience that encourages citizen engagement in politics. To better understand current citizen engagement tools, I studied and drew inspiration from sources such as: “Find My Representative” government website, U.S. Congress info (mobile app to find legislators), and Countable (mobile app to contact congress and vote on issues).
After sketching some initial UI ideas, I them wireframed the mobile prototype in Sketch. The final interactive prototype was created in InVision here.
I tested my interactive mobile prototype with one user, who was able to complete 3 out of 4 tasks presented. Key takeaways and future changes are as following:
- Make representative page more informative and include phone number
- Make contact button more clear by giving it a label or pulling out each contact option instead of hiding it in a menu fly-out
- Provide clearer way to access inbox/messages