NBC Olympics - Beijing
Problem: NBC Olympics needs a video player feature for users to choose event video feeds from both men and women’s live events broadcasted from Beijing China.
Overview:
NBC Olympics aims to provide viewers with an immersive and comprehensive experience by offering a video streaming module integrated with real-time scorekeeping for all Olympic sports, categorized by gender. This module will be accessible through the NBC Olympics Dashboard, hosted on the NBC Olympics Portal (nbcolympics.com). The enhancement includes user experience (UX) improvements and the implementation of a design system to ensure consistency and usability across the platform.
User Persona:
Alex is a sports enthusiast who wants to stay updated on all Olympic events, including live streams and current scores. As a frequent user of the NBC Olympics platform, Alex values easy navigation and access to a wide range of content.
User Flow:
1. Accessing the NBC Olympics Dashboard:
- Alex visits nbcolympics.com and navigates to the NBC Olympics Dashboard, where a comprehensive overview of all Olympic sports and events is available.
2. Selecting Video Streaming with Scorekeeping:
- Alex chooses the "Video Streaming" option from the dashboard menu, which directs them to the dedicated video streaming module with integrated scorekeeping functionality.
3. Browsing Sports by Gender:
- Within the video streaming module, Alex can browse Olympic sports categorized by gender (e.g., male and female divisions).
- Each category provides a list of available sports, such as swimming, gymnastics, track and field, and basketball, with live streaming options and current scores displayed.
4. Watching Live Streams:
- Alex selects a specific sport and gender category, such as "Men's Basketball," to access live streams of ongoing matches or events.
- The video player offers high-quality streaming with options for full-screen viewing and playback controls.
5. Viewing Real-time Scorekeeping:
- While watching the live stream, Alex can view real-time updates of scores, standings, and statistics displayed alongside the video player.
- The scorekeeping interface highlights key moments, such as goals, touchdowns, or record-breaking performances, enhancing the viewing experience.
6. Exploring Additional Content:
- Alex has the option to switch between different sports and gender categories, exploring a diverse range of Olympic events and streams.
- The dashboard also provides supplementary content, including athlete profiles, interviews, highlights, and analysis, enriching the overall viewing experience.
UX Enhancements:
- Intuitive Navigation: The NBC Olympics Dashboard features a user-friendly interface with clear navigation menus and intuitive search functionality, allowing users to find and access desired content effortlessly.
- LIVE Scorekeeping: The scorekeeping interface offers interactive elements, such as live updates, leaderboards, and event timelines, providing viewers with real-time insights into the progress of each sporting event.
- Personalization Options: Users can customize their viewing experience by selecting favorite sports, setting notifications for upcoming events, and saving preferred content for quick access.
Design System Deliverables:
1. Component Library:
- A comprehensive library of UI components, including video players, scoreboards, navigation menus, and interactive elements, ensures consistency in design and functionality throughout the NBC Olympics Dashboard.
2. Visual Guidelines:
- Defined color schemes, typography styles, and iconography maintain visual coherence and align with NBC Olympics branding, enhancing brand recognition and user engagement.
3. Responsive Layouts:
- Design guidelines prioritize responsiveness, ensuring that the dashboard adapts seamlessly to various screen sizes and devices, including desktops, tablets, and mobile phones, for optimal viewing experiences.
4. Accessibility Features:
- The design system incorporates accessibility features, such as keyboard navigation, screen reader compatibility, and text contrast adjustments, to ensure inclusive access for users with diverse needs and abilities.
Outcome:
By integrating video streaming with real-time scorekeeping into the NBC Olympics Dashboard, NBC Olympics provides viewers like Alex with a captivating and immersive experience that enables them to stay informed and engaged with all Olympic events. The enhanced UX features and robust design system contribute to a seamless and enjoyable user experience, fostering increased viewership and audience satisfaction during the Olympic Games.