PAPER WIREFRAMES
LO-FI WIREFRAMES
GOAL STATEMENT & ACCESSIBILITY
TRANSCRIPT
Scenario: Wanting a snack from this food truck but needs assistance reading or understanding English
Slide 1: Elijah opens app to find a dessert for him & the family
Slide 2: Elijah selects his preferences to use the app
Slide 3: He scrolls through the menu looking for dessert
Slide 4: Elijah reviews his order to finalize
Slide 5: He then pays for order
Slide 6: Elijah received his confirmation
TRANSCRIPT
Scenario: Wanting a snack from this food truck but needs assistance reading or understanding English
Slide 1: Elijah is still hungry & wants a snack from the local food truck
Slide 2: Elijah eagerly opens the app to look at the menu
Slide 3: Elijah recently had a stroke and has a hard time reading so he uses the TTS (Text-To-Speech) function
Slide 4: he scans his card for payment & submit order
Slide 5: Drives to truck to get order
Slide 6: Everyone is enjoying their cookies
PERSONA
USABILITY TESTS
BEFORE USABILITY TEST
Lo-Fi Prototype: Click Here
AFTER USABILITY TEST
Theme
1: Through observations, I noticed that all the users were confused about where to find the cart button on the app.
2: Due to fast transitions and no reassurance most users were confused and unsure if their item was ever added to the cart when ordering.
3: I noticed unsatisfied looks when users were testing out the app and came across the menu page, asking for their feedback they replied with “It just looks thrown together lacking cohesion” and “It looks off and doesn’t feel right”
4: All the users in the usability test concluded that they found the layout of the app very user-friendly.
Insight
1: After the usability test I acknowledged the feedback from the users about the location of the cart and created a design that followed the convention of placing the cart button at the bottom corner of the app ensuring a familiar and intuitive experience for the user.
2: Following accessibility guidelines regarding transitions, I designed a confirmation page that would transition in upon adding an item to the cart in order to satisfy user preferences, but that also makes the app feel more rewarding by providing a sense of achievement using the new designed page as a task-completion page.
3: I took note of the user’s feedback regarding the menu page and recognized the need for significant improvements to enhance its visual appeal. Through careful consideration, I redesigned the menu page, implementing a harmonious color scheme, clear visual hierarchy, and intuitive layout. These changes were aimed at creating a more aesthetically pleasing and user-friendly menu page.
4: Recognizing the importance of maintaining consistency and familiarity, I worked diligently to preserve the core look and feel of the initial design in the final iterations. I achieved this by carefully refining and enhancing the user-friendly elements while keeping the overall aesthetic intact.
SITE MAP
MOCKUPS
FINAL PRODUCTION (WITH PROTOTYPE)
The future of my app is poised for remarkable success as we embark on a mission to delight customers with our delectable range of muffins, cookies, milkshakes, and teas. Through meticulous user experience design, we have crafted an app that seamlessly integrates enticing visuals, intuitive navigation, and convenient ordering options. By prioritizing user needs and feedback, I am committed to continuously refining the app's functionality and delivering a delightful and personalized experience. My focus on creating a seamless journey from browsing to ordering will establish this bakery app as the go-to destination for indulgence, fostering long-lasting customer satisfaction and loyalty.
