RIO CAFE
STUDY CASE
The project:
Rio Cafe mobile ordering app is a tool that allows users to place their orders quickly. It offers a low time-consuming process and clear information about the products (hot and cold beverages and baked goods) and pick-up time and location.
My role:
Solo UX/UI Designer, Research, Ideation, Wireframes, Low Fidelity Design, High Fidelity Design, Prototyping, Usability Testing.
Completed at Google UX Design Professional Certificate.
Responsabilities:
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Project Duration:
June 2023 to November 2023.
The problem:
In a fast-paced society, people don’t have time to order their drinks and food through a complex and time-consuming app. Also, they want to have clear information about the status of their orders.
The goal:
Design an app for Rio Cafe that allow users to place their orders quickly by providing a simple process and orders tracker.
Research:
After defining the project idea, I conducted online research about cafes and food-ordering apps to give me information to formulate user interview questions.
Then, I decided to hear the users to understand better their needs, behaviours, motivations, and frustrations. So, I interviewed five people, aged between 22 and 45 years old, who are familiar with cafes and apps to order drinks and food.
In summary, all of the users said they are unhappy with the cafes ordering process. 60% of the interviewees said they do not like the apps that take long to finalize the order. 40% of the participants said they need more information about the order status and they want to use any type of payment.
Pain Points:
1
2
3
4
Ease of use
Food ordering apps have a long process to complete the order. It is also hard to find the previews order.
Organization
Usually, the apps don’t show the time the users orders would be ready to pick-up and where the pick-up areas are. They never know when to pick up their orders.
Information
The apps fail to show information about the menu items and nutrition facts.
Payment
The apps fail to show information about the menu items and nutrition facts.
Personas:
The data I collected from my research helped me craft 2 personas embodying 2 different archetypes in my target user group.
User flow:
Based on my research, I hypothesized that short, simple user flows would be key in getting users completing the process of ordering through the app.
So, I started by building a user flow for future customers to achieve their goal's.
Paper Wireframes:
After identifying the user’s pain points, I started on designing the screens by sketching paper wireframes. I drafted 5 screens of each page to select the best elements would suit the app to address the user’s needs. For the home screen, the goal was easy identification of the products for a quick ordering process.
Low-fidelity Prototype:
The low fidelity prototype connected the primary user flow of browsing the menu, favorites, and previews orders, displaying the basic user interface (UI) of the application to be made, so the prototype could be used in a usability studies with users.
Usability Study:
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
Round 1 Findings:
Users want to choose pick-up or delivery easily;
Users want to find the Favorite page
quickly;
Users want to access the Favorite page after the login right away.
Round 2 Findings:
On some pages, users cannot return to the previous page;
Titles should be more bright.
High Fidelity Prototype:
The final prototype presented an app easy to navigate with a clear and concise ordering process.
View the Rio Cafe: High Fidelity Prototype
Accessibility Considerations:
Takeaways:
Impact:
The app helps people order food or drinks without wasting time on the app or in store queues.
One quote from peer feedback:
“This app is so intuitive and easy to use. I would use this app in my daily life.”
What I learned:
During the development of this project I learned that usually people don’t have time to use apps that have a long and complicated process. They want to quickly order the products and get informed about the pick-up or delivery.
Next steps:
Conduct one more round of moderated testings to make sure the app has a low time-consuming process for all ages. And, Conduct more user research to keep searching for improvements for the app.
.png)