Ongo: Simplifying dashboards for wellness professionals
COMPANY: Ongo ROLE: Product Design TOOLS: Figma, InVision
Ongo is a platform on which instructors can broadcast science-backed video programs to help users achieve their wellness goals, including improving sleep, gaining muscle, and building endurance.
Ongo is available for private wellness instructors to create content and attract subscribers, but current instructors didn’t didn’t have any way to monitor the data related to their programs and users. Our team was brought in to design their internal dashboard.
USER PAIN POINTS
Interviews with a variety of wellness instructors, personal trainers, life coaches, and meditation teachers revealed important learnings about their businesses, how they interact with clients, and the challenges they face using platforms such as Ongo. Here’s a persona I mocked up to summarize those learnings.
One of the first challenges I tackled was how to convey some key pieces of data: referrals and emotive ratings. Wellness instructors were itching to be able to track where their users were coming from, with referrals being a key metric for private instructors who often grew their base by word of mouth. Similarly, emotive ratings (how happy/sad/confident/nervous/etc. a user feels) were a key interest area among our instructors, as they didn’t want to simply put videos in front of their users and call it a day - they wanted to understand how users were engaging with their content, what content was working best, and how users felt after each session.
As with most new design efforts, I started by running a thorough competitive analysis on how similar apps and websites display and share such data, but there was no clear-cut answer.
Stepping back a bit, I decided to start from a theoretical foundation, and was able to dig up Dr. Andrew Abela's useful guide to common data visualizations which I shared with my group.
Looking back on the project now, I see a great benefit from both angles: looking at competitors and starting from the ground up with theory. Quick comparisons to competitors can often give you a gut-check on what works and what doesn’t, as well as give you fast and simple prototyping options for user tests, while theoretical foundations can give you assurance that the design you are pursuing is thoughtful, intentional, and the best option available.
As the project moved on, I worked on the demographics section of the dashboard, focusing on gender, age, and geographic location. I found this to be a particularly interesting challenge, since on the one hand, it is easy to think “oh, that’s easy, just throw a couple of bar graphs on the page and the data is there,” but on the other hand, it’s exciting to consider the nuances of balancing easy-to-understand with looks-beautiful-on-the-screen.
I found myself thinking about much more detailed questions before designing this section, including:
Would our wellness instructors get more benefit from seeing the trends in their user demographics, or a snapshot of the current mix?
How frequently would our users be looking at these graphs, and would that frequency change the level of detail needed?
What is the core user need/goal that these graphs are supporting?
Are these graphs the best use of the limited real estate on the page?
Were these graphs useful in isolation, or do they need other metrics for comparison?
How can we best utilize interaction and hover-states to add quick and targeted values?