Sleeper, UX/UI Design
UX/UI Designer
Figma, After Effects, FigJam
3 Weeks
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.
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.
5 of my 7 participants mentioned how they couldn't navigate smoothly through the mobile app to get to their desired information.
Create important screens that show player contracts and improve the information architecture of previously used opponent lineups.
• 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
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.
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.
After I was satisfied with the way the content was organized, I considered how I wanted the user to utilize the app to achieve two key objectives: look up player information and view previously set opponent rosters.
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.
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.
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.
This new contract section allows fantasy managers to value trades based off of how many years are left on their current team.
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.
All 7 of my participants wanted to have a feature that allows you to understand how strong your player's game schedule is.
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.
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.