Android Application design with the example of a Cooking app

COOKEYCarly LarssonNate Pincus

Taylor McCrearyHarshitha Chidananda

OutlineBrainstorming

Style Guide

Application

Original Idea

Our team’s goal is to design an application that teaches people how to cook. It will have a point system that allows users to start with simple recipes, and as they have successfully completed those they will be allowed to move on to more culinary challenges. At the end of each task, they will be asked to take a photo of their creation and post it.

The main UI innovation in our project is recipe display. Many online/app cooking sites display recipes in a cookbook format. However, there are so many different ways to display instructional text on a device that would be more efficient for novice and advanced cooks.

BrainStorming

Stanford D.School Brainstorming Method

1. Start with some Icebreakers & Idea Generatorsa. 15 things you have seen in applications that you think are useful?b. 10 different kinds/categories of application

2. Progress to How Might We Questions (HMW)a. Take three minutes to generate HMW questionsb. Every person puts forward their top three questions and the group

takes another three minutes to answer. c. What kind of application could be built to help solve these problems.

3. Discussion!

Top How Might We Questions

• Help people stay in touch?

• Teach people how to cook?

• Help people create/set and achieve goals over time?

• Help people when they are bored?

• Raise awareness about invisible illnesses?

• Make people more informed voters?

• Ease people’s anxiety?

Application Solutions

• How to cook application

• Goal setting application

• Random activity with cupons application

• Application to take into the voting booth, with both sides

of each bill/prop/candidate

• A interactive game that shows the user what it is

like to live with chronic anxiety

User Analysis

As a cooking application there are a few possible audiences. We are targeting people who are new to cooking, and are familiar and interested in social media. This would be men and women age 15 - 35, primarily in the United States and other English speaking countries. It specifically serves the population of young people who are more familiar with apps and the internet, than physical books. We are trying to provide an efficient, modern alternative to the old recipe books for this audience.

Task AnalysisOur target audience has a specific set of operations they need to execute when cooking, and a set

of operations they would like to have the option of.

1. Finding a recipe that is both tasty and of their ability.

2. Accessing the list of, saving those ingredients, and purchasing those ingredients.

3. Preparing the ingredients.

4. Going through the instructions, and accessing the ingredients necessary.

5. Assembling and cooking the final product.

6. Sharing what you have made with others.

StyleGuide

Colors & Fonts & Spacing

Colors - Red and Yellow are have been shown to increase hunger. What colors could be better for a cooking application.

Fonts - Arvo and Open Sans were chosen for their appeal, and for their clarity. The sans/serif combo is another tool usable in creating hierarchy.

Spacing - Spacing and sizing were determined for consistency and exact measurements provided for team members.

Application

Wireframe

Menu Drawer H

Taken Photos T

Settings H

Completed Recipes T

Saved Recipies T

Recipe Popup C

Instructions N

Finished C

Camera

Ingredients C

Main Menu H

Sketched Tree

Main Menu Design

● Consistency● Usability● Offer Informative feedback● Design dialogs to yield closure● Prevent error● Reversal of actions● Reduce short term memory loss● Support internal locus of control

Android principles● Colors● Fonts● Varied sizes to highlight what is

important● Icons

Navigation Drawer

Cooking Instructions

Ingredients

Recipe Accomplished

Recipe Preview

View Photos

Settings

Saved Recipies

Completed Recipes

● Implement and backend and database of recipes ● Add user accounts and a way for users to add their own recipes● Filters for recipes, and a way to search the database● User ratings for each recipe

Future Work

Questions?