Zoe Zheng is a Product Designer crafting agentic experience at Adobe, based in San Francisco :D
View desktop for full version.
Zoe Zheng is a Product Designer crafting agentic experience at Adobe, based in San Francisco :D
View desktop for full version.
Car HMI & Heads-up Display
Parking Assistance
An automotive interface to ensure drivers find parking spots easier faster and more efficiently.
My Role
UX Research
UX Design
Visual Design
Duration
July – November, 2022
Team
Zoe Zheng
Luo Lei
Hanzhi Fang
Claire Lu
Final HMI Screens
Find nearby parking
Helps users find nearby parking based on their real-time location, preferences, and logistics of each parking option.
Parking at your destination
Prior to the trip, users can find parking spaces near their destination. The application can filter out options that do not match their preferences.
Final heads-up display screens
Street parking
Details about street parking–exact available spots, distance to destination, price, meter locations, etc.
Garage parking
Shows details inside the structure–available spots, directions, distance to destinations, prices, destination locations, etc.
Parking lot parking
Provide drivers information about parking space availability and parking assistance.
Problem
When Driving Fails to Save Time
Cars are an integral part of many people's lives, providing freedom and mobility. In fact, 91.6% of American households own at least one car. However, the popularity of personal vehicles can lead to difficulties in finding parking spots, which can result in wasting time and increasing anxiety.
⏱️17hr
Drivers spend an average of 17 hours a year searching for parking spots.
💰$20B
Searching for spots costs Americans more than $20 billion a year or $97 per driver.
📆42%
Nearly 42% of the U.S. respondents said they missed an appointment.
Research findings
Uncovering the Secrets of Parking Puzzles
I conducted a competitive analysis on the current parking apps and interviews to know about users' personal experiences with parking and their needs.
Need guidance to a specific spot
People have their preferences
Need more details for street parking
Journey Map
Then, Unraveling Their Parking Journey
We developed a journey map, recording specific actions in different phases along drivers' parking journey and listing out pain points and opportunities we could address in our design.
User flow
Adding Features At Every Turn
Infusing the brainstormed potential solutions in the user journey, we developed a more holistic view of the application in detailed steps, and re-evaluated the features, functions, if they addressed the pain points we discovered above.
Design Concept
A system of HMI application and heads-up display that helps drivers park more efficiently and easily through
Displaying parking information
Providing customization options
Helping drivers find an exact available spot
Selected High-fidelity Prototypes
Make iIt Personalized, Specific, Compact
After consolidating the idea, I turned wireframes into high fidelity prototype for user testing purpose.
Custom filters for your preferences
Set different filters based on their preferences
Help the system recommend a solution that satisfies users better
Crafting compact info cards for you
Automatically show the three most recommended parking locations to avoid information overflow on the map
Displaying the most useful information of each parking location
Differentiating the kinds of parking location by icons
Finding parking places anywhere
Find parking where they are at
Know where they can park prior to the trip
It's all about the specifics
Show the exact locations or directions of available spots in prior
Display the meters, destinations on the screen
Utilize various colors to represent different kinds of information
User Testing
Always About Our Users
After finishing the high fidelity mockups and prototyping, I conducted four user testing sessions to examine its effectiveness and usability, which the goal is to see if our designs provide solutions to their needs.
😵💫 90% of the users were confused about "Bubble View" and "List View"
Users appreciated the dual parking view options, but 90% found them confusing and less useful.
🔍 Quick navigation button is too small to see
Users noted the small, less accessible start navigation button in the parking options, affecting usability and readability.
😫 Too much information in heads-up display
Users appreciated the dual parking view options, but 90% found them confusing and less useful.
😞 More information about parking / available spots on the map
Users suggested enhancing the HMI screen for displaying parking information upon arrival, requesting additional details. For street parking, they would like to see available spots and the destination marked on the map, in addition to the current rate and time period.
Next Step
If I Had More Time, I Would…
Research and user testing
As a UX designer, I strive to carry out products that are usable and accessible for all people. However, this time we didn't have enough time to do user testing on a large number of users and even people with disabilities.
So in next step, I will spend more time on research and user testing to better understand how different people interact with it and psychology behind the interactions.
Working with engineers to improve on feasibility
Some of our current design is based on presumptions, for example, the system stores data of cities' parking information. However, we haven't analyzed in-depth about the feasibility of this project.
I want to work with engineers or manufacturers to hear advice from them and improve on the design's feasibility in the real world.