Product Designer - Web & Mobile

Fantasy Sports Live Dashboard: A Game-Changing Experience

Fantasy Sports Live Dashboard: A Game-Changing Experience
Skill(s)
User Research, Market Research/Strategies, Product Thinking, UI/UX Design & Prototyping
Role
Junior UX Designer
Duration
1 Month
Company
Bettle

Project Objective

The objective was to create an engaging live dashboard that provides real-time updates and actionable insights for fantasy sports enthusiasts, allowing them to make quick, informed decisions during gameplay.

Challenge

Fantasy sports users often struggle to track live game data due to overwhelming information layouts, leading to slower decision-making. The challenge involved managing large volumes of real-time data while presenting it in a way that was intuitive, accessible, and digestible at a glance.

Process

  1. Research and Insights: Conducted interviews with heavy fantasy sports users to understand pain points and preferences. Users needed real-time updates on scores and player performances in an uncluttered format that allowed for quick decisions.
  2. Design Approach:
    • Customization: Enabled users to personalize their dashboards, with options to highlight players from their fantasy team.
    • Clear Visual Cues: Used color-coding, icons, and hierarchy to guide attention to critical stats and game events.
    • Simplicity: Organized data to prevent clutter, ensuring that primary information like scores and player stats was instantly accessible.
  3. Data Visualization Techniques:
    • Graphs and Charts: Used line graphs, charts, and illustrations to track team performance trends.
    • Color Coding: Applied team colors and indicators to show positive or negative performance trends.
    • Icons for Key Events: Added icons for goals, assists, and injuries to highlight major events quickly.
  4. Information Hierarchy:
    • Primary Information: Real-time scores, top player performances, and live game status.
    • Secondary Information: Detailed player stats, team standings, and historical data, organized in a way that minimized user effort.

Design Iterations and Pivots

  • Customization Options: To address diverse user needs, we iterated on dashboard customization, allowing users to spotlight their own fantasy team players. This “Favorite Players” feature became a pivotal aspect of the design, as it allowed users to access crucial stats relevant to their teams quickly.
  • Clear Visual Indicators: Initially, we explored complex data visualizations, but user feedback indicated that simpler, color-coded indicators (e.g., red for negative performance, green for positive) were more effective. We pivoted to use straightforward icons for key events like goals, assists, and injuries, ensuring these moments were digestible at a glance.
  • Simplified Data Layers: Early versions included detailed player stats and team standings on a single screen, which users found overwhelming. Based on this feedback, we restructured the layout to separate primary information (scores, top performances) from secondary information (team standings, historical data), improving the overall usability.

Dashboard for Live NFL games

Dashboard for Live NBA games
Lessons Learned
  1. Visual Hierarchy for Real-Time Decision-Making: Working with real-time data taught me the importance of a clear visual hierarchy. Users need information structured so they can make split-second decisions, which required thoughtful prioritization of primary versus secondary data.
  2. Seamless Data Integration without Overload: Ensuring a balance between comprehensive data and simplicity was crucial. Presenting too much information at once led to cognitive overload, so I learned to lean on customization features, allowing users to personalize their dashboard based on preferred data points.
  3. Iterative Testing and User Feedback: Throughout the project, iterative testing emphasized the value of frequent user feedback in identifying pain points. Customizing dashboards for specific user needs (such as highlighting “Favorite Players”) proved essential for engagement, underscoring the importance of personalizing data-heavy dashboards.

Outcome

The redesigned dashboard was well-received, resulting in a 30% increase in user engagement time and 85% positive feedback from beta users. Users found the dashboard visually engaging and easy to navigate, leading to higher retention rates and increased platform usage.

Mobile Screens for Live NFL games

Mobile Screens for Live NBA games

Let’s make something together, say hi.