The characters "G2G" forming a water drop. Logo for G2G app
iPhone with Home Page of G2G app on screen

G2G

Bathroom Finder App Mid-Fi Prototype
UX/UI Designer | Logo Designer
Overview
Problem

Needing to use a public bathroom can be uncomfortable and certain vulnerable groups may have trouble finding one that suits their needs

Solution

Enter G2G, a user generated database with helpful filters and reviews to easily find public bathrooms that accommodate all users.

Tools
  • Zoom
  • Google Docs
  • Card Sorting
  • Google Forms
Design Process
Step 1. Empathize
We created three behavioral archetypes for our targeted user groups: users with disabilities, families with young children, and LGBTQ+ users.
To validate our archetypes we interviewed users in each group and surveyed the general population online.
Findings
  • The highest priority feature users wanted were: free to use, cleanliness, and working locks.
  • Users in vulnerable groups can experience anxiety when needing to use public bathrooms
Simplified Behavioral Archetypes
Disabilities
Families
LGBTQ+
Simplified behavioral archetype for users with family
Simplified behavioral archetype for trans users
Affinity Map with Dot Voting
Screenshot of affinity map with dot voting for G2G app
Step 2. Define

Following the survey and interviews, my team created an affinity map to sort through all data points and used dot voting to select key user insights.

From here, my team defined our problem statement:

As an overwhelmed traveler with specific needs, I want to know where suitable bathrooms are so I can relax and enjoy my trip
We then conducted a competitor analysis to see what apps are currently available and if they are meeting users' needs based on our research.
Simplified Competitor Analysis

Disability
Filters

Gender Neutral Filters

Family Style Filters

Text
Reviews

Photo
Reviews

Payment Filter

Where is Public Toilet

X

X

X

X

LULU

X

X

X

X

X

Flush

X

X

X

Step 3. Ideate

My team then hosted a brainstorming session for potential features users would want and prioritized these features using a MoSCoW matrix. We then created a user journey for users with disabilities (the group we had the most data for). From here, we created a low-fidelity prototype.

Screenshot of brainstorming features for G2G
Screenshot of MoSCow matrix for feature implementation
User Journey Map of disabled user persona
Step 4. Prototype

After our low-fi prototype, I developed our logo. I wanted to incorporate the name of our app "G2G" into the logo and tried many different ways to connect the characters. I decided on enclosing the characters in a water drop, a shape relevant to our app. The colors were also chosen from a picture of water.

Sketches
Sketches of G2G logo ideas
Adobe Illustrator
G2G logo digital process
Step 5. User Testing

To test our prototype, we recruited users to test our app on a variety of devices in real-world settings. We asked them to complete a variety of tasks and asked follow up questions.

Findings
  • Overall, users rated our app as simple and easy to use
  • Main complaint: confusion with "Add a Restroom". Adding details should be optional and more streamlined
  • Wanted larger components, especially for users with dexterity and vision problems
Reflections

This was my first app development project using the design method and I was completely surprised how much work was required before even one screen is designed.

Additionally, for something as personal and important as bathroom usage, we needed to consider all types of users and their various needs.

With more time, I would have liked to: 

  • Improve the prototype interactivity and fidelity
  • Iterate the prototype based on user feedback
  • Interview more trans users (our team lacked data for this group)
  • Interview a wider variety of disabled users (both interviewees were wheelchair/scooter users)
  • Determine ways to incentivize users to post reviews
aqnguyenle@gmail.com714.458.9980LinkedIn