colonistio / design

https://colonist.io
3 stars 0 forks source link

Profile Revamp #2 - Ranked Tab #125

Closed samgawaran closed 2 years ago

samgawaran commented 2 years ago

Summary

to improve the profile tab. I did some research to find out how AAA games show their match history / ranked game history, I saw that all of them show the recent games and not just the overall stats.

Previous Design

image

Details

Research

image

Show Overall Stats and Match History

image

  1. Added Tabs instead of showing all game modes. Game Modes that are yet to be implemented like SF and C&K are unclickable.
  2. Drop down bar for seasons
  3. Overall Stats, followed how we present overall stats in the leaderboards. Clicking in that card also directs them to the leaderboards.
  4. Ranked Game History for that game mode. Added MMR values. Clicking on the info icon for each card will expand to show more details
  5. Placement Games will just show "Placement" with no MMR changes
  6. Clicking on the drop-down bar for seasons will follow whats our current dropdown behavior

Related Submissions

Related Links

Submission Checklist

samgawaran commented 2 years ago

for review: @goktugyil @demiculus @JuanRoman77

Esqarrouth commented 2 years ago
  1. Overall stats should look different than the scrolling part below. It confused me for a good minute
  2. Is game number needed? I don't think so?
  3. MMR: I am guessing, it was the MMR after the game?
    • 1 v 1 => 1v1 (Why not follow what is already in our site?)
    • Season 1 Ranked => Game History
    • What about turn and duration of the game in history?
samgawaran commented 2 years ago
  1. Overall stats should look different than the scrolling part below. It confused me for a good minute
  2. Is game number needed? I don't think so?
  3. MMR: I am guessing, it was the MMR after the game?
  • 1 v 1 => 1v1 (Why not follow what is already in our site?)
  • Season 1 Ranked => Game History
  • What about turn and duration of the game in history?

Hey Goku, answered most of these on the designs in the new submissions, but to answer some stuff:

1 v 1 => 1v1 (Why not follow what is already in our site?) Leaderboard screen uses 1 v 1 instead of 1v1 Game mode popup uses 1v1 but the design is subject for improvement so I suggest using 1 v 1 instead

Season 1 Ranked => Game History Game History is better placed inside the history tab and not the ranked tab, I added Recent games instead as LOL and Dota 2 uses that wording

What about turn and duration of the game in history? I added them in the new designs, based on research duration is more important than the player names too.