Headquarters System for National Sports Training Center

A headquarters system for national sports players providing data-informed strategies.

Summary

- Assisted National Sports Training Center in completing end-to-end user experience for their B2B product, from wireframing to delivering high-fidelity designs.
- Apply tree-jack testing, user-interview, and usability tests to ensure Information Architecture is easy for users to find information. We passed WCAG to improve accessibility.
- Inform design decisions based on real user feedback during the interviews with national sports players, coaches, and data analysts to help them win the international competition with clear graphs in the system.

My Roles
User Experience Designer
Company info
National Sports Training Center
Sports Tech
Enterprise
Project Attribute
Integrated several old product and added new features
Timeline
Consultant, 2023.04 - now

Design Process

01 Exploration

- Immersive research
- Stakeholder interviews
- Competitive analysis-
Tree-jack testing for 3+ users

02 Ideation

- Utilize Job-To-Be-Done to deconstruct user tasks and plan the information architecture
- Transform the finalized information architecture and webpage sections into wireframes
- Develop mockups and prototypes, conducting expert interviews to gather feedback
- WCAG color testing

03 Validation and Feedback

- Conduct usability testing with 5+ different roles
- Use prototypes and task design to collect Think-Aloud feedback from end-users for design optimization

Introduction

The National Sports Training Center of the Taiwan serves as the primary training base for athletes of the national sports representative team. The headquarters system of the National Training Center is designed to provide secure and real-time data analysis and integration services for members of the national representative team, including coaches, athletes, sports science personnel, and intelligence gatherers. This system allows for the integration of information related to future Olympic events and team members, providing clear and real-time operational charts for relevant professionals as a scientific reference.

01 Exploration

Field Research

Due to the need for real-time strategic analysis and recording of sports events, which are highly influenced by the environment, we not only rely on situational photos provided by professional sports science personnel but also conduct on-site observations during the events. We have also applied to enter the strategic analysis room for on-site research.

Field Research

Stakeholder Interviews

After physically visiting the event venue, we conducted interviews with stakeholders in various roles, including data collection personnel, biomechanics testing personnel, and national team coaches. From the interview results, we obtained three important insights.Insight 1: Security and Privacy IssueStakeholders in different roles expressed concerns about cybersecurity and the potential compromise of their strategic analysis in the information system.Insight 2: Mobility and Internet InterruptionData collection personnel and sports science personnel mentioned the need to travel to various competitions worldwide, such as the Hangzhou Asian Games in October 2023. They shared experiences of analyzing data in countries with poor internet connectivity, emphasizing the importance of storing files on stable desktops to prevent information loss.Insight 3: Statics Integration ProcessAll stakeholders mentioned that the current data is scattered across different systems. Some analyses heavily rely on intuition and lack long-term data observation.

Stakeholder Terrtory Map

Competitive Product Analysis

We collected information on products used by sports science personnel (based on NDA, so we cannot disclose specific names). Additionally, based on the three major pain points identified through interviews, we compared and referenced products that excel in chart display functionality and share permission design. Examples include Google Looker Studio, In-body APP, and Google Cloud.

02 Ideation

Utilize Job-To-Be-Done to Break Down User Tasks and Plan Information Architecture

Break down user tasks using the Job-To-Be-Done framework and plan the information architecture accordingly.

Transform the Defined Information Architecture and Web Blocks into Wireframes

Convert the finalized information architecture and web blocks into wireframes.Create Mockups and Prototypes for Expert Interviews to Collect Feedback

Build mockups and prototypes for expert interviews and gather feedback

Proposal 1: Sharing Privacy Management & Blacklist IP

We offer stringent sharing permission controls with clear indicators of who can currently access shared data. Additionally, we provide a feature to block blacklisted IPs and allow users to view their usage history in real-time to ensure the security of strategic information.

Proposal 2: Batch Uploading & RWD Friendly Table

To address potential data loss due to SAAS interruptions, our system allows users to batch upload complete data using local software such as Excel. Users can also modify uploaded data within the interface.

Proposal 3: Statistics & Data Visualization

Considering the need for creative exploration of trends in data analysis, we observed varied analysis methods among sports science personnel, lacking consistent reports. Drawing inspiration from the powerful yet simple data reporting features of Google Looker Studio, we provide analysts with the ability to quickly explore trends through several charts.WCAG Color Contrast TestingDuring interviews, we learned that the National Sports Center employs individuals with disabilities and staff from different nationalities. Therefore, our system is designed to support bilingualism and undergoes color contrast testing, ensuring that all individuals can enjoy equal work rights.

03 Validation and Feedback

Conducting Usability Testing with 5+ Different Roles

Utilizing prototypes and task design to collect Think-aloud feedback from end-users and benchmarking for design optimization.

Remotely doing usability test with users

Performing 3+ Tree-jack Tests for Information Architecture Validation

Conducting Tree-jack tests to validate information architecture and ensure that the new information structure is easily navigable for various personnel.

TreeJack Testing

Impact & Reflection

In progress, data and impact are still being collected.

- Information Architecture

Conducted 3 tree-jack tests and the success rate in completing the mission had been upgraded to 24%.

- Accessibility

Passed the WCAG criteria.

- Improve usability

Usability Testing & SUS Score