components

Despite some participants in the usability study noticing similarities between the design and Google's Material Design, having a design system that is both unique and builds upon established conventions aids users in navigating the app seamlessly. The bakery app's design system incorporates thoughtfully crafted components that deliver a unique visual identity. It aims to provide a fresh and innovative interface while maintaining usability and simplicity. The system includes carefully selected typography, color palettes, icons, and interactive elements to create a cohesive and engaging user experience. It strikes a balance between familiarity and novelty, offering users a memorable and tailored visual aesthetic.

Summary

My second usability study was to test out the high-fidelity prototype aimed to identify and address issues related to checking stock, placing orders, and navigating the bakery app. My primary goal is to test and see if the updated UI implemented helps users navigate the flow more efficiently and solves the issues users ran into.

My methodology for this study included participant recruitment, developing user tasks, capture both qualitative and quantitative data, and analyze data to identify recurring usability issues, pain points, and pattern. During the study users were encouraged to think aloud to provide feedback during the study.

Overall, the insights lead me to make the following changes to the app: clearer indication that a reward is being redeemed, separating the bread of the day from the product slider provides clear hierarchy, and giving secondary flows to the FAQs in the profile help users find information they need.

affinity map & Insights

After conducting the usability study, I assorted all the feedback I received into an affinity map. I categorized the notes into  sections from the patterns I identified. These findings led to the following insights:

• Based on the theme that: a majority of users were annoyed that there were 2 items in the cart when they added one, an insight is: changing the text and adding a stronger visual cue will help users identify active rewards.

• Based on the theme that: users got confused when looking for the FAQ question, an insight is: an FAQ section might not be the most important item on the nav bar.

• Based on the theme that: some users might find the “Bread of the day” header confusing, an insight is: clear separation between the bread of the day and the product slider could help accessibility.

• Based on the theme that: most users successfully completed the flow without confusion, an insight is: some users might get confused when finding a food item to order.

• Based on the theme that: the overall reward redemption process was streamline and clear, an insight is: users can enter the reward redemption in different flows.

High-Fidelity Prototype

The final adjustments made to the high-fidelity prototype were informed by the insights gained from the conclusive user study. Emphasizing clear hierarchy and visual cues allowed users to easily understand the redemption process, enabling them to stay focused on the primary user flow. The final version of the high-fidelity prototype incorporates interactive elements that enhance the overall usability of the design, resulting in a more intuitive and engaging user experience.

Accessibility considerations

• Colors: Accent colors were implemented to assist users in locating crucial areas in the flow, aiding them in selecting the appropriate areas within the user journey.

• Hierarchy: To guide users through the flow and establish a clear hierarchy, large headers, clean images, and effective use of white space were employed.

• Animations: Animations that guide the user through the flow depict progress and indicate that the user is heading towards completion of the user journey.