Social Leaderboard

Social Leaderboard

Gyms will often have a leaderboard for workout results to encourage social interaction and healthy competition. This type of engagement leads to higher member retention.


The leaderboard in our mobile app had a number of usability problems, so I redesigned it to make it more intuitive and engaging.

Usability issues

I looked at data, interviewed customers, and performed usability tests to define a number of issues with the current leaderboard.

  1. Users thought the fire icon represented a 'streak', when it was actually a 'like'

  2. Users didn't know the icons were tappable

  3. Icon hitspots were too small

  4. No way to differentiate your own like or comment from the like of another user

Solutions

  1. Changed like icon to a thumbs up

  2. Wrapped icons in small buttons

  3. Increased hitspots

  4. Added filled state for your own likes and comments


Other changes

  • Date

  • Showing PRs

  • Increased prominence of result

Gym owners were really happy with the new leaderboard changes, users were able to interact with it more effectively, and usage / engagement increased.