Redesigning an event live broadcasts and results service for athletes' relatives and friends
Category
Web Service Redesign
Role
Product Designer
YEar
2022
In this project, I aimed to update the user interface of an existing service that provides live results for sports events. The target audience of the service is the relatives and friends of athletes who are participating in the event. As most users access the service through their mobile phones, the primary focus was on the mobile version of the service.
To identify user issues, I used quantitative research methods. I analyzed 50 user interaction sessions with the service using webvisor, focusing on 70% of mobile interactions and 30% of desktop interactions since the majority of visits come from mobile phones. Additionally, we analyzed the click map of the service and conducted a customer journey map (CJM) to understand user touchpoints and the success metrics for the redesign.
Based on my research, the following issues were identified:
68% of users use search to find a specific user in the race table
86% of mobile users look at the detailed results page for a particular participant
37% of users on cell phones compare the results of the selected competitor with those ahead and behind, as well as with the race leaders, by scrolling vertically through the competitor table to do so
16% of users use filtering. Of these, 75% cannot correctly filter the participants by gender and age category the first time
Switching to the page broadcast of the event is done either through links from social networks or through a link from the event card on the page of the list of events
28% of users go to other event broadcasts, but 100% of them soon return to the originally selected event page
18% of users add participants to the "Follow" section and track their results there
Switching to the page broadcast of the event is done either through links from social networks or through a link from the event card on the page of the list of events
Switching to the page broadcast of the event is done either through links from social networks or through a link from the event card on the page of the list of events.
Additional problems identified:
In the "Follow" list, to add an attendee, you always have to go back to the attendee table page
Unable to share a specific competitor's result
Switching between races is done using tabs, which is inconvenient when there are more than 4–5 races at an event and the races have long names. In such cases, tabs are arranged in several rows
Regardless of the filters applied, a participant's place in the overall standings is always displayed. In this case, users must manually calculate the participant's place in the gender and division
Due to technical limitations, users do not understand which stage the participant is on at the moment. Whether the race is over or still in progress. The Live broadcast page looks very static.
To address these issues, I redesigned the Live broadcast list page, the Broadcast page, and the Detailed results page.
On the Live broadcast list page, I removed the Select with the list of live events and added a separate page with a list of current broadcasts as well as access to upcoming events and results of past events.
On the Broadcast page, I made "Search" the main action and added basic information about the event. I also added a brief view for participants and their results, with the option to switch to the full view, and split the filter by gender and division category into two separate filters.
I included a feature that adds dynamics to the broadcast. This feature displays a ring around the avatar of each competitor to show their progress in the race. Avatars of finished participants are highlighted in green, while those who are still on the distance are highlighted in red.
To further enhance the viewing experience, I added a status bar that displays statistics on the race and how long it has been going on. This addition provides viewers with important information and a better understanding of the race's progress.
In the "Follow" section, I changed the display in the list of tracked athletes so that users can compare athletes with each other. I also added the ability to add athletes to the tracking list through participant search.
On the Detailed results page, I added all the information about a particular athlete, including their current position on the course, their progress, and their predicted finish time.
Overall, the redesign addressed the identified user issues and made the service more user-friendly. The Live broadcast page became more dynamic, and the Broadcast and Detailed results pages provided users with more information about the athletes. The changes to the "Follow" section made it easier for users to track athletes, and the split filter improved the accuracy of participant filtering.
Also, check other projects
