Parkify

Realtime map-based parking spot navigator

UX/UI | Mobile | Dec. 2019

Overview

___________

The more I drove using mobile navigation, the more I found out it was not always right. My navigation would tell me I arrived at my destination but my destination was nowhere in sight. The goal of Parkify is to help drivers arrive directly to their parking spot without the difficulties of finding a spot. There is nothing currently on the market that navigates drivers directly to their parking spots.

Tech:

Team:

Duration:

Role:

Full Case Study

Researcher & Designer

Solo

XD

4 weeks

Problem:

Opportunity:

A mobile app integrated into navigation apps that takes drivers to parking spots based off of customized preferences.

It is projected that in 2021, 67.6% of smartphone users will use maps and navigations apps monthly. Leaving a large need for accuracy.
Source: eMarketer People Continue to Rely on Maps and Navigation Apps, 2019

Solution:

Navigation apps notify of arrival but destinations are difficult to find and parking spots are often filled or undesirable.

Key Features

___________

Parking Navigation
Once the user accepts the connection of Parkify to their navigational maps (Google, Apple or Wazes), he or she can use Parkify directly from their maps. When the mobile map system’s user interface shows "Arrived," the user will be prompted with a pop-up to go to Parkify. By using geolocation services, Parkify will locate the vehicle's location and then take them directly to a parking spot.

Customizable Preferences
The intro and home function of the app is to upload customizable preferences. Specific parking preferences such as handicap parking and parking far away from location preferences will then be used when mapping for future addresses.

Parking Navigation
The primary function of the application is the live navigation function. Once the user accepts the connection of Parkify to their navigational maps (Google, Apple or Wazes), he or she can use Parkify directly from their maps. When the mobile map system’s user interface shows "Arrived," the user will be prompted with a pop-up to go to Parkify. By using geolocation services, Parkify will locate the vehicle's location and then take them directly to a parking spot.

Customizable Preferences
The intro and home function of the app is to upload customizable preferences. Customizable preferences will then be used when mapping for future addresses. Many users have specific parking preferences such as handicap parking, parking only on the right side, parking as close or as far away from the location and more.

Design Process

___________

Research

___________

After discovering the parking issue I often faced,  I interviewed others to see if my hypothesis of finding a parking spot, post navigation, was difficult for others. Through a collection of informal interviews, my sample population provided evidence that this was a serious problem for some.

Defining Audience

The primary target audience are individuals who are between 25-75 years old that live in a city or suburban areas of the U.S.. The audience will have to have access to a smartphone, license and vehicle. Parkify is specifically interested in handicap drivers who struggle to find parking. Lastly, it is important to note that the user must be adept enough with mobile devices to find, download and connect the Parkify application.

Design

___________

Taking what I gained from research, I began the design process. I started with developing personas and ended with a well tested prototype.

Persona

From listening to the target audience, I began to create personas to have a deeper understanding of the users needs, experiences and behaviors. Below is an example of one of the personas made.

The Flow

Now knowing the customer, I created the initial user flow for the application. The flow begins with the customizable settings and then takes the user to the home screen. At the home screen, the three main paths are home, account and more.

Wireframes

Based off of my user flow, I wireframed essential pages of the Parkify mobile app and navigation function. The pages were annotated to show functionality of different UI elements and components.

Style Guide

The colors selected are from a complementary design wheel. The design is intentionally high contrast for easy readability. Additionally, both typefaces are san serifs for easy readability on a mobile screen. Finally, a minimalistic design is deployed so the user does not suffer from option overload.

V1 Design

Designed to make the parking experience easier, my V1 takes in account of the challenges of parking and tries to simplify them through an easy to navigate application.

Design Testing

___________

I had 3 users from UserTesting.com participate in my usability test. They were tasked with performing 5 tasks on the Parkify prototype. Results provided helpful evidence for my next iteration.

Insights

Account tab feature is confusing and unnecessary. Users vocalized that they were confused when prompted to login in after selecting account. Additionally, users mentioned "Account" tab did not feel like it belonged.

Need of multiple paths for preference selection. 2 of the participants used the skip buttons to go through the intro instead of accepting prompts.

Intro easy to understand. Participants navigated through the intro/preference section easily and mentioned the design was appealing.

V2 Prototype

___________

My solution is Parkify, an app that allows users to be taken directly to their parking spot dependent on previously selected preferences. With the usability testing taken into consideration, the Account tab was deleted and all the information is now under the More tab.

V2 Style Guide

Due to lack of contrast for V1's text and buttons, I selected a new color palette. Additionally, to increase readability, both typefaces were changed to Jost, a san serif, for easier readability on a mobile screen. Finally, to keep consistency, all buttons were rounded squares.

Parking Navigation
The primary function of the application is the live navigation function. Once the user accepts the connection of Parkify to their navigational maps (Google, Apple or Wazes), he or she can use Parkify directly from their maps. When the mobile map system’s user interface shows he/she arrived, the user will be prompted with a pop-up to go to Parkify. By using geolocation services, Parkify will locate the vehicle's location and then take them directly to a parking spot.

Preferences & Availability
The intro of the app is to upload customizable preferences. Customizable preferences will then be used when mapping for future addresses. Additionally, the home page allows users to look up parking availability at any location. Lastly, the More tab serves to hold additional information and upload preferences.

Reflection

___________

For future iterations...

- I would like to test the parking interaction when users are driving a car. This would reveal if there is a smooth flow between navigation apps and Parkify in real environment.
- Design a training function when users first log into Parkify for less confusion

My takeaways...

- I became aware of the challenge of designing on a computer for mobile screens. It is easy for sizing and spacing to be inaccurate due to the differences between the screens. I now will always use mirroring to mobile devices to test my prototypes.
- The need to listen to users. Since the majority of my user testing was post initial design, I found some of my original design components were unnecessary and not intuitive for users.