Komodo's Analytics Dashboard

Overview

Komodo is a data-driven student wellbeing software, that is designed to empower schools to make positive and effective wellbeing interventions through data.

Based on post production data and user interviews, there were signs that the first version of the Analytics Dashboard was not meeting the needs of our users. For example, there was data showing decreasing visits to the Analytics Dashboard. Through the redesign, the Analytics Dashboard was able to increase page visits by 150% and attract new international clients from Dubai. The product has been awarded by GESS Education Award and has been named 1 of the top 50 best EdTech in Australia and NZ by HolonIQ for three consecutive years.

Role
Lead UX/UI Designer

Year
2022

Deliverables
User research

Flow diagram

UX design

Design system

Prototype

Komodo's Analytics Dashboard

Overview

Komodo is a data-driven student wellbeing software, that is designed to empower schools to make positive and effective wellbeing interventions through data.

Based on post production data and user interviews, there were signs that the first version of the Analytics Dashboard was not meeting the needs of our users. For example, there was data showing decreasing visits to the Analytics Dashboard. Through the redesign, the Analytics Dashboard was able to increase page visits by 150% and attract new international clients from Dubai. The product has been awarded by GESS Education Award and has been named 1 of the top 50 best EdTech in Australia and NZ by HolonIQ for three consecutive years.

Role
Lead UX/UI Designer

Year
2022

Deliverables
User research

Flow diagram

UX design

Design system

Prototype

Komodo's Analytics Dashboard

Overview

Komodo is a data-driven student wellbeing software, that is designed to empower schools to make positive and effective wellbeing interventions through data.

Based on post production data and user interviews, there were signs that the first version of the Analytics Dashboard was not meeting the needs of our users. For example, there was data showing decreasing visits to the Analytics Dashboard. Through the redesign, the Analytics Dashboard was able to increase page visits by 150% and attract new international clients from Dubai. The product has been awarded by GESS Education Award and has been named 1 of the top 50 best EdTech in Australia and NZ by HolonIQ for three consecutive years.

Role
Lead UX/UI Designer

Year
2022

Deliverables
User research

Flow diagram

UX design

Design system

Prototype

Design goals

Through analysis of stakeholder and customer feedback data, the Product Owner and I identified that the Analytics Dashboard was failing to deliver essential data that was crucial to our users. This was a huge problem to the business, because Komodo as a company is striving to become a leading provider of student wellbeing analytics. The goal of this project was to improve the user experience, enhance our clients understanding of their school’s wellbeing, and increase the use of the Analytics Dashboard.

Target User
School teaching staff
30 to 65 years old
Senior leadership
Housemasters

School psychologists

Design Criteria

Enhance data insights

Ease of use – All important data should be easily accessible and easy to understand

Increase usage of Analytics Dashboard

Approach

To get a better understanding of how to approach the redesign, I conducted usability tests, user interviews, and used data from Hotjar. Over a 2 week research sprint I conducted:

  • Data analytics

  • 5 in-depth interviews

  • 3 usability tests

Data from Hotjar showed these key insights below

Synthesising the research

A substantial volume of research data was gathered from user interviews, usability tests, and internal inputs from company stakeholders. The sales team, in-house psychologists, developers, and customer success lead all had their own insights and vision of what the Analytics Dashboard should be. For a long time they had a lot of data gathered from engaging with clients throughout the year.

I led an affinity diagram workshop to organise all the research data, to give everyone an equal voice, and help us align on business objectives and design solutions.

After refinement and duplicates removed, I moved the AD into Miro.

After refinement and duplicates removed, I moved the AD into Miro.

Key findings

The discovery uncovered three key insights that would become the foundations to ideating the redesign:

  • There was a need for deeper data insights without being too complex to understand. The dashboard should be flexible and easy to use, while providing a deeper level of information that empowers our users, and give them confidence in their analysis of the data.

  • Contextual data, particularly engagement data, emerged as a crucial component for our clients. They wanted to understand how the data was gathered and formed. This is because it helps them make informed decisions and optimise their school’s wellbeing strategies.

  • Our users wanted a convenient way to share their findings in a convenient format within their organisation, so they could bring it into discussion with their colleagues to highlight any key issues, and form wellbeing strategies.

To guide the solution ideations with a user-centric approach, I created Strategyzer's Value Proposition Canvas. Empathising with our users, I translated the key findings into JTBD.

Jobs to be done

"As a senior leader I want to see the state of my school’s wellbeing through the Analytics Dashboard. I want to be able to understand the reasons why the school’s wellbeing is doing good or bad, and what is contributing to the trend. I also want to be able to interpret metrics, key indicators and data easily and clearly so I am confident in analysis.

I also want to be able to share key findings within my school, so we can strategise and make data-driven decisions to improve the school’s wellbeing.”

Brainstorming features and design solutions

I led an ideation workshop with the product team with the focus of answering 3 key questions:

  • How do we provide deeper insights without making the dashboard more complex?

  • In what way could the redesign provide our users with more context and flexibility over their data?

  • How do we give our users a story behind their data?

With the use of sticky notes on a Miro board I brain stormed many different solution and feature ideas as to how I could create a redesign with the desired outcome. These were then refined into key solutions that would be the basis of the redesigns.

Different data journeys

I then mapped out the main journeys the users would go through to accomplish their goals to learn about their wellbeing, check-in and survey data.

After refinement and duplicates removed, I moved the AD into Miro.

Iteration through sketching

I sketched five different concepts based on the key solutions gathered from the discovery. I often use sketching as a tool as it is an efficient way to iterate multiple ideas and identify any problems early on. Here are some of the sketches.

Iteration through sketching

I sketched five different concepts based on the key solutions gathered from the discovery. I often use sketching as a tool as it is an efficient way to iterate multiple ideas and identify any problems early on. Here are some of the sketches.

Design solutions

The design solutions focused on providing users with a journey of their data through the use of progressive disclosure and providing breakdowns. This gave our clients control and a story behind their data. They would be able to highlight important wellbeing trends, and have a more comprehensive understanding of their school wellbeing. The designs were tested and refined through user testing with prototypes.

Improvements in the redesign

The redesigns focused on enhancing the layout and providing our clients with the right level of data through different disclosure stages. This empowered our users to recognise pertinent information quickly and then dive deeper into the data if they needed to. To achieve the effect of a data journey, users had access to a breakdown section that provided context to the data they were looking at. Some of these improvements in the redesign can be seen below.

Measuring success

The release of the redesigns had very positive responses from our users. We had a lot positive feedback, saw an increase in time spent on the Analytics Dashboard (the users had more reasons to stick around), and users were discovering new insights from their data. The success of the redesign were measured with:

  1. Usability testing: Allowed me to observe how users interacted with the redesign. I was able to gather valuable insight into our users' overall satisfaction, identify any usability issues, validate design decisions, and ensure the new Analytics Dashboard was meeting the expectations of our users.

  2. Data analytics: Hotjar played a crucial role in understanding the quantitative aspects of user engagement, by analysing metrics such as bounce rate, page views, time spent on page, and conversion rates.

  3. Stakeholder feedback: Vital in assessing the alignment of our product with business objectives. By actively seeking feedback from stakeholders I was able to gain insight to whether their KPIs and business objectives were being met through the redesign.

Komodo's global impact

In the past year, Komodo experienced a surge and record high in data input as more international schools were onboarded. In 2023, our Data Analytics processed data from 467,000 surveys spanning across 18 countries.

With the redesign, our clients are now able to maintain a consistent understanding of wellbeing trends of their school. For example, as per data regardless of age many students across the world are struggling with quality of sleep. Our data analytics have been able to identify a direct relationship between sleep and academic engagement. These kind of insights have proved to be useful to our users, as they are then able to tailor their strategies and initiatives in supporting sleep hygiene.

The positive impact Komodo has been making on schools can be seen. Recently, GEMS Metropole School, Al Waha created a display board about Komodo. Their students wrote about the importance of wellbeing with using references from the new Analytics Dashboard.

This has been one of the most rewarding projects I have worked on, as it was solving real-world human problems with a real positive impact. I hope to have the privilege to work on another project like this again soon!

Komodo's global impact

In the past year, Komodo experienced a surge and record high in data input as more international schools were onboarded. In 2023, our Data Analytics processed data from 467,000 surveys spanning across 18 countries.

With the redesign, our clients are now able to maintain a consistent understanding of wellbeing trends of their school. For example, as per data regardless of age many students across the world are struggling with quality of sleep. Our data analytics have been able to identify a direct relationship between sleep and academic engagement. These kind of insights have proved to be useful to our users, as they are then able to tailor their strategies and initiatives in supporting sleep hygiene.

The positive impact Komodo has been making on schools can be seen. Recently, GEMS Metropole School, Al Waha created a display board about Komodo. Their students wrote about the importance of wellbeing while using references from the new Analytics Dashboard.

This has been one of the most rewarding projects I have worked on, as it was solving real-world human problems that is making a real positive impact. I hope to have the privilege to work on another project like this again soon!

Sang Woo Moon

Sang Woo Moon

Sang Woo Moon