My inspiration for the product started at home. On the left is a photo of our refrigerator grocery list that we update daily.
When it’s time to shop, I enter the info into my phone or take a photo of the board to the store. Sometimes my wife will call to say - “what’s on the list? Can you text it to me?”
I often wish I had a device on the refrigerator that easily tracks needed items and automatically sends this information to my phone and my wife’s phone. The data entry is shared by the family and readily available on mobile devices.
Usability Goals:
The diagram on the left details the customer’s experience using a traditional white board to track grocery items on the refrigerator. Pain points include:
The diagram on the right lists corresponding solutions that The List refrigerator device would provide to customers.
The diagram here details the journey using the refrigerator whiteboard to track needed grocery items. Since Mary and her husband like to take a phone picture to capture the list before going to the store, this can lead some frustrating list management moments.
The pain points are noted here along with possible solutions.
I created a paper prototype that was tested by two people in a classroom setting. The images here show how the product prototype might look on the refrigerator. I iterated on the collected feedback and then created a clickable wireframe prototype.
The flow diagram for adding and item to the list.
The wireframes were created in Justinmind and tested with peers. Some feedback and realizations on my part:
I changed the interface to one-column so that the experience can be the same as on a phone. Now frequently purchased items can be tagged as favorites and accessed quickly under a Favorites tab.
I tried a few different visual design treatments.
I ran a test with a 11 respondents on Usabilityhub.com. The site provided heat maps which showed me where the users clicked in trying to complete a task. I used this helpful data to make adjustments for the next design iteration.
Go to go directly to the prototype I'm working on now. It was created using Axure RP.
Desktop view only: Click here.