BRIEF

Parking is an everyday task that many people around the world do. And yet, many drivers find parking one of the most stressful tasks they face daily. To extreme degrees, anticipatory car park anxiety is an authentic physical disorder. And it spikes, especially when it comes to parking in difficult areas, such as, densely populated areas that require parking on the street.

The Parking Helper is a Google Maps enhancement that alleviates the stress users feel when trying to finding the best on-street parking.

MY ROLE
UX/UI Designer

User Research & Requirements Gathering, Qualitative Field Research & Contextual Inquiry, Wireframing, Prototyping, Usability Test, UI Design

DURATION
Nov - Dec 2021, 7 Weeks
PLATFORM + CLIENT
Mobile App, Conceptual Project
TEAM
Individual Project
TOOLS
Figma, Procreate
The Problem To Be Solved

How can Google Maps help alleviate the stress drivers feel when parking on the street of a highly-congested and parking enforced area?

The Approach

If Google Maps provides the driver with a street parking mode feature that allows users to...

(1) easily understand where they can park
(2) follow a path that optimizes their chances to find street parking
(3) have information that makes them secure

...drivers will feel less stressed when finding street parking, especially in highly-congested and parking enforced areas.

The Solution

Introducing The Parking Helper.

A Google Maps Enhancement

Autonomize Your Travel Journey

From leaving your starting location to walking to your final destination, use The Parking Helper for an all-in-one experience. It will get you from Point A to the front entrance of Point B in one fluid experience.

Follow An Optimized Route &
Color-Coded Parameters To Help You Find Street Parking

As you get closer to your destination, the map will update to show an optimized path that increases your chances of finding street parking in the area. In addition, use the
color-coded parameters to assist you in understanding the parking options around you, ultimately finding the best
on-street parking spot.

Feel Secure About Your Spot

Once you have found a parking spot, click 'Park' and get a summary of the area. Set a timer if needed and be informed about crime levels before walking to your final destination. Finally, enjoy your outing without worrying about your vehicle.
Open Prototype in Figma
THE JOURNEY

The Design Process.

The Research

USER INTERVIEWS PT. 1
Finding the Gap

Although Google Maps is an already well-known and solid app, the purpose of this project was to figure out how I can to take it to the next level by adding a feature. To do that, I first had to interview Google Maps users.

The main goal of these interviews was to understand the individual's driving journey using the app and find frustrations within the driving journey that a lot of drivers experience.

Through the interviews, I realized that parking was a universal task that every driver does. And that there is a level of frustration that comes specifically with on-street parking. Here are my main findings.

THE CHALLENGE
The Main Challenge

Often times, on-street parking is a stressful task for many drivers and it escalates when it's in a highly-congested and parking enforced area.

In those areas, drivers have to maximize their cognitive load to find an appropriate on-street parking spot. However, that in it of itself can be dangerous, exhausting, and stressful.

BACKGROUND RESEARCH
Understanding the Magnitude

It was important to first understand the magnitude of the challenge mentioned previously. By going through quantitive research, numbers were found that solidified an assumption.

It turns out that drivers, in fact, experience more time searching for parking in highly-congested areas.

The Problem To Be Solved
The Focus

After doing all the research and interviews, I analyzed and synthesized the findings to find an all encompassing problem and an approach that potentially solves it.

USER INTERVIEWS PT. 2
Understanding the Whys

At this point, I've done enough research to finally understand the problem to be solved. I wanted to do another round of interviews with the questions focusing more on why the stress is present during these areas. Here are my main findings.

75% of participants have moments where they are unable to fully understand street signs while driving due to the size and complexity of each sign.
All participants expressed challenges regarding remembering relevant street information after parking.
THE APPROACH
The Hypothesis

After doing all the research and interviews, I analyzed and synthesized the findings to find an all encompassing problem and an approach that potentially solves it.

Define

USER PERSONA
Defining The User

Before jumping into any design work, I created a user persona that I can center my design around. The user persona I created reflected the wants, needs, motivations, and frustrations I found in my user research.

Ray is an ideal driver that would benefit from this type of Google Maps enhancement due to this situation explained in his biography.

USER JOURNEY
Analyzing the User's Journey

After solidifying the solution, I established the main task in focus:

Ray driving from his home to downtown Seattle and finding an on-street parking spot to meet up with his friends.

I analyzed the journey and dove deep into mapping out his feelings, the stages of the journey, the thoughts he is thinking and the opportunities of which the tool can be utilized. This allowed me to not only empathize with the user, but also to see ways in which I can fill in the gaps.

USER FLOWS
Improving The User's Journey

After finding the opportunities of where I can improve the journey. The main task being:

Find on-street parking in a highly-congested and parking enforced area.

I mapped out the current task flow and created a proposed task flow to check if the approach is a more efficient way in comparison. In the end, it was.

Design

SKETCHES
Exploring Ideas

Since Google Maps was already an existing app, I wanted to make sure that the layout this enhancement aligned with their already established app structure. Referencing a Google Maps design system, I tested out different layouts. Below are the top layouts I chose to digitalize.

Lo-Fidelity wireframes
Initial Blueprints

Below are the lo-fidelity wireframes created referencing the sketches shown previously. Throughout this process, I referenced the Google Maps design system consistently to match the stylings of certain components. It was important to me that the structure and layout of this enhancement was consistent with the rest of the app.

Testing & Iterating

ITERATIONS
Validating & Iterating

After creating the high-fidelity wireframes and having a working prototype, two rounds of usability tests were conducted to validate assumptions and design choices.

BARRIERS
Limitations in Testing

Since this is a navigation app that is used while driving, it was important that I recreated that environment to get realistic results. Unfortunately, driving around with the prototype was not an option due to the limitations of the prototype.

I did, however, recreate the scene by having the participants pretend to drive while looking at the prototype in 2 - 3 second glimpses as if they were actually using it on the road.

The Final Product

A Google Maps Enhancement
The Parking Helper

Towards the end of the design process, I finalized the UI and visual design aspects of the product. Interact with the slide on the left to see the finalized wireframes in order.

Made to help drivers efficiently and safely find on-street parking, The Parking Helper is a google maps enhancement that makes parking in tough areas easier.

Open Prototype in Figma

The Conclusion.

The Outcome

All users voiced that The Parking Helper, after the initial shock, would help them feel less-stressed while parking in highly-congested and parking enforced areas because they were given relevant parking information in real-time to make informed decisions. The initial shock was due to the unfamiliarity of the feature, which disappeared momentarily afterwards resulting in a pleasant experience.

In addition, many users were excited about this feature and were hoping it would get implemented in real life.

"Do you think Google can actually implement this? This feature would add so much value and will make me feel much more confident when I'm finding street parking."

- Participant in Usability Testing
Key Takeaways
Designs that require minimal cognitive load are often times, more user-friendly
Users prefer not think too hard if it's not necessary. As a designer, it is important to find the most easiest and efficient way to achieve the goal without compromising the overall solution.
Realistic testing environments are important to receive accurate findings
Based on this project, I had limitations during my usability tests because the realistic environment I needed to have was on the road. With that being said, I did find some inaccuracies in my findings. I learned that it is important to test in realistic environments because it affects the results gathered limiting the designer to iterate accurately.
NEXT STEPS

I will conduct a few more rounds of usability tests to continue to find the best way to display the color-coded parameters while users are driving. In addition, I will conduct usability tests out on the road to receive more accurate feedback from users.

Previous Project
Next Project