UX/UI Design
UX/UI Design
8 Weeks (Jan 2024~Feb 2024)
8 Weeks (Jan 2024~Feb 2024)
Figma, Miro
Figma, Miro
UX/UI Design
8 Weeks (Jan 2024~Feb 2024)
Figma, Miro
My Contribution
My Contribution
I worked as the sole UX designer.
However, during user interviews, SK Lee, a cafe owner, provided valuable insights that greatly influenced the final design.
I worked as the sole UX designer.
However, during user interviews, SK Lee, a cafe owner, provided valuable insights that greatly influenced the final design.
Impact & Testimonal
Impact & Testimonal
"This app could streamline our workflow. Currently, managing phone calls, emails, and orders manually is time-consuming and often leads to errors. Centralising everything could cut our workload by about 25% and save us 4 hours per week."
- SK Lee, Cafe Owner (Interviewee)
"This app could streamline our workflow. Currently, managing phone calls, emails, and orders manually is time-consuming and often leads to errors. Centralising everything could cut our workload by about 25% and save us 4 hours per week."
- SK Lee, Cafe Owner (Interviewee)
Background
Background
This project stemmed from my years of experience in the hospitality industry, where I dealt with the daily hassle of supplier orders.
This project stemmed from my years of experience in the hospitality industry, where I dealt with the daily hassle of supplier orders.
Problem
Problem
Based on interviews with three cafe employees, the two biggest pain points identified are:
Varied ordering process and cut-off times: Different ordering methods and deadlines cause confusion and missed orders.
Miscommunication: When several people are involved in ordering, mix-ups are more likely.
Based on interviews with three cafe employees, the two biggest pain points identified are:
Varied ordering process and cut-off times: Different ordering methods and deadlines cause confusion and missed orders.
Miscommunication: When several people are involved in ordering, mix-ups are more likely.
Solution
Solution
How might we create a user-friendly mobile app that streamlines order scheduling from multiple suppliers on a single platform while improving team communication?
How might we create a user-friendly mobile app that streamlines order scheduling from multiple suppliers on a single platform while improving team communication?
User Flow
User Flow
In this user flow, I focused on the primary process of our target user, which is placing a supplier order.
In this user flow, I focused on the primary process of our target user, which is placing a supplier order.
User Persona
User Persona
Paper Wireframe
Paper Wireframe
I sketched different designs on paper and highlighted the parts that improve user flow based on insights from the interview.
I sketched different designs on paper and highlighted the parts that improve user flow based on insights from the interview.
Wireframe
Wireframe
Hi-Fi Design
Hi-Fi Design
Feedback
Feedback
I shared my design with my colleagues for feedback. They said it was okay but could be improved. Here's the feedback theme:
The three colors on the order page can be confusing. Users prefer seeing specific numbers for par level and order amount rather than just colors.
Opening and closing menus on the home screen can be a bit annoying, especially when everything is open.
The home screen has too much information, making it unclear what is the most important.
I shared my design with my colleagues for feedback. They said it was okay but could be improved. Here's the feedback theme:
The three colors on the order page can be confusing. Users prefer seeing specific numbers for par level and order amount rather than just colors.
Opening and closing menus on the home screen can be a bit annoying, especially when everything is open.
The home screen has too much information, making it unclear what is the most important.
In-depth Interview
In-depth Interview
To dig deeper, I decided to conduct an interview with a potential user. I spoke with a cafe owner who runs a local shop with 16 employees. He manages approximately ten suppliers, with about five staff members involved in the ordering process. I asked him what he finds most challenging about the supplier ordering process from his perspective and why it's difficult. I also inquired about what he needs the most in this process. Here's what I learned:
To dig deeper, I decided to conduct an interview with a potential user. I spoke with a cafe owner who runs a local shop with 16 employees. He manages approximately ten suppliers, with about five staff members involved in the ordering process. I asked him what he finds most challenging about the supplier ordering process from his perspective and why it's difficult. I also inquired about what he needs the most in this process. Here's what I learned:
Feedback channels
Feedback channels
Delivery mistakes are frustrating and frequent. The company's busy phone lines make it hard to get help. Some companies offer direct feedback through their system, which is very helpful.
Delivery mistakes are frustrating and frequent. The company's busy phone lines make it hard to get help. Some companies offer direct feedback through their system, which is very helpful.
Personalisation
Personalisation
It would be great if the most ordered items are easy to find on the list. Also, having a way to save favorite items and make personalized ordering templates would make things much better.
It would be great if the most ordered items are easy to find on the list. Also, having a way to save favorite items and make personalized ordering templates would make things much better.
Notification
Notification
For smoother work and better planning, suggesting having notifications or clear order cutoff times displayed.
For smoother work and better planning, suggesting having notifications or clear order cutoff times displayed.
Design Iteration
Design Iteration
Hi-Fi Design
Hi-Fi Design
Tablet Version Dashboard Design
Tablet Version Dashboard Design
From the interview, I learned our users mainly use the app on phones, with tablets as the next popular choice. So, I added a dashboard screen for tablets in the design.
From the interview, I learned our users mainly use the app on phones, with tablets as the next popular choice. So, I added a dashboard screen for tablets in the design.
Style Guide
Style Guide
Takeaways
Takeaways
Learn from users
Learn from users
I faced many challenges by jumping into wireframing too early. Spending more time planning before designing saves time and leads to better solutions for the user's problem.
I faced many challenges by jumping into wireframing too early. Spending more time planning before designing saves time and leads to better solutions for the user's problem.
Design Thinking Process
Design Thinking Process
Overall, this experience provided a comprehensive understanding of the design thinking process and underscored the significance of iteration in solving user problems.
Overall, this experience provided a comprehensive understanding of the design thinking process and underscored the significance of iteration in solving user problems.
Accessbility
Accessbility
After completing this project, I realised I didn't give enough thought to accessibility. It's crucial that everyone can engage with and use what I create. So, in my next project, I'll focus on breaking down those barriers.
After completing this project, I realised I didn't give enough thought to accessibility. It's crucial that everyone can engage with and use what I create. So, in my next project, I'll focus on breaking down those barriers.
Pixel-Perfect UI Design
Pixel-Perfect UI Design
In this project, I was mainly focused on understanding the big picture of the design thinking process. Next time, I want to ensure the design is more visually appealing as well.
In this project, I was mainly focused on understanding the big picture of the design thinking process. Next time, I want to ensure the design is more visually appealing as well.
@Hayoon Jung 2024