Button Recipe Organiser

Recipe Organiser Thumbnail image

Project Overview

Summary

Button Recipe Organiser is a personal project of mine and was created to ease the pain of losing track of my favourite recipes found on the internet and among family members. It helps to store recipes in one place through scanning, importing and creating your own in an easy-to-view gallery format.

Challenge

Before going to cook, I often had difficulty finding the recipes saved from before. They are all over the place - Youtube, cooking websites and written on some random notebooks.Finding them is time-consuming and always ends up being deleted, forgotten and thrown away. To solve this myself, I started brainstorming the elements of a useful recipe organiser app. Am I the only person facing this issue? Where are people storing recipes these days? What makes a recipe organiser a helpful app?

Objective

Design the mobile app for Button recipe organiser that is user-friendly and easy to use with a clean design.

Project Scope
End-to-End mobile app
Branding
Team
Self-directed, with feedback from mentors, developers, and peers
My Role
UI/UX designer
Research
Visual Design
Interaction Design
Usability Testing
Tools
Figma
Miro
Airtable
Google Form
Timeline
Jun -Jul, 2022

Design Process

Design Process
01. Research02. Define03. Design04. Prototype & Test05. Future

01. Research

Research Plan

Research enables me to have a comprehensive understanding of potential users - what their frustrations, limitations, fears and hopes are. It sets the essential foundations for crafting goals and solutions in later stages.

To ensure the research stays on track and better guides the mobile app design later, I listed research goals, research questions, assumptions, methodologies and timeline in the research plan. 

Research Goals

  • Understand the market of platforms related to food and recipes
  • Identify target users of Button Recipe Organiser 
  • Identify strengths and weaknesses of main competitors 
  • Get to know how people manage their recipes
  • Understand people’s cooking process and habits

Research Questions

1. Who are the target users?

2. What are the common features of a recipe organiser and cooking platform?

3. Who are the main competitors, and what are they offering to users?

4. How do people find recipes?

5. How do people manage their existing recipes?

6. What factors affect people’s decision on using a recipe organiser app?

7. What are people’s expectations on platforms like Button Recipe Organiser?

Assumptions

1. People who cook are the main users of recipe organising platforms

2. People who love to cook are willing to manage their recipes

3. People are willing to use digital platforms to organise their activities around cooking

4. People are constantly looking for new recipes and food inspiration

Methodologies

1. Secondary research: market research, competitive analysis

2. Primary research: user interview

Secondary Research

Market Research

I started with Market research to get a general picture of the market. It is essential to understand what is (not) in the market, how users are responding, and what the recent trends and news are. The insights gathered from market research helped me ask meaningful questions during user interviews. 

Demographics

Overall: People age 18 and above who cook regularly and women are more likely to be the users.

  • Australians value preparing homemade meals during the week - with 97% suggesting they cook on weeknights, and 74% are likely to prepare five or more weekly meals at home. (Australian Food Timeline).
  • Women are most likely than men to do most of the meal preparation and grocery shopping. (Pew Research).
  • People develop a newfound passion for cooking. This habit is driven by confidence in the kitchen and a motivation to save money and stay healthy since the Covid lockdown. (Consumer Market Research).

Users' behaviours

Overall: People are cooking more and continue finding new recipes for cooking pleasure.

  • People discover recipes in multiple ways - Food inspiration are from cooking shows, mainstream recipe websites, social media, recipe books and family members.
  • Almost half of the Australians spend more than 10 minutes deciding what to cook for dinner.
  • 87% of Australians desire to be more adventurous in the kitchen and continue trying new recipes. (Australian Food Timeline).
  • People store recipes in multiple places - Cookbooks, save a link on computers, screenshots, social media and paper. (Whisk).

Competitive Analysis

Some apps in the market have similar ideas to Button Recipe Organiser. I analysed three direct competitors to understand their strengths and weaknesses. Those insights help me identify gaps in features that Button Recipe Organiser might address.

Competitive analysis

Primary Research

User Interview

After having a general understanding of the market and the audience, I continued to dive deeper and build a real connection with our users to understand their struggles. I created an interview guide to facilitate the user interview process, with 7 open-ended questions listed to invite participants to shares their thoughts.

Assumptions Validated

1. People who cook are the main users of recipe organising platforms

Not validated. 89% of participants said they would use it after seeing the features provided.

2. People who love to cook are willing to manage their recipes

Validated. 75% of participants expressed that they would like to manage their book in some way.

3. People are willing to use digital platforms to organise their activities around cooking

Validated. 86% of participants said they would prefer storing recipes on a digital platform.

4. People are constantly looking for new recipes and food inspiration

N/A. The biggest barrier to stopping participants is that they do not have the required ingredients ready.

Research Synthesis

By digging deep into participants' experiences, I uncovered a number of important insights and gained a better understanding of essential elements in a recipe organising app.

01.
Young user base

The reason young people cook is that they enjoy cooking, follow the cooking trends, or try to save some money. Recipes were mainly found on social media and Youtube.

02.
Digitalisation

Screenshot to the album, or save it wherever they found them online or on the phone notes app. Many of them had faced the issue of losing recipes in the past.

03.
Switching barrier

Time and effort were the biggest barriers for people to switch from wherever to one place, followed by what functionalities of the app can be provided to them.

04.
Highly instructional

People expected the app to cover all the essential settings, also cooking instructions in a video and imagery format. Having a shopping list and community is a plus.

How might we
Provide a better experience for people to store their recipes into one place?
Jump to solution
01. Research02. Define03. Design04. Prototype & Test05. Future

02. Define

Persona

Using these insights, I crafted a persona to capture the goals and needs of our target users.

Persona

User Journey Map

I created an ideal user journey map with a defined persona and goals to understand the desired user experience, and identify the minimum required functions of app’s MVP.

User journey map

Product Goals

I summarised user goals from the defined persona and customer journey map, and established business goals on the project brief.

Product goals

Product Roadmap

At this stage, I brainstormed what features should be included in the app and prioritised them into different categories: (1) Must have (2) Nice to have and (3) Can-come-later. This ensures the product is aligned with our project goals and develops the most important features in the development cycle.

Site Map

After setting up the product goals and deciding what features to include, I built up the app's structure using the site map, to better visualise how pages are prioritised, linked, and labelled.

Site Map
01. Research02. Define03. Design04. Prototype & Test05. Future

03. Design

Task Flow

To better assist the users in navigating through the app, I mapped out the three main task flows of users uploading recipes. In this way, I was able to think through the crucial steps and examine the user experience in detail.

Task Flow

User Flow

Building on the task flow, I mapped out the key path scenario using user flow to get users to their most prominent use cases within the least number of steps.

User Flow

Wireframes

Sketches

From here, I could decide what actions and features were crucial and beneficial to the users. I started sketching low-fidelity pages with pen and paper to capture my ideas.

Low-fidelity wireframe_1Low-fidelity wireframe_2

Mid-fidelity Wireframes

Once I had a visual direction of the layout, I started to add more details and precisions to the sketches by turning them into mid-fidelity wireframes.

Med-fidelity wireframe

Iterations from usability testing

Using the mid-fidelity prototypes, I asked the participants to complete several scenarios and observed their movement patterns, facial expression and ability to meet goals. Through multiple rounds of feedback, I made changes to refocus hierarchy and have better usability.

Design image

Final Design

Button Recipe Organiser,

An universal app to store your recipes into one place.

Final design_1Final design_2Final design_3Final design_4Final design_5
01. Research02. Define03. Design04. Prototype & Test05. Future

04. Prototype & Test

Testing Impacts

Feedbacks from usability testing revealed positive results in saving time and energy on storing recipes.

90% completion rates
Most of the users were able to follow and complete the flow with minimum mistakes
43% of time reduction
Users found it useful to store recipes into one place, additional features such as adds missing ingredients into shopping list reduce preparation time and energy.
61% of users would recommend
Users found it delightful and useful to use, they would recommend to friend and family if the app comes up.

Future

Continue to conduct user testing
Conduct more rounds of user/product testing to further iterate for product improvements
Continue to improve UI
It is an early design that users found some icons are confusing, I need to work on the visual and build up a design system.
Consult with software engineers
Consult with software engineers to discuss layouts and technical restrictions to make realistic decisions.

See other projects

Customer support center

Redesign Customer Support Center | Gate.io

UX-UI Design, 2023

Gate.MT Institutional Page

Institutional Page | Gate.Malta

UX-UI Design, 2023