New Year, New You – why not try our new embeddable leaderboard theme “Marley”.
This is an embed theme that supports unlimited columns and metric sub groups. Perfect for those more sophisticated programs that need a bit more column space.
Creating a sophisticated division and team leaderboard structure on Rise is simple thanks to Rise’s Teams feature.
One Rise customer, a Learning Technology director within a large healthcare company, used Rise to track and enter scores for over 230 sales reps across the USA.
Each rep was part of a local team (Charlotte, Detroit, Chicago etc) and team scores were summarised in regional divisions such as “South East” and “Mid-West”.
The points methodology tracked 8 metrics (aka Scoring Algorithm) for each rep. The consolidation of points for each team meant that each rep’s activity contributed to the performance of their team, whether great or small.
The main leaderboard shown to reps was their division board. That got everyone focused on their team score and rank rather than individual scores.
Individual scores within each team were either totalled up (for some metrics) or averaged out (for other metrics) depending on the number of sellers in the team.
For those wanting to know more it was possible to drill down into the team scores to discover the contributions of each individual seller.
The results were then shown on a big screen monitor at the annual sales conference for the organisation.
As long as they were using the same score algorithm for each rep and team, Rise’s team feature made it easy to automate the production of division and team leaderboards. Then Rise’s distribution features – TV leaderboard, web widget, email and social media posting – helped spread the word about the sales contest.
Nothing is as fascinating for the leaderboard specialist as a general election when all the different media outlets showcase their preferred way to show the leaderboard of results as they are declared.
I’ve highlighted the different approaches the main media outlets used to show the election results as they happened.
BBC.co.uk
The well funded BBC has the greatest variety of leaderboard visualisations. From a standard leaderboard below, showing off party colours…
to a bar chart with a clear ‘goal line’ (Chuck Coonradt would be proud).
There is even a summary leaderboard widget for the home page
Mirror.co.uk
Contrast this with the visualisation employed at the Mirror of a horse race, now the goal line is shown with a Number 10 door image and we can see the party logos to add a bit of spark.
DailyMail.co.uk
The Mail go on to show the faces of the leaders in their leaderboard (we all love faces after all).
Cityam.com
While City AM keep it simple with a clean leaderboard design:
Skynews.com
Our friends at Sky like things bright and bold – they insert the results in boxes of colour and rotate the sub leaderboards (share of vote) on an animated cycle.
This is then transposed into a permanent sticky header leaderboard widget as you scroll down the page so you never need to lose track of the current results.
TheTimes.co.uk
The Times went with hollowed out doughnut style pie charts for each seat.
Guardian.com
While the Guardian went for a horizontal proportional bar graph showing the left / right divide as a tug of war with a goal line in the middle.
Economist.com
Not to be outdone. the economist went for the an area graph which never really works in my opinion.
Telegraph.co.uk
And somebody had to use a pie chart and well done to the Telegraph who used one for the share of vote leaderboard.
On the plus front they produced an animated video leaderboard (you watch it build line by line) for the main seat winners:
Ft.com
And finally well done to the Financial Times who managed a coloured squares leaderboard, but with the addition of some dots to show which party lost seats to who.
Which do you prefer?
Of the visualisations above, which did you find best?
Did you prefer efficacy over verbosity, entertainment over utility, numeric over visual? Do you know why you liked it most?
What can we learn as designers?
So, what can we learn from all these different ways to visualise a leaderboard?
1. Design for your audience
You know what they will respond to best. The Guardian wanted to highlight left / right divide in politics, the Mirror wanted it to feel more like a race while City AM kept it simple and straight forward. The rich variety of news publications in the UK has given rise to a rich variety of leaderboard designs.
2. Keep it simple
If in doubt, keep it simple. Sky’s leaderboard widget banner that sticks to the top of the page is arresting and clear. I have a pet hate about ‘sort buttons’ on leaderboards (they make it unclear what the real order is) or visualisations that try to display two leaderboards in one go (share of vote and seat winners – that’s two leaderboards not one)
3. Create widgets for different contexts
Many of the widgets were available for the content managers to use in different contexts – whether it’s a small space on the home page or a full page spread. Making sure your leaderboard widgets are available in different shapes and sizes means your content managers can place them appropriate the the page context.
What else did you learn?
This is a fun idea that might suit employee engagement leaderboards – make your screensaver the leaderboard. That way you creates more visibility for the competition you are leaderboarding.
I use a MacBook so I used a great little tool called WebSaver which you can download and install on your Mac. Once installed go to Desktop & Screensaver and then in Options cut and paste the Web URL of your leaderboard.
Now, when you pop off for a coffee, colleagues will see the leaderboard each time they walk past your desk.
blog.rise.global 