BACKGROUND
Nooba is a local restaurant located across four locations in the north-central region of Switzerland, known for serving Pan Asian cuisine. Nooba’s target customers are working adults in the week, families in the weekends, and individuals that specifically want to eat Asian cuisine.
PROBLEM
Delivery apps fail to accomplish their goal
Customers want to order from a digital menu that includes images to help guide their decision. With the current layout of their website, users are more prone to clicking the wrong item and only discovering the mistake once in the restaurant to pick up their food. Users want to be able to track their order.
PAIN POINTS
SOLUTION
Give users a means to decide
Design an app that customers can easily order the food with images to help them decide what food to order and provide a means to track their order in order to create a seamless experience for busy individuals.
MARKET RESEARCH
I conducted market research to get a more insightful understanding of the online delivery industry in Switzerland and how much it has changed since the pandemic.
The busy working lady Persona
USER JOURNEY MAP
The user journey map helps illustrate the user flow through the app, from initial contact to receiving the product. This has helped me identify key interactions of users with the app and describes the customer’s goals, motivations, and feelings in each step.
PAPER WIREFRAMES
I drafted 3 to 5 iterations for each screen of the app on paper in order to ensure that the elements addressed the pain points of the users.
DIGITAL WIREFRAMES
During the initial design phase, there were several iterations to the wireframe designs to ensure that it was based on the feedback and findings from the user research.
LOW-FIDELITY PROTOTYPE
The low-fidelity prototype connected the primary user flow of ordering the food with the aid of pictures and reviews to tracking their order so the prototype could be used in a usability study with users.
TESTING & IMPROVEMENTS
2 major improvements in my design
After the second usability study, the add to item and number of items have been moved to another page to allow the page to breathe and not be so clustered. I also removed the back icon and rearranged the other icons to remove the confusion as the usability study suggested.
MOCKUPS
The final product
HIGH-FIDELITY PROTOTYPE
The final high-fidelity prototype presented cleaner user flows for ordering an item. It also met user needs for tracking their order.
TAKEAWAYS
What I’d do differently next time.
As this was my first project in the field of UX design, it was definitely a learning curve. I learned that what you envision for the app is not exactly how it will turn out in the end. Usability studies and peer feedback influenced each step of the iteration for the app’s design. A few things I’ve learned:
Iterate, iterate, iterate. Conducting usability studies has helped me figure out what was missing in my designs or what went wrong. They helped validate whether the pain points of the user have been addressed. I restarted this project twice. I explored what designs would address the pain points I discovered.
Planning is key. Being my first project, there were times that I felt lost because I missed something. One thing I learned is that organising and planning the project before starting is crucial for a smooth journey.
Never not learning. Although I learned so much from the course in itself, there were other aspects that were not included. Some things I had to learn by myself through tutorials and research.
For further inquiries email me at jecelweber@gmail.com ✨