This is my initial design suggestion for Leaderboard integration. This is design for the right side column widget that is displaying only the top 5 superheroes according to their rank. The whole page with full ranking will be loaded if the user clicks on View All.
I’m suggesting tabbed content changing between Trending and Leaderboard (that is to save space for the wallet integration).
I’m suggesting compact info for each ranking card here (full content will be displayed on the full list page and will include for each card Tips Sent, Tips Received, Comments Made or any other variable that can be part of generating the ranking score).
I’m suggesting 2-digit ranking score in the range (1-10) and color coding for its visualisation. Color coding introduces a competitive element of gamification: the users will strive to have higher results in order to have nicer color of the score. 1-5: grey; 5-8: blue; 8-10: green;
For the users with no .chain names I’m suggesting the use of “Fellow Superhero” placeholder (better visualisation and also reminding them to claim a .chain name. So this might be clickable and should lead to the place where they can claim a name.)
…
Mockups V1:
@YaniUnchained , @ivaylobadinov.chain If this approach is approved I’ll need 6-8 hours to create the design for the full ranking list page. So accrding to estimate it can be completed today.
Yes, this is only the right column implementation. I already started working on design of the full leaderboard page that will be displayed in the center column as you said.
Initial estimate was 4 hours for Right column display and 4 hours for center column display (full list page) but it took me some more time so I spent 6 hours for right widget and now I’m working on the full page (center column) and the filtering. I plan to finish this today and post update here.
My biggest req would be that the “formula” in “score calculated by a formula” be VERY thought out as it defines the way ppl would want to work with this system.
Marketing-wise, I also would say ranking ppl with a number of any kind / with any formula would drive regular users to feel disrespected / not want to be on site at all.
My suggestions:
highlight (list top users) only and do not degrade all those who are not top users in the process
do not use numbers to publicly rate ppl (big no-no)
make it very transparent how one is or would get on the “most active” or “most popular” list
So let’s use the center column design and not show the Score diamond (it is a suggestion anyway, as how the ppl will be rated was not clear).
Also the lists (sorting) should be defined as these on the images should be considered as placeholders
In this case I’ll just do a quick modification of the design to remove the score diamond.
As Ivaylo said above all filters are suggestions (as I’m not sure about the exact formula) and the text s should be considered placeholders.
User Ratings as a score value (combination of several factors) won’t be developed (it was my suggestion in the initial designs but at that time CMO Leah noted that rating the users must be avoided). Instead of rating we should just present a numbered chart of top contributors according to some filters I suggest here.
Suggestion: Ordering should be done according to tips amount in the specific token (fiat value and number of tips will be displayed only as information but won’t affect the ordering). Another option is to include a separate filter “Value” that will order the list according to fiat value of the tips. I think this will be overcomplication at the moment.
May be we should have only the Claimed Tips filter and remove the Received Tips? We can replace it with Posts as soon as Posts without tip are implemented. Design for posts without tips is already provided.
Timeframes of the Time filter are specified in the latest version mockups above.
