Compass Card App

Compass Card is the durable, reloadable, electronic fare card that works everywhere on transit in Metro Vancouver. It is the new technology used to replace all our current passes and tickets, including West Coast Express products. Goals for this product is to help users plan their trip better and track their account information anytime anywhere.

design

The sitemap of the application functionalities, and scenario flow.

This is our style guide and our color palette.

Set Up The Card

This step is important as the users have to know how to interact with the app first time. Everything has to be clear and well designed so that it would increase users' interests in continuing with the app.

Monitor Account and Add Balance

After users create an account and successfully link with their compass card, they can go straight into this step to check their account information and possibly add balance. The design idea for this is because physical machines located in each skytrain station usually have only 2 to 3 machines and they are just not enough for people. People have to wait for others to finish their actions, so why not do it anywhere anytime on our phones?

Plan A Trip

With the built in map functionalities, it would be easier for compass card users to plan their trip. They don't need to feel uncomfortable using other unfamiliar interface and relearn all the interactions, they can just stay with us and do it within the app.

History Trip Route

Users can select the date to see where they've been and the details of each trip. The route would be recorded and connected to each other providing a visual feedback to users.

reflection

What I've learned

With this mobile app experience, UX feedback is really crucial for our design thinking methods. This is why we were able to find the problem, ideate several ways to make the experiences better by testing and reiterating/refining our prototypes. With actual on phone experience, it is more intuitive than running a simulator on computer without typical phone gestures, the users were more engaged.

Leadership

As a role of team leader/UX designer who also makes the prototype with Axure, workload is really heavy. However, I tried my best to challenges and working towards area in all aspects to becoming a better interaction designer.
What I could improve

If by looking at the project now, I would definitely implement database so that all the data from the users could be used to train Machine Learning model. We could provide more insights and predictions to users.