UX/UI Design: Playyon Tournaments
PlayyOn.com is a sports management website that needed a new league tournament generator and scheduler. My team of UX & UI designers worked with them to design the functionality and visual design for this new feature for both desktop and mobile.
Research
We conducted a number of interviews with people active in sports administration to gain insight into our potential users. Affinity diagrams were a great way to sort user research and look for trends. We found that communicating schedule changes during a tournament was an important concern for most users we interviews.
An affinity diagram in progress during our user research.
From our research findings we constructed a persona to represent our primary target user. "Dave Olson" is responsible for recruiting teams, matching the teams based on skill level, and accommodating individual teams' scheduling needs when necessary.
Without the PlayyOn tournament feature, he does this manually by email or social media to communicate with teams, then uses an excel spreadsheet to create the tournament schedule. This method is tedious and time consuming, and the PlayyOn tournament feature is going to be an all-in-one platform that will easily generate and communicate schedule for him.
Our primary persona
Planning
Our users valued being able to keep stats up-to-date as quickly and easily as possible. Our design included functionality for live scorekeeping at games during a tournament. We including an automatic alert to administrators if they were needed to resolve score disputes.
Two sections of the site map for the new tournament feature.
Design
We researched the most common tournament structures for team sports and made sure our design would accommodate the vast majority. And at the same time we wanted to keep it simple enough to be used easily on mobile devices.
Paper wireframe of tournament creation process.
High fidelity prototype of the tournament creation process on mobile.
Tournament bracket creation on desktop.
Game score entry on mobile.