Role: User Experience Design, User Interface Design
Client: Personal Project   
Timeline: 10 weeks, Jun 16 - Aug 23, 2018                   
Where: BrainStation​​​​​​​​​​​​​​
This project was created over my 10 weeks UI/UX program at BrainStation. During this time, I was pleased to complete this project by applying all pieces of knowledge that I learned. I investigated problem space, took it from a board idea to hi-fidelity design and established an interactive prototype by using InVision. The end result was new findings and insights. It saved tons of time for the drivers.
Problem Space
The parking issue has been a severe problem in urban areas, especially in the city of Vancouver. The challenge of finding on-street & off-street parking in the fields near businesses, restaurants, and hospitals is painfully difficult.
Design Challenge
How might we provide a more convenient way to help people find a less cost parking space and ease their payment experience?
•  The difficulty of finding a parking space is a common problem for the drivers
•  The main concern of the drivers is the parking fee
•  ​​​​​​​People don't know where they can park
The purpose of the research is to investigate users’ experience of parking. It aims to figure out what pain points, motivations and behaviours they have, and if they need a mobile app to provide a solution for them.
User Interviews
To get a better understanding of the problem space, I conducted 5 rounds of user interviews with potential users. They are my target audiences who know how to drive, are between 19 and 44 years old, and are familiar with using mobile phones.
Interview Questions
1. What age group are you in?
2. Where do you live?
3. How often do you drive?
4. What do you know about the parking issue?
5. How often do you use the parking app?
6. Tell me the time that you thought you could park somewhere but eventually you couldn’t?
7. Tell me a time that you were looking for a parking spot?
8. What are your pain points when you are looking for a parking spot?
9. What do you wish if anything could be different?
10. If you have an app that helps you find a parking spot, what features do you want to see?
Interview Findings 
• People do not use any parking app  
• Most people prefer free parking
• The less accessibility causes the high rates
• People need to recharge the parking unless they have the app
• It is awesome if there is an app that can help them out to pay for all different parking
Competitor Analysis
After gaining the user's empathy, I decided to explore the pros and cons of competitors. The purpose of doing this is to observe if the existing parking apps on the market meet user needs currently and solve the problems for them.
By using the information and findings above, I created a primary and secondary persona to represent my target demographic.
User Experience Map​​​​​​​
ParkIn empowers drivers to find all available parking spots in downtown Vancouver. We strive to make parking more accessible, convenient, and easy for everyone - anytime, anywhere.
ParkIn has a partnership with most of the parking operators in downtown, Vancouver, such as PayByPhone, Impark, EasyPark, etc. Users only need this one app to find and pay for their parking for multiple operators. There is no lineup at the kiosk and no struggle with adding more time for your parking if you don't have the specific app on your phone. 

ParkIn is your go-to parking solution!​​​​​​​
The MVP(Minimum Viable Product)
Finding on-street parking, lot parking, and garage parking are all different. Each of these has different pain points and technical constraints. The most common and the biggest pain points for all kinds of parking are finding and paying. Therefore, I chose to tackle the problem of garage parking. 
Features and Scope
User stories
User stores are a method of capturing product functionality from the perspective of a user. Hence, there are some examples of user stories that I created.

Epic 1: Find parking
1. As a user, I want to search for my destination directly in order to see the parking spaces nearby.
2. As a user, I want to search for my destination from the history list in order to quickly navigate to the target.
3. As a user, I want to change my search anytime in order to view different locations.
4. As a user, I want to see the parking price is labelled on the map in order to compare the price.
5. As a user, I want to see the available parking is labelled on the map in order to see the availability of parking.
6. As a user, I want to choose free or pay options in order to filter different types of parking.
7. As a user, I want to choose on-street parking in order to find parking on the street.
8. As a user, I want to choose lot parking in order to have a look at lot parking.
9. As a user, I want to choose garage parking in order to find in-building parking.
10. As a user, I want to know how many parking vacancies are there on each floor in order to park my car right away.
11. As a user, I want to click on one of the price labels on the map in order to know more details about this location.
12. As a user, I want to know the payment provider in order to see who I am paying.
13. As a user, I want to be navigated via in-app Google Maps in order to tell how I can get to my destination.
14. As a user, I want to store my vehicle info in the app in order to avoid repeated work.
15. As a user, I want to change the parking time to a specific value or a period in order to adjust the payment.

Epic 2: Pay parking
1. As a user, I want to pay my parking rate in the app in order to save my time for walking to the pay station and save my roaming data for downloading multiple parking apps.
2. As a user, I want to use apple pay in order to ease the payment experience.
3. As a user, I want to use my credit card in order to void carrying coins.
4. As a user, I want to know whether or not the payment went through in order to confirm that the action was completed.
5. As a user, I want to top up more time for my parking in order to avoid walking back to the pay station or meters.
Task Flow
The task flow below describes the whole process of how users find a parking spot and pay their parking fee.
Paper Sketches
Without considering the pixel-perfect layout, I quickly sketched out ideas on paper and played with them to narrow the project scope.
On top of the paper sketches, I used Sketch to create digital wireframe so that I could visualize the task flow and do the usability test as well as explore more inspiration.
Usability testing and iteration
To reach the current iteration from lo-fi to hi-fi, I iterated two times and conducted two rounds of usability testing. The current iteration below includes all interfaces that I designed.  
Interactive prototyping with InVision

You may also like

Back to Top