NT Bakery App Case Study

The project is a part of Google UX Design Professional Certification Program

Project Name: NT Bakery. Project Duration: April 2021 - June 2021



Project Overview

The Product:

Nt Bakery mobile application allows users to quickly order their favourite baked goods, sandwiches, pastry and cakes, schedule a safe and contactless in store pick-up or home delivery.

The Problem:

Nt Bakery wants to develop a product that will improve ordering experience of its users; increase customer satisfaction and thus positively effect sales; contribute to building customer loyalty and help companies efforts to minimise waste while helping

 The goal:

The goal of this project was to Ideate solutions and create prototypes of a product which development process and iterations are based on the gained insights from user research studies and usability tests.


 My role and responsibilities

Foundational research

Summary:

In foundational research, my goal was to find out what the user needs and how to address those needs with my product. User research data in the foundational research phase is collected through semi-structured interviews. The goal of this interview is to explore as much as possible about the interviewees opinions and their experience of purchasing products at a local bakery. This type of research is a primary research , qualitative and discriptive in nature since it is based on understanding user’s needs and aims to describe users goals and problems. The data provided from the interviews should help defining user problems and help me as the a researcher to empathise with a user, build empathy maps and create personas.

Accessibility was especially considered when creating personas, user stories, and user journey maps.


Empathy Maps


 

Personas

In the next step the most common themes in the user foundational research data were recognised and the users whom personify those themes were grouped under a specific persona - a fictional user whose goals and characteristics represent the needs of a group of users. 

Olav and Mila-01.jpg
 
Olav and Mila-02.jpg

 

User Story

User Story Olav and Mila-03.jpg
User Story Olav and Mila-04.jpg

 

User Journey Maps

User Journey Map Olav and Mila-06.jpg
User Journey Map Olav and Mila-05.jpg

 

Problem Statement

problem statement Olav and Mila-07.jpg
problem statement Olav and Mila-10.jpg

 

Competitive Audit

Audit-11.jpg
Audit-12.jpg
Audit-13.jpg
Audit-15.jpg

 

Goal Statement


 

User Flow

User Flow-18.jpg

 

Big Picture Storyboards

Storyboards-20.jpg
Storyboards-21.jpg

 

Close Up Storyboards

Storyboards-22.jpg
Storyboards-23.jpg

 

Wireframing

Paper wireframes

1622902247275.jpg

While doing paper wireframes a certain elements which I was happy with were marked with a star and some of those elements were kept in the final design – like action buttons ( pickup and delivery), 5 elements bottom menu bar, news and campaigns carousel and featured products.

 

Digital Wireframes

Screen Shot 2021-05-28 at 00.22.12 AM.png

 

First Usability Study

Introduction: Research goal of this study is to identify pain point and problems are users are experiencing while using our application to order food from the bakery.

Primary research questions:

  • How long does it take for a user to complete some of the core tasks?

  • How easy is to use and navigate through the app?

  • What can we conclude from the user flow?

  • What are the pain point?

KPIs:

  • Time on task.

  • Drop off rates.

  • Error Rates.

Methodology

  • Moderated semi-structured 1 on 1 interviews

  • Location: Homes of the study participants.

  • Duration per session: 35min

  • Each of 10 participants got a task to order a specific product from the menu, change settings or complete other tasks. After the completed task participants were asked a set of open-end questions about the experience of using our app.

Participants:

  • Participants had to reside in Stavanger area.

  • Participants are individuals who are often getting breakfast or lunch at a bakery.

  • Participants were individuals of age between 19 and 56, equally men and women

  • List of participants include people with different backgrounds and at least one person with visual impairment.

Script:

  • Prompt 1: Start the application and sign up with your email or phone number or

    continue by logging in with Google or Facebook account. Allow notifications about leftovers for pickup.

    FollowUp: Describe how easy it was to register and allow notifications? Is there any other account you preffer logging in with?

  • Prompt 2: Filter the menu for gluten free pastry.

    FollowUp: Describe how easy it was to search and filter different categories of products? Would you change the way filters are applied to the menu?

  • Prompt 2: Add a product to the shopping cart and set the pick up time in 30 min.

    FollowUp: How difficult was to set the pickup time? What would you change?

  • Prompt 2: Complete the order and pay.

    FollowUp: How easy was the checkout ? What would you change?

  • In order to gain a deeper understanding about users opinions and perspectives each participant was asked a set of same questions.

    1. How would you rate our app when it comes to easy of use? Why so?

    2. Would you consider reccomending it to a friend? For what reasons?

    3. What about the app would you change? Why?

    4. How easy was to find the product you enjoy having?

    5. How difficult was the ordering process?

    6. What about the app did you like the most?

    7. Was there anyting you find annoying while completing the task?

    8. What do you think about the process you just went through?

    9. How would you compare the experience of using this app compering to the similiar apps?


 

Themes and Insights

Themes BakeryApp-01.jpg
Insights-01.jpg

 

First design iterations

Before the usability study

Screen Shot 2021-06-05 at 20.38.02 PM.png

After the usability study

Screen Shot 2021-06-05 at 20.38.57 PM.png

 

High fidelity prototyping

Screen Shot 2021-06-02 at 19.37.54 PM.png
 

Second Usability study - findings and iterations

  • It was observed that 5 out of 10 study participant are having problems finding the shopping cart icon. Based on this theme the insight is that all common used icons need to be in the bottom navigation bar.

 
Screen Shot 2021-06-06 at 12.59.41 PM.png
  • Based on the theme that most users would like to be able to choose between delivery and pickup later in the ordering process ( in case they change their mind ), and in order to eliminate that interruption of use flow the action button is added allowing the user to toggle between Delivery and Pick Up option.


 

Screens and Features

Screen Shot 2021-06-06 at 13.40.41 PM.png

Home screen

  • News and campaigns in top carousel;

  • Journey leading action buttons;

  • Featured products carousel divided in categories;

  • Bottom navigation icons

Screen Shot 2021-06-06 at 13.41.05 PM.png

Product screen

  • Product image on a white background;

  • Change amount and add to order button with price;

  • Product information

  • Nutritional content

  • Allergens

Screen Shot 2021-06-06 at 13.41.16 PM.png

Shopping cart/bag screen

  • Allows users to change amount of products, remove a product or add to favourites;

  • On this screen user can add a coupon code to pay with;

  • A user can get to change their mind and choose again if they want to pick up their order in the store or get it delivered.

  • Set up delivery action button

Screen Shot 2021-06-06 at 13.43.27 PM.png

Account Setting screen

  • Choose to allow biometric authentication;

  • Register to receive notifications when products added to favourites are available for leftover pickup;

  • Send receipts by email after every purchase or once a month.

Screen Shot 2021-06-06 at 13.40.55 PM.png

Menu screen

  • High resolution image carousel;

  • Bakery menu divided in 5 categories;

  • Product sections with action buttons;

  • Filter menu button.

Screen Shot 2021-06-06 at 13.42.33 PM.png

Custom order screen

  • the sandwiches category also allows users to make their own sandwich by choosing the ingredients they love the most.

  • this feature was created with Olav persona in mind.

Screen Shot 2021-06-06 at 13.42.07 PM.png

Delivery Information screen

  • Allows users to save a delivery address they use often and give it a name- home, work.

  • Screen also shows information about the fastest delivery and adjusts to the time automatically.

Screen Shot 2021-06-06 at 13.42.54 PM.png

Notifications screen

  • “Your order is on its way” and “ Your order is ready for pickup”

  • Your order is ready for pickup. Use gets a QR code that could be used to open a locker with a product. This kind of notifications gets automatically deleted when the locker is opened.

  • Campaigns and new product information.


 

Accessibility considerations

  • The application is designed with high color contrast and a reader friendly design for people with visual impairment

  • Most action buttons as well as the navigation menu is placed in the lower 2/3 of the screen allowing comfortable one hand use.

  • The feature that enables the user to open a food locker using a QR code is developed with Olav persona in mind and other user who can not stand in line due to their disability.


 

Takeaways and next steps

Going back to the competitive audit created at the research stage of the project a final analysis could be made by compering NT Bakery app and its features with other similar products on the market. Nt bakery app includes some new features for users that were not taken into consideration in our competitors design development and add value to the product and the brand.

A suggestion for future research might be to include a broader sample ( more study participants ), creating more personas and researching available secondary data.


 

Limitations and self criticism

The main limitation of the conducted research is found in its setting and number of participants. Due to the pandemic and social distancing a larger number of participants for the user research study as well as for usability study couldn’t be acquired making it difficult to generalise the research results on a bigger population.

Another important consideration is that the information provided from the semi-structured interviews might be affected by researchers (my) presence and personal connection with some of the participants thus disturbing the reliability of the data.

A further disadvantage of this research can be language limitations. With English being the first language for neither the interviewee nor the researcher delicate nuances regarding the user experience and emotions might get “lost in translation”.


 
Previous
Previous

Pet Shelter Website / UX Design Case Study

Next
Next

Bollore Logistics