WahooZones

A mobile app design to help students, staff, and visitors find parking around grounds.

Cover image for WahooZones project
Role Timeline Team Skills Tools
Design lead Sep - Dec 2023 5 UX Students Interaction Design, User Research, Usability Testing Figma

Background

In this semester-long final project for HCI in Software Development, our team of five designed a mobile app prototype to tackle the problem of parking around UVA’s campus.

As the design lead, I worked to conduct user interviews, draw insights from research data, design the information architecture and wireframes, and create source of truth documents.

Our client for this project was UVA’s parking and transportation office, but the app’s target users are UVA students.

We designed an interactive prototype in order to test the idea of whether an app would help UVA students overcoming obstacles like traffic, restrictions, and unclear signage.

The Problem

Parking around UVA is particularly difficult.

Whether it be due to constant construction, a shortage of parking spots, between-class traffic, or special events, our initial survey revealed that 90% of surveyed students found parking around Grounds to be more challenging than elsewhere.

The Challenge

To streamline the parking experience, providing users with a straightforward digital way to determine where spots are available.

Our ultimate goals were to reduce annoyance, time spent searching for a spot, and parking fines.


Problem Research

Why Is Parking a Problem?

We conducted an exhaustive study of parking options available in Charlottesville. Surprisingly, we discovered lots of free or cheap parking around academic buildings that none of our early interviewees knew about.

Why then, is it difficult for students to access this information? Why is it so hard to find parking?

Parking environment snapshot

These images serve as a snapshot of the parking environment at UVA, revealing systemic challenges important to understanding the problems users have with the current system.

Barriers range from poor sign visibility and inconsistent signage, to ambiguous permit labels and lack of information.

Are There Existing Solutions?

We took a look at ParkMobile, the predominant parking app at UVA, which had been used at least once by 100% of our initially surveyed users.

We found that ParkMobile focused on facilitating payment for parking spaces, which differs from our objective of helping drivers find parking. However, we still found value in exploring its map interface.

This audit allowed us to examine various interfaces within transportation apps, which helped guide our ideation process.

Parkmobile competitive study


User Research

Who Are Our Users?

We first brainstormed all possible candidate personas – our potential types of users.

We then grouped these candidates into selected personas based on shared goals of using our app, all of whom would need to be considered in our app’s final design.

Daily commutersSemi-regular commutersTemporary visitors
Users that need to drive to grounds for work, school, or on-grounds housing very regularlyUsers that need to drive to grounds for work or school semi-regularlyVisitors that come to visit friends or attend special events
Goal is to save regular commute information and detect/report changes in their regularly planned parking/commuteGoal is to find parking on grounds, involving checking information about real-time or planned commutesMay not have a goal of using our app, but if they do the goal is to familiarize themselves or help navigate unfamiliarity with parking on grounds for very specific, irregular periods of time

From this list we selected our primary persona. We identified UVA students as our primary stakeholders, focusing on those who commute by personal vehicle and need short-term parking. Students who use alternative transportation or have long-term parking solutions are less likely to benefit from the app.

Wahoozones persona

Hearing From Users

We conducted interviews across the range of our user classes, creating a set of base interview questions. The goal of these interviews was to understand the context in which users make parking decisions, including obstacles and emotions through the process of finding parking.

We found that interviewees were 1) most interested in finding free parking, 2) very unsure of where they were allowed to park on grounds, 3) found the parking process on grounds too difficult or time consuming, and 4) often parked illegally or far away for lack of better options.


Rapid Spin

Based on this initial understanding of the problem and users, we spent a week creating an initial iteration of our idea and bringing it to users to test the validity of our solution.

Rapid Design

First, we produced a list of key requirements for the app, which I translated into features and organized into screens.

Wahoozones sitemap

After paper sketches and picking between iterations in Figma, this was the final mid-fidelity design for this phase.

Rapid design mid-fidelity

Rapid Evaluation

We conducted small group interviews testing this initial prototype with 20 potential users. Each person in a small group was given a specific task to complete.

Tasks assigned for feedback:

  1. Register an account
  2. Navigate to a parking lot’s details page
  3. Report police handing out tickets on Jefferson Park Avenue
  4. Add a permit to your account

Feedback received:

  1. While the map was intuitive, users struggled with other navigation tasks, particularly account management.
  2. Several were interested in knowing more upfront the availability and duration of parking spaces.
  3. All users were very interested in the reporting feature as a way of staying informed about towing and ticketing risks.
  4. Most stated they trusted crowdsourced information and would be willing to contribute alerts themselves.

This feedback showed us that potential users were interested in our app, and that live capacity information and crowdsourced reports were most beneficial to potential users. It also highlighted the importance of the parking lot details screen in enabling users to quickly assess lot viability. We decided that in an ideal implementation, available parking spots are identified by satellite technology and updated in real time.


Design

User Insights → Design Requirements

I worked with my group to turn specific opinions, hurdles, or suggestions from our initial interview notes and rapid spin feedback into sticky notes, and organized these notes into a physical affinity diagram.

We then translated this affinity diagram into a list of requirements that our app had to meet in addressing the needs of our users, and turned these requirements into interactions that our app would support.

Referring back to these lists throughout iterations ensured that our system remained rooted in user research and supported all of the interaction goals of users.

List of requirementsList of interactions

Some unexpected findings were that (1) users wanted the contact information of authorities of the parking lot, (2) users were extremely interested in towing/ticketing information for lots, (3) some wanted the ability to pay or be directed to the appropriate payment platform, and (4) users needed to be able to give feedback about the accuracy of the information presented.

Ideation & Sketching

My group sat down with our individual sketches and list of supported interactions and compared the functionality, usability, and aesthetics of every feature, combining the best part of each version into one ultimate design.

At this point my team chose to focus on designing the default guest login version of the app, removing the settings and profile pages, as many participants mentioned they would not be willing to go through the extra step of creating an account.

We ended up with the intermediate design below.

Final sketch


Prototype & Evaluation

High Fidelity Prototype

Based on this sketch, we developed a high-fidelity prototype to evaluate our design’s effectiveness in making parking lots discoverable.

Digestible Map
Prototype mapThe map allows users to see the status of many parking lots at a glance, reducing cognitive load through the use of intuitive symbols and color coding. Tapping on corresponding pins on the map brings up the parking lot’s details. Previous Solution: Students would drive around their target location scouting out open parking spots.
Smart Search
Clicking into the search box brings up favorites and recent searches, ensuring easy access without cluttering the home screen. Selecting one of the results brings you to a map view of the location. Previous Solution: Drivers would memorize their favorite parking spots.Prototype search
Informative Details
Prototype detailsThis information screen includes the lot’s pricing, open hours, and capacity levels. Graphs indicating the capacity, activity, and risk of towing and ticketing provide valuable and easily understandable information to users. Finally, the “Pay” and “Go” buttons allow users to transition from searching to navigation to payment more seamlessly. Previous Solution: Drivers would have to search for a physical sign, which even if found, often didn’t display comprehensive information.
Crowdsourced Reports
Tapping the report button pops out into a menu of report options such as closures, hazards, police sightings, and tow trucks. These reports can be placed on the map, and remain available on every user’s map for several hours. Previous Solution: Reports would be spread by word of mouth, if at all.Prototype search

UX Target Table

Below is the list of UX targets I created based on our initial goals of reducing annoyance and time spent searching for a spot for users.

UX Target Table

Testing Our Solution

With our prototype and UX targets, we conducted a usability test with 9 participants to determine the effectiveness of our solution and potential points for improvement.

We asked them to complete the benchmark tasks as written in the UX target table. At the end, the participants were asked to complete this survey.

Final Results

Final evaluation results graph

Overall, the lowest average was on the question of how likely users would be to use the fully developed app. While the average rating for this question was still positive, it could suggest that users aren’t very excited about the potential for this app to solve the problem of parking. Going forward, this lack of excitement or certainty is an insight that the team should work on improving.

The second lowest averages were tied across 3 questions. A lower rating on these questions could indicate that the user flows for in-app navigation and parking lot search could be improved, as well as the quantity and clarity of the lot details content.

Our primary goal was to reduce user frustration surrounding and time spent searching for parking. The success of our app in solving this problem heavily depends on presenting reliable data, which is currently represented by static placeholders in the prototype.

Thus, the next steps for this project would be integrating live parking data into the app, as well as figuring out the backlogged user profile and settings functionalities.


Reflection

This was one of my first UX projects. Through this project, I learned how to lead a team, how to root my design in data, and the importance of updating and referring back to research artifacts across a long project timeline.

Here is the final round of feedback I received from members of my project team.

“Ciel has been an amazing team member to work with. She is great at deconstructing any deliverables that need to be completed, and is good at delegating any tasks required. She additionally is very communicative and perceptive.” - Anonymous Teammate 1“Ciel is amazing organizationally and is always a pleasure to work with. She is great at communicating, always gets her work done on time, and her work is always complete and thorough. She also always offers to step in and help others.” - Anonymous Teammate 2
“Ciel has consistently maintained high standards in her work. Her ability to complete all assigned tasks efficiently and her proactive approach to project management contributed significantly to our project’s progress. Ciel’s ability to manage and complete her tasks effectively is a testament to her strong organizational skills. Her initiative in ensuring the smooth running of the project and her readiness to assist others have been vital to our team’s success.” - Anonymous Teammate 3“The performance of Ciel as a team member has been exemplary. She consistently meets deadlines and approaches her responsibilities with a commendable attitude without complaints. Her active participation in group discussions, coupled with her propensity to offer new ideas and constructive feedback, significantly enhances the team’s dynamics. Ciel exhibits a proactive stance in initiating new tasks, often leading by example. Her contributions are crucial to the group’s success, making her an invaluable asset to the team.” - Anonymous Teammate 4

Overall, I’m grateful to my team, classmates, and professors for this learning experience!