top of page

NaviBuddy

destination prototype.png

2021 Case Study

select parking prototype.png

NaviBuddy is a mobile app that provides real-time parking availability to enhance parking experiences everywhere.
This project consisted of creating a product to solve an existing problem. The design process of this project consisted of doing User Research, UX Design, and Usability Testing to create a high fidelity prototype of an app. NaviBuddy  was created by a team of four UX researchers and designers.

realtime parking.png
My Contributions
  • Competitor Analysis

  • User Interviews

  • Empathy Maps

  • Stakeholder Map

  • User Personas

  • User Stories

  • Current and Future State Journey Maps

  • Lean Product Canvas

  • Lo-Fi sketching

  • Workflows

Research

Understanding the opportunity, customers, and competition

Market Scan

The market for developing mobile parking apps has grown over the past few years. Our team performed several types of UX inspections on our competitors to determine design gaps and opportunities including consistency inspections, VIMM load factors, heuristic inspections, and customer reviews.

Parkmobile-Logo1.png
paybyphone_edited.png
Parkopedia_Logo_edited.png
spothero-logo_edited.png
Key Findings
  • Hierarchical typography

  • Well-placed CTAs

  • Outdated parking maps

  • Mismatched pricing

  • Confusing navigation patterns

  • Poor color contrasts

Feature-Based Inspection

Most parking apps focus only on paying for parking once the traveler has arrived to their spot. They fail to provide an app that can navigate a traveler directly to available parking near the destination of their choosing.

Competitor Analysis_edited.png
Key Findings
  • Competitor gaps include:

    • Accessibility Navigation

    • Real-Time Parking Availability

Design Research

Through secondary research, our team was able to determine the financial, mental, and geographical strain that parking causing across America.

Sources:
fast company logo_edited.png
inrix logo_edited.png
Key Findings
Screen Shot 2022-02-26 at 12.02.21 PM.png
1_3 map_edited.png
Screen Shot 2022-02-26 at 12.03_edited.png

User Research

Our team interviewed 12 different driver from various social, economical, and physical backgrounds to determine their current parking experience and identify major pain points. From this data, we developed user personas, stakeholder maps, and empathy maps.

User Empathy Maps
Screen Shot 2022-02-21 at 4.05.53 PM.png
Screen Shot 2022-02-26 at 2.04.21 PM.png
Screen Shot 2022-02-26 at 2.04.47 PM.png
Key Stakeholder Map
Screen Shot 2022-02-21 at 4.04.14 PM.png
Key Findings
  • Users feel frustrated and stressed when finding parking

  • Users use work arounds to find convenient parking

  • Users spend excessive amount of time searching for available parking

Key Findings
  • The opportunity to strengthen users and 3rd party parking vendors allows increased parking accessibility 

  • The strong connection between users and event venues allows for the opportunity--through an accessible parking experience--to create continued engagement.

User Personas
Screen Shot 2022-02-26 at 1.15.08 PM.png
Screen Shot 2022-02-26 at 1.15.21 PM.png
Screen Shot 2022-02-26 at 1.36.38 PM.png
Screen Shot 2022-02-26 at 4.21.54 PM.png
Key Findings
  • Existing parking apps fail during crucial stages of the parking journey and do not provide accurate information.

  • New or complex infrastructure makes navigation frustrating and time-consuming.

  • Excessive and poorly marked lots and zones make parking complex and confusing.

  • Stress from parking can lead to cancellation or delay of plans in additional to setting a negative tone for the associated event.

  • Navigation to event is an added challenge for users with disabilities.

Screen Shot 2022-02-26 at 1.15.08 PM.png
Screen Shot 2022-02-26 at 1.15.21 PM.png
Screen Shot 2022-02-26 at 1.36.38 PM.png

UX Design

Explore ideas based on research for meaningful design solutions

User Journey Map

With the insights from our interviews, we mapped the current state journey map to identify pain points during the parking experience. 

Key Findings
Screen Shot 2022-02-26 at 1.00_edited.png
  • Drivers experience two major pain points in the parking journey:

    • "Search": finding available parking upon arrival ​

    • "Navigate": accessible pathways to destination from parking spot

  • Drivers also experienced a minor pain point of finding their vehicles in the "return" stage​

User Epics and Stories

After brainstorming solutions through big idea vignettes and determining solutions that were differentiators, our team created user epics based on the design drivers from our user research. We then broke those down into small user stories.

Screen Shot 2022-02-27 at 8.26_edited.png

Real Time Parking

Screen Shot 2022-02-27 at 8.49_edited.png

Find My Car

Screen Shot 2022-02-27 at 8.49_edited.png
Key Features
  • Real-time parking availability to know where you can park

  • Accessibility navigation for people with disabilities

  • Directions to and from destination, including ramp access

  • Reserve your parking spot before you arrive

  • Pin the location of your car, so you know where to find it

Storyboard

We created five storyboards to visualize our NaviBuddy's key features from our user epics. Then we sketched our UI screens, refined them, and built an interactive prototype to show to potential customers. 

Scenario: Oliver needs to find available parking to see a show.

Screen Shot 2022-02-21 at 5.00.04 PM.png

Real Time Parking

NaviBuddy's key features used in the scenario

Screen Shot 2022-02-27 at 9.23.24 PM.png

Sketches and Workflows

We created over 80 sketches of potential workflows for our key features and refined them as we received feedback from our users.

Enter
Destination
Real-Time Parking
Select Parking Spot
Pay for Parking
Navigate to Event
Enter
Destination
Screen Shot 2022-02-27 at 9.15.41 PM.png

Prototyping

Once our sketches were refined and validated, our team created wireframes and high-fidelity prototypes to validate with our potential users. We developed 20 individual pages, 79 interactions and 4 discrete workflows.

Screen Shot 2022-02-27 at 10.12_edited.png
Screen Shot 2022-02-27 at 10.12_edited.png
Screen Shot 2022-02-27 at 9.26.24 PM.png
NaviBuddy Logo.png

NaviBuddy is an app that provides real-time parking availability and accessible navigation to enhance parking experiences everywhere!

destination prototype.png

Usability Testing

We performed a series of usability testing methods to get critical feedback from our customers to improve our design.

Scenarios

After performing blink-tests and initial impressions, we presented a scenario to our users to validate the UI experience and workflows. 

Scenarios

You are attending a show at the Winspear Opera House on a rainy Friday evening. You need to find covered parking close to the venue, and you do not want to pay extra for valet.

Tasks:
  • Find parking as close as possible to the Winspear Opera House

  • Pay for $5 parking in spot H2 from 7PM-9PM.

  • Navigate to Winspear Opera House from your parking spot.

System Usability Scale (SUS)

Our 8 usability tests gave us a SUS score of 85.5 which gives our app an A grade. This score is just directional, as for a proper score we needed 11-14 users to complete tests. Nonetheless, it does show that our app is useable and people would recommend it to their friends.

Screen Shot 2022-02-27 at 11.16_edited.png
select parking prototype.png

Post-Usability Survey Feedback

Overall, usability tests showed that our app was positively received. User comments reflect enthusiasm for users pinning their cars, navigating their pathways, and filtering their search. Our potential users also enjoyed the visual presentation of the app.

Screen Shot 2022-02-27 at 11.20_edited.png

Lean Product Canvas

For our Marketplace Positioning we looked at how to position Navi Buddy in the market and measure our success.

Unique Value Proposition
  • Real-time parking availability

  • Mobile pin to locate your car anywhere

  • Accessible paths to your destination

Revenue Streams
  • Parking space commissions

  • B2B Sales

  • Advertisements

Key Metrics
  • Downloads of NaviBuddy 

  • Number of monthly subscriptions

  • Revenue generated on ads and paid parking

Screen Shot 2022-02-27 at 9.04.52 PM.png

Next Steps

Our plan for how to take our project to the next level and build a more comprehensive user experience includes rentable parking spaces, B2B packages, and predictive modeling.

Screen Shot 2022-03-04 at 10.26_edited.png
Rentable Parking Spaces
 Various B2B Packages
Predictive Modeling
bottom of page