Andrea Hock Shares Her App-Design Process

In this video, the first installment of a new series, UX/UI designer and Adobe Creative Resident Andrea Hock talks us through the steps she took to create a tongue-scanning meal-automation app—from the initial idea and the refining of that idea, through research and making visual choices, and then on to wireframes and creating the final prototype.

Click on the image below to view the video; then scroll down to see still images of the product screens and more. 

About her color choices, Hock explains, “I went with cool tones because they feel clean. Warm tones like reds, oranges, and yellows have been found to stimulate appetite and make you crave eating more. This is why many fast-food restaurants use those colors. Research has shown that blues, on the other hand, soothe us."

Hock says, “Because tongue scanning isn’t a technology readily available out there, I had to be pretty imaginative and work from scratch when developing the wireframes. Generally speaking, apps can be classified into certain categories, and you can use apps in the same category as the one you are creating as guidelines or examples. This was not the case with this project, so I really had to try out several different options for what would be the easiest way for the user to get from start to finish.”

“I struggled with how this app would actually be used in real-life,” says Hock. “How would the tongue scanner read your taste buds? How would the other data about your nutrient deficiencies be determined? I interviewed several people in the medical field, and came to the idea of using the saliva from the tongue scan to get nutrient data. In the end, I decided not to worry too much about the details of how it would function, and to think more about the design—since it’s conceptual anyway.”

See more of this project on Hock’s Behance page.

February 20, 2019