Fitness Dashboards
REDESIGNING FITNESS PRODUCT’S DASHBOARDS TO BE A PERSONALIZED & USER-FRIENDLY HUB
5 MINS READ
⁕ Prelude
MEDIUM
Figma
ROLE
Content, Visual Design, UX|UI, Information Architecture
PROJECT TIMEFRAME
Two Quarters
Silver&Fit is a premier health and wellness program designed to support seniors in achieving their fitness and lifestyle goals and tackle the social isolation epidemic that is teeming in this population.
Silver&Fit is driven by an extensive content library, offering self-guided exercise videos and workout plans, virtual and in-person events, and thousands of articles, videos, and other resources curated for a mature stage of life. The program also extends beyond digital products, with popular Home Fitness Kits and discounted Gym memberships.
The Challenge
Despite its robust offerings, the current user experience and content delivery model face several challenges:
Disconnected Content:
Many users struggle to understand how to use their Home Fitness Kits effectively. The absence of clear digital content integration leaves members feeling unsupported after receiving their kits, diminishing the perceived value of these offerings.
Missed Opportunities with Nutrition and Sleep Content:
As trends like weight-loss medications gain traction, users increasingly seek guidance on topics like nutrition and sleep. However, this content is buried within the platform, failing to capitalize on user interest.
Low Virtual Event Attendance:
Virtual events hosted on Zoom are underutilized due to limited visibility on the platform. Members often remain unaware of upcoming sessions, leading to low engagement and attendance.
Lack of Personalization:
The platform does not adapt to individual user preferences, history, or goals. Members receive generic recommendations rather than tailored content based on their questionnaire responses, activity, or purchased items like home kits. This reduces the platform’s ability to engage users meaningfully and meet their specific needs.
⁕ Research
To begin, I set objectives for the research portion of this project. My goals were to understand common challenges people face while trying to manage a busy schedule and advance their music careers and to identify frustrations people experience during the process of tracking data correlated to their music career’s growth.
The User
I conducted interviews and created empathy maps to understand the users I was designing for and their needs. A primary user group identified through research was independent musicians who didn’t have time to track important data relevant to their band’s growth.
This user group confirmed initial assumptions about potential users of Musician Manager, but research also revealed that time was not the only factor limiting users from tracking this data on their own.
Other user problems included obligations, interests, or challenges that make it difficult to collect, organize, and interpret data.
Pain Points
Three major pain points identified that needed to be addressed to make this project successful were:
Time: Independent musicians are too busy to consistently spend time collecting, organizing, and comprehending data themselves.
Information Architecture: Text-heavy and data-dense platforms yield frustration by being difficult to read, making it hard to accurately collect data.
Visual Design: Lack of visual elements creates a disconnect when interpreting data results.
⁕ Competitive Audit
My findings can be summarized as follows: Some gaps identified in competitor products are that they rely on social and streaming data, which means tracking revenue, like album sales, merchandise, ticket sales, etc., is not available. Earning money is important to artists developing a career in music, so this seems like a great opportunity to expand on.
Competitor products also often provide a limited number of accessibility features and the way data is organized in competitors’ products isn’t user-friendly. Furthermore, competitors lack a quick way for musicians “on-the-go” to review important metrics. Overview home pages are typically not very relevant or take a long time to go through.
Opportunities
Through these gaps, some valuable opportunities were discovered. First, to include a “Sales” section that specifically displays metrics related to earnings.
Display RIAA album sales data, allows users to connect their TicketMaster, StubHub, SeatGeek, etc. accounts to keep track of concert ticket sales, see gains from streaming services (YouTube, Spotify, etc.), and incorporate the ability to link merchandise websites.
In addition, integrate the app with voice assistive technologies, make it compatible with screen readers, add the ability to change language, add the option to enlarge text, and make sure to use visual elements when applicable.
Finally, creating clear and straightforward menus and tabs so the user can easily find the specific metric they want, as well as a customizable home page that shows a basic overview of “starred” metrics that the artist wants to see upon logging in would be beneficial.
⁕ Wireframing & Low-Fi Prototypes
I thought about the different ways people navigate, familiarized myself with these “modes of transportation” through the detailed competitive analysis, and then created versions of these concepts. I also took some time to create a user journey map and a user persona to drive the design-thinking process. Did you know that 80% of all millennials have student debt? Ouch.
⁕ Wireframing & Low-Fi Prototypes
Deciding on this design came down to a mixture of interaction and visual design. One thing became apparent when wireframing—cards were the way to go. Endless scrolling to get to solutions was not an effective way to relay important information to users. However, the right card design was going to be a challenge. Vertical formatting ended up feeling heavily misaligned with the text being left aligned and the image being centered. Keeping all the content within the card additionally left users (and myself) struggling to understand the hierarchy of information.
So, with the help and feedback of my colleagues, a compromise was made. Keep the card format, but only have the image encompassed in the boundaries of the card itself, and arrange the UX text underneath. This made for an immensely clean, modern, and user-friendly design. I also ensured that users were offered an “eject button” that would navigate the user to another screen that shows all the categories of products.
⁕ Conclusion
The Musician Manager case study embarked on a journey to address the challenges faced by independent musicians seeking to monitor their growth and revenue data while managing demanding schedules and evolving music careers. Through a comprehensive user-centered design process, we set out to create a user-friendly solution that addresses the pain points related to time constraints, information architecture, and visual design.
Key findings from the usability study informed our next steps in the design and development process. Participants praised the straightforward registration process and the clarity of the "Growth Dashboard." However, challenges emerged in connecting social media accounts, indicating the need for more guidance. The data visualization feature received positive feedback for its potential to improve data comprehension, while the reminder feature was generally well-received.
The study also revealed users' expectations for more comprehensive help and support resources within the platform.
In conclusion, the Musician Manager project represents a significant step towards empowering independent musicians with the tools they need to effectively manage their data in the digital age. By recognizing the nuances of their challenges and iterating on the prototype, we aim to create a final product that simplifies data tracking, enhances data visualization, and eases the burdens associated with growing a music career.
The insights gathered from the user research and usability study have proven invaluable in guiding our design and development efforts. As we continue to refine Musician Manager, our commitment to addressing the needs and frustrations of our users remains unwavering. This case study has provided a foundation for a product that promises to revolutionize the way independent musicians interact with and understand their growth and revenue data, ultimately empowering them to take control of their music careers in the digital age.
⁕ Usability Study
I recruited five participants who fit the profile of independent musicians. Participants were informed that they would be interacting with a low-fidelity prototype and providing feedback on its usability.
Participants were asked to complete a series of tasks using the low-fidelity prototype. Each task was designed to test specific features and functionalities of the Musician Manager application. During the tasks, participants were encouraged to think aloud, providing feedback as they progressed. After completing the tasks, participants were asked a series of open-ended questions to gather their overall impressions and suggestions for improvement.
Tasks
Registration: Create a new account on Musician Manager and provide feedback on the registration process.
Linking Accounts: Connect your Spotify and Facebook accounts to Musician Manager. Share your thoughts on the process.
Viewing Growth Data: Explore the "Growth Dashboard" to view your follower count on Spotify and Facebook. Comment on the ease of finding this information.
Revenue Tracking: Add a source of revenue (e.g., concert ticket sales) to the platform. Describe any difficulties you encountered during this process.
Data Analysis: Interact with the data visualization feature. Try to understand what your growth and revenue data is telling you. Share your experience.
Setting Reminders: Set a reminder to check your data every week. Comment on the usability of this feature.
Help and Support: If you encounter any issues, try to find help or support within the platform. Provide feedback on the accessibility of help resources.
Post-Task Questions
What did you find most challenging while using Musician Manager?
What aspects of the prototype worked well for you?
How does Musician Manager compare to your current methods of tracking data for your music career?
Were there any features or functionalities you expected to find in the prototype but did not? Please elaborate.
Can you suggest any improvements to the visual design of the prototype?
Do you feel that Musician Manager addresses the pain points you face as an independent musician trying to track growth and revenue data?
Feedback & Observations
Participants found the registration process straightforward and easy to follow.
Most participants encountered challenges when trying to connect their social media accounts to Musician Manager, highlighting the need for clearer instructions.
Users appreciated the simplicity and clarity of the "Growth Dashboard."
Data visualization received positive feedback for its potential to help musicians understand their data better.
The reminder feature was generally well-received.
Participants expected more comprehensive help and support resources.
Iterations
Based on this feedback, I made necessary improvements to the low-fidelity prototype, focusing on enhancing the onboarding process and providing more guidance for linking accounts. Further iterations addressed the need for additional support resources.