Ux/ui-Design

Skills.lab

The 320 m² world's most modern interactive high-tech training system for soccer players with 360° projection, ball machines and player and ball tracking. It enables clubs to track and improve the skills of their players. Germany's record champion FC Bayern Munich owns a skills.lab arena alongside other clubs.

UX and UI design for the HUD of the 360° projection in the arena as well as for the software to control the training facility.
(2015-2016, in house, Anton Paar Sportstec GmbH)

I helped the Anton Paar startup skills.lab to design the user experience of the interactive soccer simulator as well as the software for its control.

My tasks

// Conception and design of the 360° skills.lab Arena HUD 

// Conception and design of the web-based facility and training control system

// Usability Testing

// Close collaboration with the development team for faster iteration and testing
skillslab.jpg
Skillslab.jpg

Challenge

// No competition and reference products

// Complex technology in prototype state

// Low UX budget

// Intuitive presentation of training sequences for the active player on a 360° interface during fast-paced training exercises

Process

1. Research

1_Concepts copy 17.png

// Personas, user-scenarios and user-requirements

// Competitive analysis

// Comupter games analysis

4. User Testing

1_Concepts copy 13.png

// Monthly usability tests with local football players and trainers

2. Conceptphase

1_Concepts copy 15.png

// Testing hardware capabilities, performance and visbility for arena visuals

 

// Concepts and designs for arena management, training selection and data visualisation  

// Find external partner for 3d visuals in the arena

5. Final design

1_Concepts copy 12.png

// Continuous design improvement

// Adding new trainings

// Adding new trainings and new arena assets

3. Protoyping

1_Concepts copy 14.png

// Continuous testing and improvments of arena mockups and training software interaction concepts and design

6. Dev-Specs

1_Concepts copy 16.png

// Continuous dev support, testing and design reviews

The biggest challenge for everyone involved in the project was that no one had experience with this kind of complex technology. Individual parts of the system were constantly being added, removed or changed. The biggest challenge for me as a UX designer was designing the arena graphics and animations. Since players had to focus on the ball and the targets, the HUD couldn't be distracting, but it had to clearly communicate the next training task to the player at all times during the stressful and fast-paced training exercises. We approached this using the Lean UX principle of Build-Measure-Learn in rapid iterations. 
A typical day would look like us adjusting assets, animations or timings, putting on soccer boots, testing the training, and immediately making new adjustments. Once a month, external test users were brought in to evaluate progress.
Another challenge was the low UX budget, which is mainly reflected in the rudimentary design of the control software, as most of the attention was devoted to the Arena HUD. 
Skill3.png
Skill2.png
Skill1.png

Conclusion

The project was very frustrating over long periods due to the often poorly functioning prototype hardware and the low UX budget. Much more would have been possible, especially in the area of UX/UI design. Nevertheless, as a passionate soccer player, I was happy to work on this project. The application of the Lean-UX design approach with the focus on quick small experiments was very successful.