scarlett
cover.jpg

simple recipes

cover.jpg

Simple Recipes is an app offering simple graphic recipes for both cooking learners and creators. This was a project assigned in my grad studio course, the challenge was using necessary visual language to communicate massive text information in order to optimize user experience. As a cooking lover I have never enjoyed long text introduction, especially when it’s not in my first language. Figured this is a common issue for many people, I picked this to be my topic of design project.

By designing icons and visualizing cooking process, I tried to find a method that can efficiently show important information of the recipe and can be simply used during cooking. I also provided a way for recipe creators to easily write and share their recipes. I explored and practiced at what level visual language can be used independently as a better communication tool, and how to set graphic information during interactive process to optimize user experience.

Target user   Cooking fan (learners and creators),   Foreign cuisine lover

Key words     Language barrier free, readable, shareable, interactive process

Light yellow bar shows the time taken by previous step(s), dark yellow bar shows the current step’s time. When two bars overlap, it means you can start current step when the previous step is running (eg. Beat eggs when heating the milk ).

Light yellow bar shows the time taken by previous step(s), dark yellow bar shows the current step’s time. When two bars overlap, it means you can start current step when the previous step is running (eg. Beat eggs when heating the milk ).

Automatically showing featured recipes, you can tap into the cooking book to view recipes by categories, or directly search with ingredients. Zoom out to close the window.

Check ingredients to make sure you have them all, then you can tap each step to follow the recipe. Finished recipes will be record at your account, you could also 'like' it to make it your favorite.

Check ingredients to make sure you have them all, then you can tap each step to follow the recipe. Finished recipes will be record at your account, you could also 'like' it to make it your favorite.

You can tap the thin yellow bar on the left to slide out the main menu.

You can tap the thin yellow bar on the left to slide out the main menu.

Create a new recipe. You can choose if it is vegan, dairy free or with other special introductions by tapping icons.

Create a new recipe. You can choose if it is vegan, dairy free or with other special introductions by tapping icons.

The system automatically provides calorie information depending on the ingredients, but you can also adjust it manually.

The system automatically provides calorie information depending on the ingredients, but you can also adjust it manually.

And swipe back to the recipe cover page anytime.

And swipe back to the recipe cover page anytime.

Gesture of setting the time.  

Gesture of setting the time.

 

Set the serving size.  

Set the serving size.

 

appmotionsource-20.jpg

Drag ingredients to chopping board and set the quantity. The system automatically shows most frequent ingredients at top, you can also search or browse by categories. Selected ingredients will show up when you tap the chopping board.

Scroll to edit the cooking process.

Scroll to edit the cooking process.

You can drag to change the order of steps.