UX/UI APP DESIGN
Research, Ideation, Design, Survey, Personas, Journey Map
8 Months
Photoshop, Illustrator, Figma, Sketch, Unity, Atom, React Native
Hana Kim, Dahee Kim, David Feng, Benjamin Bach, Kirza Belle
We were given the task to improve one fo the experiences for the City of Toronto. Due to our shared familiarity with public transportation, we decided to choose the Toronto Transit Commission (TTC), a public transport agency that operates subways, streetcars, buses, and paratransit services. The TTC is the main transportation for the city of Toronto and the greater Toronto area, however, there are many flaws to the system that creates a negative experience for everyday users. We decided to create an app that would combine the services of the TTC and solve any inconveniences a user will have.
PART ONE: IDENTIFYING THE ISSUE
The research was split up into two parts, the first part being the primary research where we collect information from the riders to determine their current experience with the system. The secondary research will look into the history of the TTC system, and from there, we will identify the trends to determine where the TTC will progress in the future.
For the first part, we created a survey using Google Forms to identify background information on TTC users and the problems they experience. We decided on a survey, as it is quick, easy and efficient in gather user's feedback. We asked questions regarding the user's background, what their journey is like and how satisfied they were using the system. As for the second part, we created a spreadsheet containing all major turning points of the TTC dating back to 100 years and created predictions of where the TTC will grow potentially in the future.
PART TWO: USER ANALYSIS
Using the information gathered in part one, we created 4 personas that would represent the riders and users. From there we created a journey map out one of our personas to visualize their potential experience and how they will interact with the TTC.
RESULTS OF PART TWO
Competition analysis was conducted to determine what are the similarities and differences between similar apps already in the market. It was used to also identify what are the weakness and strengths of each.
LOW-FIDELITY SKETCHES & WIREFRAMES
LOW-FIDELITY MOCKUPS
BRAND GUIDELINES
BRAND GUIDELINES
HIGH-FIDELITY MOCKUPS
FEATURES
Navigation - Where users will be able to see all the nearby bus, streetcar and subway routes around them. They will be able to map out their routes and get real-time status updates of each vehicle.
Augmented Reality - This feature provides another option for users to get real-time status updates by pointing the AR camera at any TTC sign. Users can also use the AR camera on any streetcar or bus to determine how crowded each vehicle is prior arrival.
Presto - Users will be able to access their Presto card online, load their card, check history/balance and make payments.
News Feed - This is where users can see posts, notifications and up to date notice on any issue related to TTC.
Ask: Real-Time Feed - A community page, where users can update their satisfaction level and have a direct connection with TTC employees. This is done to enhance communication between the users and the workers.
© 2020 Nancy Le All Rights Reserved