- User Experience Design
- UI Design
- User Research and Personas
Easy streak is a gaming app that offers sports fans a platform to compete in daily sport contests/pools where they are able to select the winning teams of NBA, NHL, MLB, NFL and MLS games to win cash prizes. The platform allows users to select teams in a “pick’em” format instead of selecting against a spread or betting on the money line. For more information, visit the Easy Streak website.
Project Scope & Goals I was connected with the founder of Easy Streak to redesign the user interface, visual design and improve the overall user experience of the gaming app.
The app redesign aims to achieve two main goals: increase the user adoption rate and provide a trustworthy and valuable experience for users.
Research In order to tackle this project, I had to first research and figure out the answers to the following questions:
- Who are the users and what are their priorities when using this product?
- What are the use cases of this product?
- What are the opportunities for design enhancements related to product desirability (utility, usability, and delight)?
I worked closely with the founder and stakeholders to understand their goals and directions and also conducted phone interviews with real users that are currently using the app.
15 participants were interviewed to yield the following information:
- The average age of users are 20-37 years old.
- Users are sports fans and have participated in or have knowledge of fantasy sports. However, these users have moved away from fantasy sports because it takes too much time and commitment and may not be able to have any winnings.
- On average, users prefer to use a platform that is easy to navigate without any complexities and enjoys the overall scope of choosing teams instead of players.
- Users are motivated to use the app to win cash prizes, enhanced game experience, and to test whether they know which team will win
- Would like to see more transparency between the scores (ie show tie breaker score) and also have updated scores in real time instead of just the final scores after all games have finished.
- Users spend approximately 10-20 minutes to research sport teams and current news
- On average, users may use app twice a day to find out scores and select teams in contests.
- Users enjoy interacting with a simple interface that can display more games and a more streamline process when selecting teams.
- More gaming options (instead of just picking teams) may increase engagement rate of using app.
Note: Selected participants are a mix of try-outs (free), semi-pro and premium subscribers.
UX Strategy Based on research findings and from user interviews, I then created a sitemap to show the relationship between features and the touch points for the users.
Working from the structure of the site map, I began the design process with a user flow and wireframe sketches. I worked with the client for feedback on the design and iterated along the way.
User Flow Task: Join a free contest and select teams
Previous DesignBelow are a few snippets of Easy Streak's previous design.
UI redesign includes the following elements:
- Simplifying the interface and improve navigation
- Streamlining the process to enter a contest
- Make call to actions (CTAs) more prominent
- Incorporate consistent and easy to understand logos
- Consistent visual design throughout the app
Prototype and Test I also conducted usability testing on 6 users through a clickable prototype created through Invision. The participants understood the navigation, layout and picked up on most functions and features. However, some participants were confused with the wording of certain toggle headings so iterations were made to provide clarity. In addition, info buttons were added to specific screens to further explain processes for users should they need it without having to click to another screen.
Final Design Below are snippets of the final interface design screens.
ColorsFor the color palette, I stuck with the original brand colors (green, black, light gray) and incorporated the colors of orange and blue to bring the visual design together.