Leagues Leaderboard UI/UX : New Feature
2018 | ISLE OF MAN
Brief
To design a New and Premium feature called Leagues leaderboard that would replace the existing global leaderboard.
To design exclusive collectibles or items which players will compete. Exclusive Badges designs to be awarded to players.
My Role
UI/UX (Product) Designer
I was responsible for the app's New feature called Leagues Leaderboard and it's full development cycle, from initial ideas to final mock-ups and prototypes and launch to see it very successful.
Other team members:
1 Graphic Designer
Final Design
Leagues UX metrics and ROI
There was an uptick of 30% more leaderboards interaction and our ARPDAU increased subsequently through the result of more players trying to get into the premium Leagues leaderboard.
By Launching a new feature like Leagues, there were immediate player engagement to climb up the leaderboard and try to get into premium leaderboard with exclusive items for the players which they could showcase on the game table thereby increasing their value and popularity in the game.
Design Process
Leagues sketches and initial concepts
Leagues was entirely new feature for PokerStars Play mobile app. It was supposed to be large feature for existing and new players alike. Therefore, it had to be crafted very well starting with sketches
Leagues initial wireframes
I created numerous animations of the user interface, produced to guide the developers in translating to code.
Leagues detailed wireframes
I created numerous animations of the user interface, produced to guide the developers in translating to code.
Problems
The text was not legible inside the Leaderboard list
User profile was not closely tied with the premium leaderboard
Global and Leagues leaderboard had to exist together. How to merge them as one?
My Solutions
List text size was increased for legibility. Gave enough padding to the list for breathing space.
User profile was brought closer to the top header so that it forms a consistent element in Leagues UI.
I problem solved with Sidebar tabs idea incorporated both leaderboards together.
Leagues UI - animations and interactions
Incorporating a new feature such as Leagues required visual guides throughout the gameplay to demonstrate how specific player interactions would be displayed at any given screen. This includes minor components like the chiclets as well as larger, layered elements like the transitions of leaderboard rows and columns.
Leagues UI - PokerStars premium Leaderboard
The idea was conceived for the addition of a superior ranking system named PokerStars League, allowing the inclusion of unique table items for players in this league.
Leagues feature Learnings
Getting existing users to switch to the new Leagues Leaderboard needed appealing visuals and features which I delivered with great user experience. Collectibles and Badges created with UI artist working together as a team made this into a great team work which we got it done in record 3 weeks from concept to completion.