<- Back

Designing Features for Dynasty Fantasy Football Managers

Sleeper, UX/UI Design

Role:

UX/UI Designer

Tools:

Figma, After Effects, FigJam

Project Duration:

3 Weeks

Summary:

I created UX design features for the fantasy football platform Sleeper. My newly proposed features allow fantasy managers to consider player contracts when thinking about potential trade offers.

Overview

How can we give fantasy managers the proper tools for success?

Fantasy football players select their fantasy platform based off of function, features, and stability. After interviewing 7 participants, I learned that Sleeper has the best functionality but a cluttered UI and confusing information architecture.

The Problem

5 of my 7 participants mentioned how they couldn't navigate smoothly through the mobile app to get to their desired information.

Solution

Create important screens that show player contracts and improve the information architecture of previously used opponent lineups.

User Interviews

To start this project, I interviewed five users to learn what they like and dislike about the Sleeper platform and app.

1:1 Objectives

• Understand the needs and frustrations of users
• Learn the daily task flows that users on the app go through
• Discover the thought process of people planning out player trades

Findings and Insights

Overall, users struggle with planning for the future and figuring out which players to trade for.

User Interview Affinity Map

With each major insight on a sticky note, I grouped the insights by discussion question and topic. The following insights were:

It’s hard to figure out how many years are left on players contracts. It would be nice to have that info and how much money is left.

- Participant R.S.
I want detailed information and stats that help me think about trades critically. Doesn’t matter if its brief or long, I just want tools that are well designed visually and easy to read to comprehend.

- Participant R.K.
My expectation of buttons don't work as intended. If I click on the "see more button" next to a player performance, I’m expecting to see the entire team’s stat lines of that particular game, not a list of previous performances.

- Participant M.F.

Ideation and Design

I created diagrams that successfully explain the flow and structure of Sleeper's mobile app.

Information Architecture

One crucial piece of information I learned from user interviews was that some users discovered app functionalities by accident after misclicking. The match tab's head-to-head page contained redundant information. I changed the app's information architecture to help put information in the proper places.

Testing Early Concept Mockups with User Testers

I discovered that while my ideas were useful, they needed to be expanded upon during my in-person and Zoom 1:1 usability tests. The usability test revealed users wanted a separate section specifically for displaying contract details. Users desire both detailed screens and information that is easy to scan.

1
All the people in my leagues do not use the history section. It would be cool to see more in-depth information of the player's contract in that area instead.

- Participant M.F.

High-Fidelity Prototypes

Re-iterating visual designs based off of insights I received during user testing.

In addition to the "years left" information, I created a section that shows future contract years and income. With this data, fantasy managers may assess a player's chance of transferring teams and decide whether to go out and trade for them.

Analyzing a player's contract and salary

This new contract section allows fantasy managers to value trades based off of how many years are left on their current team.

Viewing an opponents previously used roster

Four participants struggled with determining what positions their opponent was lacking. My participants want to view their opponent's weekly lineups to figure out if they were subbing out players frequently.

Understanding your team's strength the rest of the season

All 7 of my participants wanted to have a feature that allows you to understand how strong your player's game schedule is.

Branding

I re-designed components and typography to keep the desktop and app consistent in style and design.

A common piece of feedback I received during my user interviews was that the desktop version of Sleeper was vastly different from the mobile app. To combat this issue, I created a style guide that would ensure consist design style throughout all Sleeper versions.

Reflection and Next Steps

My projects are always constantly improving user needs and the job's not finished.

One important lesson I took away was that not every participant had the same needs. Every person has app features that they didn't utilize. Talking with participants and getting their opinions on a fascinating topic that we all enjoy discussing was the most enjoyable aspect of this project.

Using my current designs, I will conduct another round of usability testing as my next project phase. The reason why fantasy football is so popular is because of its communication aspect, which is why I'm also considering integrating community features into my current features.