Research Synthesis Design Solution



02 Wireframes

We created wireframes to iterate on the page layouts and flow. Wireframes also helped us get a clearer picture of the interactions with the various pages.

We came up with the following list of major features we wanted to include in the system –

+ any key for stepping forward
+ back button
+ timers
+ steps:
+ show before and after
+ highlight active
+ highlight ingredients
+ recipe scaling
+ audio notifications
+ tips thumbs up/down

Ingredient List
+ organized by the section in which it would be found at the grocery store

+ quick feedback from the user
+ structured such that it serves as a bookmark in the user’s inbox

BID 2010 . Human-Computer Interaction Institute . Carnegie Mellon University