Navigation App
‍UX/UI Design  |  Figma, Miro, mouseflow  
May - Aug 2023
Project Context
My team and I were interested in exploring the intersection of safety with personal commutes in addition to how people interact with their environment.
How might we enable pedestrians to better make informed decisions during their commute and enable them to feel confident through their journey?
Competitive Analysis
We conducted a competitive analysis to see how other navigation services compare with providing non-vehicle commuters the necessary tools for a safe experience. We used Google Maps and Waze as the primary product competitors.
User Interviews
We conducted our user interviews with eight volunteers of varying demographics and backgrounds. We interviewed these users to determine their primary mode(s) of transportation and how they interacted with these modes of transportation, in addition to how they perceive the relative safety of their environments.

Some of these subjects currently live in high-density metropolitan areas where high-volume public transit is available; some live in high-density cities where public transit is available but is inferior, some in small cities, and some in relatively smaller city-towns.
Personas & Scenarios
Our team created two personas and unique scenarios to evaluate the use of our app with. The first persona is Alex and the second is Michelle. See their stories below. Each persona is accompanied by a scenario.
User Flows
Using Miro, we created the user flow from three main features of the app: Report, Navigation, and My profile.
Paper Prototype
We then created a paper prototype of our app to demonstrate the user flow and identify any potential gaps in interaction design.
Using Figma, we designed the following wireframes, shown below, which helped us refine features of the app and identify any changes that needed to be made.*

*click through frames below
Usability Testing

We ran usability testing on a few of our peers to evaluate interface interactions and to help identify areas that require improvement. The table below summarizes our findings and possible mitigation solutions based on the following six tasks:
Digital Prototype
The digital prototype was finalized based on the findings from usability testing.

Follow along the user through their journey using our app amble!

Key actions include: selecting hazards to avoid; interacting with existing reports made by other users; submitting self-reports for new hazards; earning points along the way; connecting with other users.
Final Design