top of page
Mobile Pattern Audit
Example 1 Example 2 Example 3
Sketches
Direction 1
Direction 2
Direction 3
Paper Prototype
Concept 1
Concept 2
User Testing
Xiao Li, student, 21
1. The concept 1 seems like better to use.
2. The box frame should shows clear visual image for foods.
3. The font size could be a little bigger.
4. The fourth page for concept 1, the video should be allowed users to download.
5. The icon of sections should be more interesting.
Ten Liqi, illustrator, 24
1. The concept 1 looks more clear and useful for users.
2. For each of food lists, the evaluation of food is very important to show to users.
3. In the cooking pages, it should show more specific process of cooking.
4. There are not too much details in the homepage.
5. It's hard to add users favorite food to list.
Majid Hashemian, animation mentor, 28
1. For concept 2, it's not very specific to search.
2. Searching the ingredients easy and fast is very important for users.
3. For the ingredients page, it could provide more specific categories for food, such as health, fast make, etc.
4. The concept 1 has more potential.
5. It should be easier to exit from the search screen back to the first screen.
Top Insights
1. Make more simple and easier for users to search.
2. Provide clear visibility for images are very important for add recipe and add ingredients function.
3. The recipe page should be more specific and show more details.
4. In order to let people to have more option of food, it should have more categories of ingredients and easy for users to choose.
5. Provide a clear way to save and add user's favorite foods to their profile.
Annotated Wireframes
Annotated Wireframes Prototype
Component Sheet
Heuristic Evaluation
Visibility of system status
When you trying to download the cooking process video, it will show you the video is being downloaded with bar.
Match between system and the real world
The homepage shows you the categories of different type of foods. It also allows users to search their own favorite food.
User control and freedom
It allows users to cancel the image that they don't want to post.
Consistency and standards
The click buttons are always the same size and standard scale.
Error prevention
Once you are searching the type which is not about the food or relevant information, it will inform you're typing wrong things.
Recognition rather than recall
It will recognize what you want to find from the search tool.
Flexibility and efficiency of use
Once you are setting your username and password to your account, it would show you the
advanced setting button.
Aesthetic and minimalist design
If users want to share their food photo to social media, the camera function is very clear and easy for them to use.
Help users recognize, diagnose, and recover from errors
It will tell users the errors that they make from the wrong type.
Help and documentation
In the profile page, if you want to solve some problem you can click the top right gear icon and find it.
Prototype User
Shanshan Gao 24
The whole layout screen looks pretty clean and easy to read. The categories of food make sense. But you could add more details about food ingredients data, like calorie and nutrition.
Cong Gao 27
When I tried to pair the ingredients to search food, I feel it's very convenient to use. I think it allows users to choose their own favorite food idea is really nice. I recommend you to make the profile page's type bigger, it was a little bit hard to read.
Jie Song 26
I like the orange that you used in the main color App that I think it shows the friendly and reflects the cooking style. But when I saw the shopping list on the profile page, how could I add my ingredients to the shopping list?
Insights
1. Showing more details about food ingredients information in recipe page.
2. Making the profile text size bigger and organized it.
3. To let users find shopping list button on recipe page easier.
4. The layout looks more clean and easy for users to read.
Mood / Design Boards
Concept 1
Concept 2
Concept 3
APP Icon / Name
1. Kitchen Love
2. Cooking Stories
3. Food Friends
Style Guide
Concept 1
Concept 2
Concept 3
Landing Page
Visual System
App Name
Kitchen Love - when I was thinking about the App name, I thought that people always cook in the kitchen and prepare ingredients in there, so once they need to cook for a meal, I hope they can enjoy the cooking process and love kitchen.
App Icon
The App icon was designed based on the App name that I have and it was designed with friendly and simple style.
Type Properties
Typeface Helvetica Neue
Color Palette
Shadow Styles
Border radii
Spacing Scale
The square grid system is set 8 pt for each page.
Component Sheet
bottom of page