How to make the best user experience for an esports prediction & fantasy platform!

UX insights on the future herosphere.gg

herosphere.gg is an active free-to-play prediction & fantasy platform, offering 4 different esports games. Soon all pay-to-play contests will be on the Blockchain by integrating HEROcoin — an ERC20 token & decentralized solution for all kinds of igaming purposes.

Gabriel, Lead UI/UX designer for herosphere.gg

The implementation is already in closed beta, organised in waves (read more here>>) and our lead designer Gabriel will give you an insight on the user learnings and strategic changes:

During our beta waves on herosphere.gg we made preparations to capture all the user feedback we were going to receive. It has since been catalogued, prioritised and fed into our work methodology (scrum system). Much of the user critique was related to the overall experience on herosphere.gg, specifically contest search and contest participation.

Beginning with a detailed analysis of your user flows

herosphere.gg user flow chart

This is why we started with creating a flowchart of our entire site. This meant listing every page, all possible user actions on those individual pages and how those relate to one another. The result was a birds eye view that gave us the site at a glance with all possible user interactions.

Which we further broke down into linear actions the user could take (task flow) and varied actions (user flow).

After this was done, it was off to the drawing board. We took a big step back and during group brainstorms, asked ourselves many questions, such as

Are there unnecessary elements on the site?

What should be consolidated or simplified?

What are the major upcoming features that will need to be integrated?

How and where are they best integrated?

The questions lead to a clearer picture and adjustments to the flowchart to enhance the user experience.

Enhanced user flow herosphere.gg

While many aspects were improved, we continue adhering to regulatory requirements, such as in the identity verification process. This does impose some unfortunate UX drawbacks, but we worked and continue to work hard on finding creative solutions to smooth out the bumps for our users.

Finding the pain-point and working from there

Given that a large portion of our beta user feedback was about the contests, we decided an entire overhaul was necessary. Our approach was to develop multiple prototypes alongside each other and ultimately distill the best functions and elements into one ultimate contest user experience. Much of the focus was put on the following features

Contest display & overview

Contest search

Contest speed and FUN (short game loops, consolidated on one page, visualised details on the match (tournament bracket, map, etc)

Enhancing social aspects on the platform (inviting friends, adding a contextual chat)

We worked on two separate prototypes simultaneously, both trying to capture the above mentioned features.