All In Parking Design Case Study UX / UI Research and Design

All IN Parking Design Concept App

All in Parking App can be classified as a smarter and faster app, the world’s largest and most accurate parking app! Used throughout the world in any location.

While there are many parking based apps. Most are very similar we will try to give the best accessibility and resources to make the user experience shine.

The user can use a map app to search a place to park, but it’s more useful if you can use a app to find, book and pay easily.

The Challenge

A usual problem in big cities is to find where to park and how much to pay for it. In NYC that is no different, we can use map apps, but that doesn’t make sure of: quality and availability, that’s why I have found a way to solve this problem in this study case. When user needs to search a private parking, example: In NYC it is not very common to search a good place to park. It needs to be easy and quick if you’re late to a business meeting.

The Process

Research: I’ve interviewed some people that use cars and motorcycles regularly for work and leisure. Based on that research, I choose to focus on people that use their car for working.

Persona:Roger Daphy

Demographics:Age: 32

Occupation: IT Support

Location: NYC

Personality: Hurried, introvert, anxious, techy

Behavor:

He’s always in a hurry to get to work

Always finds it a struggle to park near work

Would rather take the bus then drive into work

He knows a lot about tech and enjoys devices that makes his life easier, especially a commute to work.

Needs and Goals: He wants to have more time with friends and family.

He wants to get promoted and wage on his salary. He wants a college degree.

Job Background

Roger Daphy has a lot work to do. A major part of hist work is to attend his clients in residencies and offices. Bad traffic and unsafe places to park his vehicle, are his biggest struggles on the daily job, that doesn’t let him attend all of his appointments.

Defining the Problem

People in big cities have problems to find the better places to park.

The map apps that those people use to find location is not offering an efficient map service or reservation options.

Many times people are surprised with different prices of parking lots based on time of day.

The most private parking lots don’t accept credit card or mobile payments.

Design Solutions

Agility to find a parking lot with vacancy;

Scheduling a better route to the parking spot desired;

More time and less missed appointments.

1. The main reason to use an app like this is to find the best parking spot option near to the place you’re going.

2. In a big city it is important to know if there are vacancies in any parking space, but is impossible to call to an individual parking lot.

3. The app allows the user to make a temporary reserve, with the enough time to be at the parking spot. If the user gets there before the end of the deadline of the schedule, he can earn discounts of time or equivalent value.

Takeaways

Everyday, thousands of people waste time on traffic and search places to park, This study is a way to help people to have a little more time to complete their daily goals in the most efficient way.

Here is a flow I came up with , only a few screens but I plan to build on it more : 

Design All In Parking app Rough Sketches

High Resolution Rapid Prototyping of front page:

 

Adding the options of date entry on the front page search option adds one less thing to do on the geolocation page.

Flow with login idea process from frontpage ux design

Flow with login idea process from front page ux design

Still in the stages of working out placement and most important items

Our first try at a design system:

 

Starting to define a color scheme most of these other sites are using a blue background with a video.  This would not be the final result of the background image it was more of an idea on how to use the top level search features to search for your parking spot…

I feel in love with this color scheme :

Design Scheme All In Parking APP

All In Parking Header with Filter :

Barsky Design I UX Research and Design ALL IN PARKING Header

Geolocations Page View Sketch

Geolocation Page Design Sketch Mockup

I wanted to use filters and give the user access to them at anytime.  Also to introduce a sidebar based on card selection.

The Price Slide Ranger

Users should be able to use this price ranger with ease. The solution would be to allow all prices from low to high

Price Slider Using Precision Range

Ratings Bar selection with star selection

Ratings filter research and design star ratings

Adding top level geo location

Version 1 : Spacing was a little overwhelming and wanted to try another palette for the stars

Left hand side selection box

Left Selection Geo Location Pricing UX Design and Research

Finding a good LOGO for the parking icon

While researching many different icons for parking , we came up with a strong parking logo

Placeholder for selected parking location.

Detail Selection on Slide Out with Geo Location

This mockup is showing the right side shelf come out to show details based on the selection of cards.  This information will change once selecting another card

Alternative Dark Blue View

Project Details:

Hiram Barsky

Credit

All In Parking App

Client

10/5/2019

Date

UXDesign

Category
A usual problem in big cities is to find where to park and how much to pay for it. In NYC is no different, we can use map apps, but that doesn’t make sure of; quality and availability, that’s why I try to find a away to solve this problem in this study case. When user needs to search a private parking, example: In NYC it is not very common to search a good place to park. It needs to be easy and quick if you're late to a business meeting.
Description