Product Overview
Fresh N Delish Bakery is a local bakery in the Chicagoland area. It strives to please its customers so they keep coming back. Its main attraction is that it allows customers to schedule their pickup so customers with inventory can stay stocked and ready.
Problem
Busy customers need a more consistent and manageable way to order and pick up their goods.
Goal
Creating an app to place orders ahead of time so that customers can schedule when they want to pick up.
User
Based on the type of company this bakery is, I conducted user research using companies that sell the same goods as this one. Through that, I found what is highly valued by customers and what can be useful. Based off my findings I was able to create personas that best matched customers of Fresh N Delish Bakery.
Pain Points
Time Busy customers do not have the time to wait for their orders.
Scheduling Customers that use this company for inventory need to have fresh product fast.
Accessibilty Customers want to see what is available before ordering or going to the bakery.
Persona 1: Mike
User Story
"As an owner of a sandwich shop and a busy father, I want to be able to order my inventory on a timely schedule so that I can keep organized and work on growing my business and family."
​
Persona 2: Mila
User Story
"As a third-grade teacher and someone who was recently engaged, I want to be able to order my class snacks and breakfast in advance so that I can spend more time focusing on my student and planning my wedding."
Mike's User Journey
Problem Statement
Mike is a small sandwich shop owner who needs a more organized way to order his inventory because he may forget to order his bread or may run out fast.
Goal Statement
Our application will let users pick products, schedule, and pay for products which will affect Mike the sandwich shop owner by letting him keep a set schedule of when he can pick up bread and have reminders. We will measure the efficiency by keeping track of how many scheduled orders are reordered.
Design Process
The design process includes Crazy 8s paper wireframes, digital wireframes to digital prototypes. Starting off the process on paper is an inexpensive and fast way to brainstorm ideas for your designs. Through multiple iterations, you find the best design to fit your product and then create a digital version of it.
Example of paper wireframe. Features were selected from multiple wireframes in order to choice a final design.
.jpg)
Converting final paper wireframe to digital wireframe
.jpg)
.jpg)
Low Fidelity Prototype is made from the digital wireframes:
.jpg)
Above is the user flow chart. This is how the user should complete their journey through the app.
Usability Testing
A study was conducted with 5 participants who had a list of tasks to complete. This was used to observe how they used the app and what issues or struggles they had with the app. This study was conducted twice between prototype levels to make sure we were not missing any key issues.
Parameters
Linked below is a document that shares the research study parameters such as research questions, KPIs, methodology, etc.
Usability Notes
When conducting the interviews with participants, it is important to take notes of everything you view. This is an example of a note sheet for one of the participants.
Here is a link to all participant notes:
Affinity Chart
After taking notes from each participant, the notes are broken up into sections based on common critics. In this case: menu, placing order, emails & calendar, and scheduling.
Findings
Here are the findings from the usability testing. This study was conducted twice between prototype levels to make sure we were not missing any key issues.
Round 1
Round 2
1. Needs smoother check out
2. Recurring Orders
3. Better way to select items
1. Using images to select from menu
Refining Design
After usability testing, the app is modified to solve problems that participants would find when using the app. Below are examples of how the app evolved to better help the user.
Created another page to add a recurring order option, add payment options, and users can double check their order before it is processed.
.jpg)
.jpg)
An item page was added to the menu so that people can see item details and adjust their quantity before adding it to the chart.
Examples of how design iterations evolved throughout the process
.jpg)
.jpg)
.jpg)
All of the app pages and their connections
Here's a link to the High Fidelity Prototype:
Accessibility Concerns
1. Used icons and big texts for easier navigation
2. Pictures to help describe products to customers
3. Color scheme to help customers follow along
Going Forward
Impact
​After creating this app, users say they have an easy time going through and ordering their goods. The user flow is very straightforward and easy to navigate
What I learned
Through this project I learned that many things go into making an app that can satisfy all needs of the users. Not everything I think of can be useful and it is good to get feedback through multiple iterations of the prototype so it can.
Next Steps
1. Conduct another usability study with more participants to see if last prototype can be better.
2. Review style choices: Buttons, color combination. To make sure app is pleasing to the eye of the user. Example: Adding shading to buttons.