Mosaiq Insights

Designing an app to enable teams to quickly analyse, understand and share accurate transit insights.

Role

As a key contributor and co-lead designer, I played a pivotal role throughout the product development cycle. This encompassed tasks from the discovery phase to workshop facilitation to final delivery, all while crafting a robust and scalable design system. My responsibilities involved aligning with specified requirements, collaborating with developers to ensure feasibility, and coordinating project goals with the Head of Product.

Tags

Web app
Angular

Year

2023
Overview

Crafting an intuitive and user-friendly experience

Mosaiq Insights, an analytics tool designed for public transit networks, efficiently compares scheduled vehicle data with real-time information, providing teams with the capability to swiftly analyse, comprehend, and share accurate transit insights.

Project goals

The ultimate aim was to craft an intuitive, user-friendly, and visually appealing experience, contributing to the achievement of our project objectives by visualising our customers data.

Results

540%

Increase in user activity and engagement

30%

Increase in user adoption

43%

Increase of users sharing actionable insights

Discovery

Problem statement

Users faced challenges in visualising data patterns and lacked the ability to explore journey-level information, mainly due to the absence of evidence hindering their access to essential information regarding the why, how, and what happened. Our goal was to empower users to access individual journeys within Mosaiq Insights, aiming for a comprehensive understanding of journey details. The primary objective was to facilitate access to trip-level information, especially for senior data team members in local authorities, to improve KPIs and reporting.

Measure of success

Increased user engagement

With the absence of this feature, users are not engaging with our product regularly. Introducing it is expected to attract returning and new users who will find its utility in generating actionable insights.

Users drilling into trip-level information

Monitoring user behaviours and interactions provides valuable insights into their navigation and usage patterns, indicating whether they are successfully accessing the required data.

Users sharing trip-level views

Evaluating whether users are actively sharing their analysis and making impactful decisions is crucial for continuous enhancements to the transit network.

Gleanly showing UX testing results based on Facts, Insights and Recommendations.
Define

What we found

Qualitative data, conversations with customers, and competitor analysis shaped our understanding of user needs. Participants emphasised the importance of…

Prioritising stop-to-stop data, on time performance and total journey time, which is crucial for effective job performance.

Recognising the importance of understanding data patterns between stops, participants found value in interpreting table views for identifying trends and themes.

Filters proved impactful for drilling down to relevant information.

Key features

Informed by our research insights, we've compiled a specific list of recommendations for the team to consider and develop ideas around.

Intuitive information gathering

Explore opportunities for users to gather information seamlessly, eliminating the need to click buttons or access separate menus. This approach ensures users have all the relevant information at their fingertips for a better understanding.

Comprehensive data display

The tool facilitates the display of essential data such as stop-to-stop information, on-time performance, and data quality. Explore the desirability of surfacing Stop-to-Stop timing data on a map for enhanced visualisation.

Focus on stop-to-stop information

When presenting stop-to-stop information, it should focus on highlighting the first stop and specific stops that were early running in a journey or across aggregated journeys, ensuring a targeted and relevant display.

Usable maps integration

Focus on adding user-friendly maps that show journey details or combined journey data. The interface effectively links information displayed in charts or tables with a map view, making the user experience more straightforward.

Develop

Creating engaging and user-focused design solutions

Ideation

The design process featured ideation workshops, user flows, card sorting, and impact mapping.

Iteration

Iterative designs, user testing and feedback were pivotal, driving user-centric design decisions.

Testing

Usability tests and continuous user feedback informed design changes, aligning with user priorities, including must-haves, nice-to-haves, and existing features.

Challenges

Technical constraints

The project faced hurdles in dealing with technical limitations to obtain data and visualising its presentation. To address this, the team worked hard to get possible data to better understand its potential appearance in the final product.

Ideation oversights

An overlooked top-layer entry for grouping journeys during the ideation workshop necessitated additional sessions for resolution. Despite potentially delaying development, it ultimately ensured alignment in crafting a solution.

Limited user engagement

Limited user engagement during testing posed challenges, prompting multiple workshops to find solutions, underscoring the iterative nature of the design process and the need for adaptability.

Delivery

A visual journey through concrete evidence

The visual design strategy aimed to create an attractive and user-friendly interface, departing from traditional table displays to incorporate visually engaging presentations such as heatmaps for better data comprehension. This approach not only enhanced user experience by making information accessible and engaging but also fostered exploration and learning, ultimately resulting in a more impactful user experience.

A screenshot of the Journeys list page on Mosaiq Insights in a M1 macbook pro sitting on an edge of a rectangular table.
Mosaiq Insights showing a 3x3 grid of different screens of the product.

With plenty of data available, users can use filters to customise their view and find particular data points they're interested in. This feature helps users locate areas in their transport network that aren't performing well, making it easier to extract useful insights for optimisation and improvement. By using these filtering options, users can dig deeper into their data, discovering trends, patterns, and areas that could be improved. This ongoing process supports informed decision-making and strategic planning, ultimately leading to the improvement and development of the transport network to better serve user needs and requirements.

Using a map as a visual tool not only showed the journey clearly but also provided strong proof for the users decisions. By this visual, we could present complicated information in a simple and easy-to-understand way, making it easier for users to process. Additionally, the interactive map allows for users to engage through exploration of the journey, from start to finish, and offers in-depth insights into the underlying reasonings and processes.

A screenshot of the Journeys view page on Mosaiq Insights in a M1 macbook pro floating.

Upon joining the project, I faced obstacles due to the lack of a unified design system. Recognising the need for consistency, I led the creation of a robust design system to establish a reliable foundation for scalability and future improvements. By ensuring consistency in basic elements and fostering collaboration among team members, the design system not only addressed immediate issues but also set the stage for long-term success.

Key takeaways

Practical data influences the design

Real-world data guides the design, allowing for a more accurate understanding of user needs and behaviours. By working with actual data, the design adapted dynamically to real challenges and user preferences, resulting in a more practical and effective solution.

Efficiency with design system

A strong design system brought consistency and efficiency to the project. By providing standardised guidelines for visuals and elements, it ensured a unified look and sped up the design and development process. This systematic approach streamlined decision-making and implementation, resulting in a cohesive and visually appealing product.

Next steps

The upcoming enhancements for the app include introducing a dark mode and expanding features for improved user experience. Key areas of focus involve refining the UI through simplifying filters, reducing cognitive load, and standardising visual elements. Additional filters for versatile data comparison, like time of day and days of the week, will be integrated. Users' interest in comparing journeys across different days for performance insights will be facilitated. Furthermore, valuable data additions, such as overall journey time and clear explanations of calculations, will enhance users' understanding of their network.

Work

More projects

Person holding out an iPhone 14 and has the Snapper Top-up screen displayed with a red gradient background.

Snapper Mobile

Enhancing the mobile top-up experience.
On trip page for Mosaiq Go mobile app designed on an iPhone 14 device.

Mosaiq Go

Enhancing driver safety, experience and trip visibility.