Initial Ideas for the cooking app began with a brainstorm of how the app would encourage users to cook more and cook diferent recipes.
The main points were that people don't cook recipes because:
Reason: They don't have the correct food
Solution: The app could feature a shopping list feature which helps them buy the correct food.
Reason: The recipes are too difficult
Solution: Users could tell the app how experienced they are and find suitable recipes
Reason: Recipes are hard to find
Solution: The app could feature a variety of recipes found from the web (much like existing app, yummly)
Reason: They dont know what to make with what they have
Solution: The app could tell you what you can make with what you have - Scan recipts and log the food users have?
Reason: Forgetful
Solution: The app could send reminders or daily recipes to encourage forgetful users
Research
Research began by looking at leading cooking apps Yummly and Cook with M&S
Yummly
Yummly is really nicely designed app that collects content from a variety of recipe websites and compiles them nicely along with their photos and makes it incredibly easy to browse for recipes that would interest any user.
The apps user interface is easy to use, with a drop down menu at the top that can help users get to any part of the app quickly. Type is paired with appropriate icons that make it easier.
The recipes are displayed in a simple list format with plus symbols next to ingrediants allowing the user to add them to their in app shopping list. This function is something I plan to use within my won all design. The app also allows users to to view the directions and nutritional information at the tap of a button as well as rate the recipe.
Cook with M&S
Cook with M&S features similar food imagery but has a very diferent user interface.
The browsing section, puts 4 recipes on screen at all times, making browsing alot quicker. The food photography features a lot of white space, which adds to the apps almost clinical design.
A feature the app has which I really like, is the ability to add timers straight from the recipes. These are stored in a separate section of the app to not get in the way when browsing.
UI Research
I had a spark of inspiration when using organiser that I use to alphabetically organise my cocktail recipes for work.
It reminded me of a box that my mother uses to organise her recipes and how I have seen skuemorphic apps that have tabs that resemble the tabs in organisers like the one below. This visual language is easy to understand by most users, and has a visual link to recipe organising boxes.
I began researching apps that are skuemorphic of paper. I found that al ot featured folding animations as seen below
Alothough some had a flat UI design with matt colours and very subtle drop shadows to give the impression of stacked paper.Development
My initial sketches for my app take inspiration from both apps, but try to stray away from the normal interface to see if a diferent solution could make using the app easier and enjoyable.
You can see how I have taken inspiration from the simple, flat ui designs above with large full bleed buttons.
The main menu will resemble stacked sheets of paper with tabs. When a tab is tapped on, the other tabs will move away to reveal the rest of that peice of paper.
































