All Things Good

The Team

Jermaine Bridges – Product Designer

Lamar Harvey – Developer

Efomo Woghiren – Project Manager

The Problem

Due to the Covid19 Pandemic, customers need more ways to interact with businesses safely. ATGFR is lacking a digital presence and is in need of a way to reach its customers.

The Goal

Design a restaurant app that entails online pickup/delivery options, a way to make reservations, and most importantly, a way to process payments online.

My Role

Sr. product designer, researcher, and Interaction Designer. Designing a solution from conception to delivery.

My Responsibilities

•  User Research
• Wireframes
• Mockups
• Prototype
• Visual Design
• Interaction Design
• User Testing

Research Summary

To begin this project, I performed user interview sessions and created empathy maps to understand better the needs of the users I was tasked to design a solution. There was no specific user group that would benefit from this solution. However, the users could be broken up into segments such as Families, Couples, and Single individuals looking to experience a high-quality dining experience.

The users confirmed my assumptions about what was needed for (ATGFR) All Things Good Family Restaurant. Nonetheless, after doing the necessary research, the findings proved that online payments were required. The users also needed the ability to make reservations and have multiple payment options, such as “Single” vs. “Split” payment options.

User Research Pain Points

Location Preference

Customers needed to see and select the location based on their current location.

Reservations

Due to social distancing measures, customers needed the option to book reservations for dine-in purposes.

Order options

Pickup or delivery options were necessary to compete with other restaurant chains.

Payment Options

Not only was it essential to have multiple ways to pay for orders were of importance, but being able to split the check was a huge ask as well.

Persona

Journey Map

Paper Wireframes

Paper wireframes let me visualize the product’s appearance once the user’s information was gathered. They provided a quick way to imagine solutions to user pain points.

Digital Wireframes

During user interviews, almost all users said they check to see what specials are available. Then, they wanted an easy way to see the menu.

Digital Wireframes

Users needed the ability to choose whether to split an order. Having the ability to add multiple orders to a single order or split order was a necessary need.

Low Fidelity Prototype

I created a lo-fi prototype to test with users to gather further information about the flow of the application and the contextual data shown.

Usability Study: Findings

• Users wanted to have locations automatically populated.
• Users needed clarification about the payment type label.
• Users wanted better calendar functionality for scheduling reservations.
• Users wanted to see the top closest locations in the locations modal.
• Users wanted to see more images of meals throughout the application.
• Users wanted to see an engaging success message when the order was completed.
  

Mockups

During user interview sessions, users wanted the ability to see the closest locations. They also needed the ability to add their locations for use cases of traveling.

Mockups

Users wanted to see the available specials. However, they also wanted to see more images.

Accessibility Considerations

• Typography: The main body font style throughout the app is 1 rem (16px). Nothing falls below a 12px font size.
• Color: All colors are based on passing AA Accessibility standards.
• Micro Animations: All animations are based on 300 milliseconds, which passes accessibility guidelines.

Takeaways

• Impact: This app allows All Things Good Family restaurant to compete with the larger food chains by having an online experience that goes above and beyond the default experiences.
• Quote from user testing: “Now this is what I mean when I say you guys are listing to your customers” – Nisa
• What We learned: I learned that even the largest food chains can still increase their user experience. Most companies need to give you the ability to split your order. Features like this will only improve the users’ experience as time goes on.

Next Steps

• First: Wait until the app is out for at least 3 months before performing another user testing session.
• Second: Improve on adding more images of the dishes being sold.
• Third: Continue to add more accessibility to the application by interviewing users that use assistive technologies.