Hi Fi Prototyping

Request

Redesign the User Interface; produce a hi-fi prototype for User Testing. Work with Android team to implement UI.

Solution

The Supply Center program is designed to store your favorite products on-site for immediate access in the lab. The program offers room temperature cabinets, 4°C refrigerators, and –20°C freezers in a range of sizes to meet the needs of your lab. Depending on automation, security, and the inventory levels needed, we can find a solution that best fits any requirements.

Usability testing was a necessity because the Supply Center Workflows are very complex.  We needed to have a hi-fi prototype that would mimic many avenues a user could possibly go down. This quick and dirty production (no AngularJS – no MVC, just jQuery, really) allowed us to scaffold the logic we needed and run it through our touch devices.

However, my CSS was tight enough (and browser tested!) to make it into production.

Initially, I added a library that allowed the users to scan a Q-Code to mimic the new interaction. However, we removed it because the hardware was familiar to teams.

During the tests, I updated the prototype and push/pull new situations between user sessions, adjusting the prototype to test for newly discovered situations.