top of page
SPRK_default_preset_name_custom – 17.png

Rutabagga

Rutabagga project was to reduce the environmental footprint by consuming more vegetarian and vegan products where client wished to promote "seasonal eating - eating sustainably" as their tagline goes - "Local. Natural. Sustainable."

Role

Visual Designer

UX Designer

Project Context

Jan - Apr 2022

Graphic Design Coursework

Solo Project

Tools

Adobe XD

Adobe Illustrator

Adobe Photoshop

The Problem

Ann Arbor has a different structure when it comes to parking because some part of it comes under University of Michigan whereas other part comes under the city and both these bodies have different rules, regulations and handling procedures.

parking-ticket.png

Post the first meeting with the clients, we discovered that it is not in City of Ann Arbor's full capacity to amend the online payment process. With this in mind the focus was shifted to working on improving resident's understanding of parking rules which help them not getting a parking ticket, hence reducing the use of payment process.

signage.png

There have been cases of residents getting a parking ticket when they park in downtown frequently. Many residents express that online payment if difficult for then to understand. This indicated users were not able to use the online payment system and hence City of Ann Arbor planned to redesign it.

process.png

So now, the big question is ....

How do people use the city of Ann Arbor’s parking website to avoid getting a ticket?

The Process

recruitment.png

Recruitment

usability.png

Usability Test

Proctoring Script

analysis.png

Analysis

Brainstorming

Affinity Wall

Findings

presentation.png

Presentation

Recommendations

Implementations

Takeaways

Recruitment

​A google form was made live as an invitation through City of Ann Arbor's social media pages, so people interested in contributed for user testing could sign up themselves. The only requirement was user should be current Ann Arbor resident. To ensure user's flexibility, we gave options of both, virtual and in-person testing. Participants were offered to use the device they are most comfortable with to ensure a smooth testing experience.

a2gov_recruit_post.png

13 participants were recruited successfully.

04 tests were conducted in person

09 tests were conducted via zoom

07 used smartphones

04 used tablets

02 used laptops

Usability Test

​A google form was made live as an invitation through City of Ann Arbor's social media pages, so people interested in contributed for user testing could sign up themselves. The only requirement was user should be current Ann Arbor resident. To ensure user's flexibility, we gave options of both, virtual and in-person testing. Participants were offered to use the device they are most comfortable with to ensure a smooth testing experience.

Proctoring Script

A whole script was prepared which contained Pre-test questions, Tasks and Post-test questions. Our goal from to find insightful information from the users and hence our 3 main tasks were focused on figuring out whether residents can...

01

Use website's embedded map to find parking options near a destination?

02

Find details for parking options near a destination?

03

Find eligibility for residential parking permits for a given location?

I was moderator for 4 interviews and notetaker for 3 interviews helping throughout to make sure user testing ends smoothly.

Notetaking
Notetaking
Notetaking
Notetaking
Notetaking
Notetaking

Analysis

After completed all the user tests, every team member found out important data from their notes and consolidated all of them into a Affinity Wall. This wall was studied thoroughly and top-level key notes were transformed into Findings.

Affinity Wall

Various notes were categorized through data obtained from pre-test, tasks and post-test answers. Brainstorming was done to decide which were the main pain points for the uers.

Findings

After brainstorming on the affinity wall, various shortcomings of the A2 parking website were discovered. The top ones creating difficulties for users were as follows:

01

Users Found Parking Map Difficult to Navigate

02

Users Struggled to Distinguish Menu Items

03

Inconsistent Link Destinations Led To Questions

04

RPP Map Lacked Key Functionality for Users

Presentation

All the findings and recommendations were presented to City of Ann Arbor including proper evidence for findings and good examples for recommendations.

Recommendations

01

Embed map with search bar into a2gov website

02

Change Background Colors of Menu Items

03

Ensure links with same text lead to same location

04

Add Search to Identify Eligibility to Address

Recommendations were summarized and categorized into short term and long term to help clients know a efficient path to start the redesign.

Recommendations

Implementations

tempcap_iphone12promaxsilver_portrait.png
Capture5_iphone12promaxsilver_portrait.png

A2 Parking implemented our 01 recommendation of choosing separate background colors for Services and Departments on the A2gov page.

newtemp_iphone12promaxsilver_portrait.png
newtemp1_iphone12promaxsilver_portrait.png

A2 Parking implemented our 02 and 03 recommendation and eliminated the ambiguity by sorting out the quick links.

Takeaways

A2Parking was my first Usability Testing with a real-time client. This was performed with 13 users and hence there could be sense of improvement in findings and recommendations when larger group of users would be considered. It was a great experience throughout and I discovered some key points to keep in mind for future research and usability tests. 

blogger.png
book.png

Due to pandemic, connecting virtually become the new normal, but this condition welcomes some technical issues as well and hence pilot test should be done, at the same room should be left for solving uninvited issues. Our findings currently are dependent more on insights gained from user's actions and their behaviors, some more in-depth details can be obtained by metric data like number of errors, number of steps taken, time taken, etc in future.

bottom of page