top of page
UX Design | App
Project Overview
[*conceptual project*]
Table of Contents
Jump to Content on Page
An in-depth overview of my Google UX Design Certificate project to demonstrate my understanding of common UX Design principles:
⬩Bona Casa App
⬩User Research, Personas, & Journey Maps
⬩Paper Wireframing
⬩Digital Wireframing
⬩Low-Fidelity Prototype
⬩1st Usability Study & Presentation to Stakeholders
⬩Establish App Palette for Hi-Fi Mockups
⬩High-Fidelity Prototype
⬩2nd Usability Study
⬩Conclusions & Takeaways
Bona Casa App
Bona Casa App
User Research, Personas, & Journey Maps
User Research, Personas, & Journey Maps
Personas
Project: Conduct User Persona interviews and create 2 User Personas to guide the project. Items indicated in red will be the focus of the app's first iteration.
User Journey Map
Conclusions from Exploration User Study
Paper Wireframing
Paper Wireframing
Project: Create 6 different wireframes of the same app screen, then choose only the best elements to include in the final digital wireframe.
Wireframing resulted in this Final Version of the Home Screen.
Digital Wireframing
Digital Wireframing
Resolving Denise's Pain Points:​
-
Would like to be able to order online to avoid having to talk to people
-
Frustrated that online menus are not labeled Gluten-free
-
Needs a reminder to leave a tip so she doesn't accidentally forget!
"Order Now" Button allows users to order digitally.
Food allergen "Filter by" menu allows users select common food allergens and only be shown dishes that are safe for them to eat.
Checkout process automatically prompts user to add a tip, defaulting to a standard 20% option in order to benefit restaurant employees.
Resolving Jonathan's Pain Points:​
-
Does not like to have to remember a password.
-
Wants to place orders efficiently and receive confirmation of pick-up time to minimize time away from work.
-
Doesn't like providing CC number, prefers digital payments such as ApplePay.
"Sign in with Fingerprint" button allows users who have previously created an account to login with their fingerprint, bypassing the need to remember their password and giving user feeling of security in the app.
"Schedule Order" screen allows user to place their order for a specific date & pick-up time so they don't waste unnecessary time waiting for their orders to be ready.
Order Confirmation page confirms the Date & Time of order placed for complete transparency.
"Payment Method" screen allows user to pay with their choice of Credit Card, ApplePay, or GooglePay; whichever feels most secure to them.
Project: Create digital wireframes for the Bona Casa App that solves the pain points of previously established User Personas.
Low-Fi Prototype
Low Fidelity Prototype
1st Usability Study & Presentation to Stakeholders
1st Usability Study & Presentation to Stakeholders
THEME 1 - Button actions unclear
Project: Determine whether the first iteration of the login process, ordering process, food allergen identification, and ability to pay via non-credit card method are easy to accomplish. Update designs based on findings, and provide suggestions for next steps.
Participants: 5 Total. 3 male, 2 female. 1 member of LGBTQ community. 2 with gluten-intolerance. 2 are of retirement age (a prevalent demographic of the restaurant).
THEME 2 - Button verbiage too wordy
THEME 3 - Difficulty finding food allergen information
THEME 4 - Reduce unnecessary clicks
RECOMMENDATIONS FOR ADDITIONAL RESEARCH & IMPROVEMENTS
THANK YOU
Establish Bona Casa App Palette
Establish Bona Casa App Palette for Hi-Fi Mockups
Typeface: Gotham Book, Gotham Bold, & Cochin
Select Elements & Components from Sticker Sheet
Hi-Fi Prototype
High Fidelity Prototype
2nd Usability Study
2nd Usability Study
THEME 1 - Visibility of "Filter by" and "Jump to" menus
THEME 2 - Adding mutiples
THEME 3 - Transparency on Tip Totals
THEME 4 - Improve visual accessibility
THEME 5 - Lack of detail on Confirmation screen
MOCKUPS THAT SOLVE INITIAL USER PAIN POINTS
Reminder of pain points discovered in research
ACCESSIBILITY CONSIDERATIONS
RECOMMENDATIONS FOR ADDITIONAL RESEARCH & IMPROVEMENTS
Project: Determine whether the first iteration of the login process, ordering process, food allergen identification, and ability to pay via non-credit card method are easy to accomplish. Update designs based on findings, and provide suggestions for next steps.
Participants: 5 Total. 3 male, 2 female. 1 member of LGBTQ community. 2 with gluten-intolerance. 2 are of retirement age (a prevalent demographic of the restaurant).
Conclusions & Takeaways
CONCLUSIONS & TAKEAWAYS
bottom of page