UI/UX Designs
Accessible tram and tram stop on map
Noting Accessible tram and tram stop on map
The PTV website lacks clear information on accessibility, making it difficult for customers to know if their journey or the station/stop is accessible for boarding public transport. This undermines confidence in the public transport network’s reliability and safety.
How might we improve the process for customers to find information on accessible tram stops and tram services on the PTV website?
How might we communicate accessibility messaging for trams in a clear and understandable manner without increasing cognitive load?
understading the problem
Given Melbourne’s distinction for having the world’s largest tram network, the complexity is inherent. The network encompasses various tram types, some with steps and others without. Stops include raised platforms, safety barrier stops, and kerbside stops. The primary goal of the project is to furnish Victorians with comprehensive information, empowering them to make informed decisions and plan their journeys effectively amidst this intricate tram system.
I kicked off the project with a team activity where we delved into the various types of trams and tram stops, brainstorming how best to name and categorize them. This collaborative deep dive helped establish a common understanding and language within the team.
Stakeholder management
Effective stakeholder management was a crucial aspect of the process. We consistently held workshops, presentations, and design walkthroughs with various stakeholders, including the Accessibility Authority, Yarra Tram, Brand Studio, Wayfinding Team, and more. Our ongoing communication played a vital role in making excellent design decisions and ensuring the success of the project.
Concept Design Iteration
Leveraging the PTV design system components, I rapidly advanced to high-fidelity designs after numerous iterations of wireframes and low-fi designs, refining and enhancing the user experience through a iterative design process.
First Click test
After swiftly iterating through concept designs, we ran a quick first-click test with 21 participants using UX Tweak. Valuable feedback was gathered from individuals with diverse accessibility needs. Presenting the designs and test results to both internal and external stakeholders, I took in feedback from users and various stakeholders. This informed the ongoing design updates, moving steadily towards the final design phase.
Research Plan
This research plan aims to address the accessibility needs of public transport users, particularly those requiring mobility aids, such as wheelchairs, mobility scooters, or prams. By conducting sessions with a diverse group of 12 participants with accessibility needs, including those with mobility impairments and users of the tram network, the study seeks to evaluate the effectiveness of the latest design iteration of concept designs on the PTV website. The objectives encompass improving the process for customers to find information on accessible tram stops and services while ensuring clarity and minimal cognitive load. Through moderated multivariate testing, participants will engage in scenarios and tasks to assess the interaction design, information layout, and communication of accessibility messaging, providing valuable insights to enhance the accessibility and usability of the PTV website for all users.
Concept designs and prototyping
Following the first click test, I gathered insights from the study and used them to develop concepts for the next round of testing. In this phase, I also crafted multiple interactive prototypes based on high-fidelity designs.
Moderated test
We organized a moderated user test for three design concepts, involving 13 users with diverse accessibility needs. The data collected was substantial, allowing us to make informed decisions and finalize our designs.
Handover Documents
I prepared comprehensive handover documents in Figma for the developers, beginning with mobile screens and then designing desktop screens, including large text versions to ensure accessibility and usability across various platforms and screen sizes.
Additional illustration
We also identified importance of visual representation of tram and tram stop accessibility imagery. Here are some example of illustration.
Quick Links
PTV Design System, Multimodal Journey Planner, Accessible Tram/Tram Stop on Map, V/Line Train and Coach, Uplift Timetable Search, TW Design System, Future of Disruptions, Low Floor Tram Indicator, Mode Preference UI, Global Search, Help and Support, Capacity Indicator, Memento Media, Community Project, Improving Map UI/UX, SaaS Products.