Park AllWays: The app that's ensuring accessible and hassle-free parking for physically challenged people.

The presence and accessibility of parking spaces designated for individuals with disabilities hold profound implications for the daily lives of people with mobility challenges. We designed a mobile application that would make finding these spots and parking more accessible and convenient.

Client:

IterateUX_Logo

team:

Four creative individuals:
Mythili Ravishankar, Tania Verma, Bhupinder Bath, and myself.

my role:

UX Designer, Lead UI Designer, Lead Graphic Designer, Project Manager 

duration:

August 14th – September 17th 2023

Title_Picture_ParkAllWays

About the client:

IterateUX_Logo

Iterate UX is a non-profit, community-centred platform for hands-on learning. They organize different Virtual Events, Design Challenges, Portfolio and Resume Reviews, Whiteboard Challenges, and Interview Mockups.

UX Design Challenge:

Our project came to life by participating in the UX Design Challenge organized by IterateUX. We were given five industries to choose from:-

  1. Health & Fitness
  2. E-commerce
  3. Education
  4. Travel
  5. Accessibility

We opted for the Accessibility Design Challenge.

Accessibility Design Prompt given by IterateUX:

Develop a parking app that caters to diverse users, including those with disabilities. Design features such as reserved accessible parking spots, real-time availability updates, and a seamless payment process that considers various user needs.

Reasons why we choose the Accessibility Prompt:

  1. Build a solid case study for my portfolio
  2. The topic is both challenging and rewarding, offering numerous possibilities for exploration
  3. Less saturated market: Not so many apps for physically challenged people
  4. There is a high demand for accessibility features in both apps and websites. Almost everyone wants to ensure their digital products are accessible to all users

Project Goal:

Design a comprehensive parking app meticulously tailored to address the distinct requirements of physically challenged people, ensuring accessible and hassle-free parking experiences.

Light_Mockup_ParkAllWays

Problem:

People with disabilities face significant issues finding accessible parking that meets their unique mobility needs.

Existing solutions fall short, leading to limited accessibility and frustration for this group.

How Might We Create a Parking App that comprehensively serves a diverse community of drivers and passengers with disabilities?

Which Offers them customized benefits and features that specifically target their distinct mobility requirements. Which will minimize the obstacles ultimately enhancing, optimizing and simplifying their Parking Journey/Experience.

The outcome:

Out of 24 teams, our team was selected as one of the top 6 to showcase our work in front of the judge.

Park_AllWays_TitlePic

The app guarantees a stress-free parking experience for both drivers and passengers. Drivers can relax knowing they’ll find a parking spot, while passengers are assured of being dropped off at a reserved location.

Search for Free or Paid Real-Time Accessible Parking Spots

  • Search Option: There are two ways to find accessible parking either by zone ID or by location. The search button allows users to quickly find accessible parking spots based on their current location or by entering a specific destination.
  • AI Voice Assistant: This AI-powered assistant can enhance accessibility and usability by providing spoken guidance for finding accessible parking spots and answering questions through voice commands.
  • Car Locator: A new feature is available to help users remember where they parked their vehicle. It is greyed out until a location is selected.
  • Free and Paid Parking Options: Find real-time availability of parking spots, including both free and paid options. The indicators are color-coded for easy identification.
  • Amenities at the Parking Spot: Users can check the amenities that are available at the selected parking spot.
  • Search Along the Route: Different options are available that can be added to the trip like gas stations, cafes, restaurants, and much more.
  • Turn-by-Turn Voice-Guided Navigation: This enhances accessibility, safety, and independence for disabled drivers, making it an essential tool for their everyday travel needs.

Report a Violation for the Misuse of Accessible Parking Spot

100% of our users complaint about the misuse of the parking spot.

Reporting violations helps ensure fairness in parking. It discourages individuals from wrongly occupying accessible spots, which can lead to frustration and inconvenience for people with disabilities. In many regions, parking in accessible spots without proper authorization is against the law. Reporting violations can contribute to enforcing these regulations and holding violators accountable.

How it works:

  • Select the location
  • Select the type of violation
  • Take 3 photos 
  • Submit

Reserve an Accessible Parking Spot before Time.

“Reserve a Parking Spot” is a hassle-free option that ensures you have an accessible parking space waiting for you at your chosen location. This feature is designed to make your parking experience convenient and stress-free.

  • Select Date and Time: To secure a parking space, input the date, as well as the start and end times. Complete the payment process to confirm your reservation.
  • QR Code:  The user will be provided with a QR code that they can scan at the designated spot upon arrival.
  • Extend Parking Reservation: Users can easily prolong their parking time without needing to physically return to the parking spot. Users can enjoy their activities without worrying about parking expirations.
    The app will send users a notification one hour prior to the end time, ensuring they can manage their parking without stress.

Book an Accessible Ride

It has two options. There is this common feature in both the options that they choose what kind of vehicle they will be needing, regular or assisted.

  • Book a Solo Ride:  It is a convenient option designed for users who prefer to travel independently.
  • Book a Ride with Someone: This is a collaborative feature that allows users to share a ride with another user heading to a similar location. 

    Key Benefits:
    – Cost Sharing: Split the fare with another user, making transportation more affordable.
    – Community Connection: Meet and interact with fellow users travelling to nearby destinations.
    – Environmental Impact: Contribute to a more sustainable environment by carpooling.

Dark Mode

Dark mode has gained popularity among a broad range of users, including those with disabilities, for the reasons, such as reduced eye strain, improved readability, and reduced sensitivity to light. To ensure inclusivity and accessibility in our design, we provide the option for our users to switch between dark and light modes. This way, users can choose the mode that best suits their needs and preferences, regardless of disability status.

Challenge:

Creating a parking application designed to cater to users with disabilities requires careful planning, prioritizing the needs of the user, and a firm commitment to accessibility. This involves addressing technological, design, and regulatory challenges to ensure that the application is functional and user-friendly for everyone, irrespective of their abilities.

Major Improvements in the Design

  • Switching from five options in the navigation bar to three was a major decision. To keep things simple for the physically challenged people.
  • Adding a car locator on the home screen made things easier for the users.
  • Adding an assisted vehicle for booking a ride made things easier for our secondary target audience.
  • Light and dark modes ensure inclusivity and accessibility in our design, we provide the option for our users to switch between dark and light modes. This way, users can choose the mode that best suits their needs and preferences, regardless of disability status.

Home Screen Iterations

ParkAllWays_HomeScreen
    Dive Deeper    
   Let’s start with understanding the users' needs   

What is a disability?

Physical or mental impairment that substantially limits one or more major life activities.

Canadian Stats

PercentageDisability_Canada

Crafting User-Centric Experiences: Our Methodology in Action

Informed Assumptions: Guiding our Design Strategy

  • Physically disabled people have difficulty finding an easily accessible parking space.
  • Physically challenged people gets anxious whether they might get the parking space due to limited number of spots.
  • Those people find it difficult to get access to some basic requirements like wheelchair access, restrooms, and shopping carts in their vicinity.
  • Physically handicapped people have difficulty in drop and pickup reservations for themselves to get to their appointments.
  • Those people get anxious if they have booked the parking spot in advance but might not be sure that they will get it when they reach their destination.

Understanding Our Audience

The next step in our initial research was to define our target audience. To address this concern we decided to target both drivers and passengers with some kind of disability.

TargetAudience_ParkAllWays

Market Landscape Analysis: Identifying Design Opportunities

We analyzed the competition to know how to stand out in a specific need. In our search, we discovered a total of seven applications, and during our evaluation process, we identified both positive and negative aspects within each of these apps.

We identified two primary competitors and five secondary competitors, and then we did research on the tertiary competitors in the market targeting the disabled population.

ParkAllWays_Competitive_Analysis

Tertiary Competitors

Additional organizations, interest groups, influencers, etc. that have vested interest in our market.

ParkAllWays_TertioryCompetetors

User Insights Discovery: Unveiling User Perspectives

We conducted user interviews to gain valuable insights into their needs, preferences, and pain points. This deeper understanding of our target audience allowed us to create more effective and user-centric solutions.

Key Findings from the Interviews

We needed to first gain a comprehensive understanding of the problems. Hence based on our user interviews we first listed the key problems our users are facing and the impacts it had on them.

ParkAllWays_InterviewInsight

After the interviews and key findings, all our hypotheses were validated.

How we formulated the problem statement?

While formulating our problem statement, we employed an iterative interrogative approach known as the “Five W’s.” This technique delves into cause-and-effect relationships that underlie a specific issue, aiming to ascertain the root cause of a problem and identify potential solutions. The fundamental objective of this technique is to uncover the core reasons behind the challenge and develop strategies to effectively address it.

5 W's

ParkAllWays_5-W's

5 W’s Approach

ParkAllWays_5W'sApproach

User Archetypes: Navigating User Characteristics

From the insights gained from our interviews, we developed two personas that represented our core users.

ALEX: “An Independent Professional”
Who thrives on independence and efficiency. He navigates life in a wheelchair due to a spinal cord injury.

TAYLOR: “A Vibrant Explorer”
Who exudes independence despite her congenital mobility impairment. She resides in an assisted living facility, relying on caregivers for transportation.

Alex
EM_Alex
Persona#2_Taylor
EM_Taylor

Pattern Recognition: Synthesizing Insights

To better understand the different categories under which our users had their pain points, we created affinity map from the raw data gathered from the user interviews. This map enabled us to identify recurring patterns and shared aspects among our participants.

Key Findings from the Affinity Map

  • Delays in finding accessible parking spots
  • Lack of awareness of their disabilities and their needs among other people
  • Lack of real-time availability updates 
  • Misuse of accessible parking spots by non-disabled drivers
  • Need a secure and seamless payment method
  • Turn-by-turn navigation
  • Maintenance of parking spots

Information Organization: Collaborative Sorting

To better understand Information Architecture and the different features we will include in our App, we did a card-sorting activity with the data that we got from our participants. Based on all the data that we gather from our affinity mapping and card sorting we filter different key features that we will be including in our App.

CardSorting_ParkAllWays

Key Features

ParkAllWays_Key_Features
     The Design      
     Let’s design a user-friendly app for our users     

User Journey Visualization

To ensure that we have a comprehensive grasp of the app’s flow, we developed a flowchart to gain a thorough understanding of our app’s features and functionalities.

FlowChart_ParkAllWays

Structural Blueprint

We then created the low-fidelity wireframes to outline the basic structure and layout of our app interface and continue to iterate our user flows and features.

Wireframes_ParkAllWays

Design System for a cohesive look

We were asked to use an existing design system as we’ve only a few days to prototype. We chose Alaya a Figma UI kit by Allan as our design system. The main reason to choose this kit is that it has both light and dark modes. To create an inclusive and accessible user interface, it’s essential to offer both light and dark mode options and allow users to choose their preferred mode based on their specific needs and preferences. This flexibility ensures that users with disabilities can customize their digital experience to suit their comfort and usability requirements.

Moodboard_ParkAllWays

Colour Palette

For our primary secondary and tertiary colours we choose the bright colours because these visible colours can provide good contrast against many backgrounds, making it potentially suitable for users with visual impairments or those who require elements to stand out.

We make sure that our design should prioritize a balance of colors and consider factors like contrast ratios, user preferences, and the overall user experience.

ColourPalette01_ParkAllWays

Web Content Accessibility Guidelines (WCAG)

We wanted to make sure that our app follows the wcag.

Jost is a San Serif Google Font which is designed with accessibility in mind. It adheres to web accessibility standards, ensuring that text is readable by users with various disabilities, including those who use screen readers.

Typography_ParkAllWays

Grid & Dimensions of the Elements

The Alaya design system has many components for both modes which we use to make our App consistent and visually appealing.

Grid_ParkAllWays

The Name for the APP

Park + Always

Park + All + Ways

Park AllWays

The name “Park AllWays” was chosen to convey the idea that the app provides parking solutions for everyone, in all situations, and at all times.

  1. “Park” emphasizes the core function of the app, which is to help users find accessible parking spots conveniently.
  2. “All” signifies inclusivity, suggesting that the app is designed to cater to all individuals, including those with disabilities, ensuring equitable access to parking.
  3. “Ways” implies versatility and flexibility. The app offers multiple ways to find and reserve parking spots, accommodating various user preferences and needs.

So, “Park AllWays” was selected to reflect the app’s mission of making parking accessible and convenient for everyone, regardless of their mobility or disability status.

Logo Design

I created some sample logos

SampleLogo_ParkAllWays

This was the final Logo, we aimed for simplicity and cleanliness to effectively communicate our brand’s message.

ParkAllWays_Report_Violation

Lessons learned:

We encountered some challenges during this project.  Some of the lessons learned during our journey were:

  • One of the biggest challenges was collaborating within a limited timeframe as the project required intensive work. However, this challenge exposed us to new areas and helped us in understanding in working on our key skills.
  • I often find myself volunteering for too many tasks, which distracts me and increases the risk of not completing the work properly, causing stress.
  • Develop a deep understanding of the daily challenges faced by disabled users to create empathetic and effective solutions.
  • This project was extremely beneficial in helping me comprehend the significance of thorough research. I made use of extensive research to gain a better understanding of the subject matter. which was really crucial for our project.

What I’d do differently next time:

  • The foundation is everything: Since the beginning, I spent the most time making the presentation perfect – I could have focused more on the tasks that were assigned each week.
  • Usability Validation: While time constraints prevented us from conducting comprehensive user testing, I would make time to gather feedback on the usability, functionality, and overall user experience to collect data that would identify areas for improvement, validate design decisions, and ensure the final product aligns with the needs and expectations of its intended users.

Next steps:

  • How to employ a mechanism that temporarily locks your reserved spot to prevent others from taking it.
  • Assisted parking experience for senior citizens, and people with disabilities.
  • Collaborate with the government and the other organizations which help in assisting the disabled drivers and passengers.