[UX/UI] National Sports App UI Design

Project Overview

This app has been created to increase interest and engagement in national sports events. With a user-friendly design, users can quickly get information about sports events and athletes. Beyond just providing information, this app aims to create a community where users can connect with others who have similar interests. Going beyond simple information sharing, the app helps users enjoy the excitement of sports and share that joy with fellow fans.

Design Brief & Design Problems

• Design Brief:

  Develop an app that lets users easily find information about sports events and athletes while being part of a community to communicate with others.

• Design Problems:

  1. Limited knowledge about different sports and athletes.

  2. Not easy to find a complete overview of sports events.

  3. Challenges connecting with communities of like-minded people.

  4. Complicated processes, apart from searching, to enjoy sports directly.

Project Goals

• Provide an engaging experience for users.

• Deliver real-time information about events and athletes.

• Encourage users to actively participate and interact.

• Improve access to sports content and community.

Interview Insights

1. "There’s a lack of information about sports; I don’t know which matches are happening."

2. "I want to easily find information about my favourite athletes."

3. "I need a space to communicate with other sports fans."

4. "I want to know where I can watch the matches live."

5. "I want to learn more about the sports I enjoy."

6. "I’d like to play sports with others directly."

7. "I want to get a comprehensive view of national sports."

Many users want to learn more about the sports they enjoy, and some are interested in playing sports directly with others. Overall, users want a clear view of national sports.

Empathy Based on Interviews

• Information gap

• Player details

• Community connection

• Event accessibility

• Fan communication

• Engagement opportunities

• Sports knowledge

• Interest in sports

• Social interaction

• Real-time updates

• Discoverability

• Shared experiences

• Game schedules

• Lacking resources

• Curiosity about players

• Network with fans

User Stories & HMW 

• User Story 1: I want to know about various sports.
  HMW: How might we help users easily find information about different sports?

• User Story 2: I want to know more about my favourite athlete.
  HMW: How might we help users easily access information about their favourite athletes?

• User Story 3: I want to communicate with sports fans.
  HMW: How might we provide a space for users to connect with other fans?

• User Story 4: I want to know where to watch the matches.
  HMW: How might we make it easy for users to find match information?

User Scenarios 

1. User A opens the app and searches for their desired sports event, finding match schedules and details.

2. User B uses the AR camera feature to check information about their favourite athlete and shares it with friends on social media.

3. User C engages with the community feature to chat with other sports fans and finds someone to watch a match with.

Feature Based on Scenarios

1. Live Match, Information, and News Viewing: Supports users in easily finding information about sports events.

2. AR Camera Feature: Allows users to scan specific sports items and obtain relevant information.

3. Community Feature: Provides a space for users to communicate and share experiences with fellow sports fans.

Main Features

1. AR Camera feature allows users to get more information about the Sport (football in this case) and players. 

   

   
   

2. Encourage users to engage in activities that they want through the app.

   
   

   

Design Process

The process of building up from the first sketch to the final design

Sketch:

Wireframe:

Mid-fidelity:

I finished the mid-fidelity prototype and did user research.

User Research (Brief summaries of 3 scenarios)

1. Scenario 1: User A easily found the next match for their favourite sports team using the app.

2. Scenario 2: User B discovered athlete information through the AR feature and found a related community.

3. Scenario 3: User C used the community feature to chat with other fans and found someone to watch a match with.

Summary of findings from 3 participants:

• Completion Rate: High

• Error Rate: Low

After Research, I changed the design of one screen

High-fidelity:

Recommendations & Next Steps

• Recommendations:

  Based on user feedback, it is important to add features that maximise real-time information delivery and user engagement.

• Next Steps:

  After analysing the data collected from user interviews, proceed with prototype development and user testing to enhance functionalities.