IMG_20161202_115249962.jpg

A2Transit

A2TRANSIT

Interaction Design for a Transit Application

OVERVIEW

A2Transit is my passion project that I completed as part of an Interaction Design course.

A2Transit is a mobile application that lets users track upcoming transit, look for alternate options and alert fellow travelers of disruptions. 

ROLE

Interaction Designer, UI Designer

SKILLS DEVELOPED

Sketching, Personas, Design Synthesis, Brainstorming, Interviews, Paper Prototyping, High Fidelity Prototyping

TOOLS USED

Sketch, InVision


Problem

Ann Arbor has great public transit, but there is no easy way for people to track upcoming transit or know if their bus is on time. At a time when waiting a few extra seconds for a webpage to load feels like an eternity, transit users are waiting at bus stations unaware of bus arrival times and route delays.

SOLUTION

A mobile application that provides real-time transit information, helping users make informed travel choices.


THE PROCESS

BRAINSTORMING

I sketched 8 different ways that this problem could be addressed. The brainstorming exercise was a quick and cost-effective way to consider different solutions and compare them based on cost, feasibility and user preference.

PERSONAS

I then created user personas to have a holistic view of the needs of primary users. I also created anti-personas that depicted people who would not use this system and whose needs must not influence system design. 

USER INTERVIEWS

Web 1280 – 1.png

To further understand user needs and to ensure that I do not have assumptions about the user, I conducted 5 user interviews. The user pain points that arose were:

  • Uncertainty in waiting times
  • Anxiety of missing the bus
  • Waiting outside in bad weather conditions. 

DESIGN SYNTHESIS

Through the interviews, I learnt that most transit users preferred accessing information on their personal devices. So, I chose to opt for the mobile platform.

The following features were developed based on insights from the interviews:

● Search: User can search for a destination and the app yields optimum bus routes.

● Broadcast Alerts: Users can broadcast updates to other users to let them know that a certain bus is out of service or has a detour.

● Favorite Destinations: Users can mark their frequent destinations or routes 

● Approaching Destination Alert: User is alerted of approaching destination, so new users know when to get off.

● Customization: Users receive personalized notifications based on frequent travel patterns 

Although there are various features, it is important that the most critical feature be accessible in the least number of clicks. I then identified that Search was most critical as it catered to the needs of the largest population of transit users. So, I placed the Search feature at the most accessible location on the layout.

PAPER PROTOTYPE

IMG_20161202_115249962.jpg

I then created a paper prototype and tested the interactions with potential users. I gathered feedback on what they liked, what confused them and what was more intuitive for them. This was the most useful phase of design as nothing helps validate design like user feedback. And my users were extremely comfortable providing constructive criticism, which helped me iterate.

DIGITAL PROTOTYPE

 Loading Screen

Loading Screen

 Home Screen

Home Screen

LEARNINGS

Multiple design critiques in the classroom helped me iterate over my designs. An important flaw that came out of user testing was that I had a good forward flow of interactions, but there was not an efficient way backward. So, a major learning for me was to pay attention to the reverse flow of interactions.

*Interactive prototype coming soon*