Profile Revamp - History Tab (Screens + Mobile)

samgawaran commented 1 year ago

Summary

Got feedback on the previous submission here: https://github.com/colonistio/design/issues/162#issuecomment-1256967061 to make the history tab simpler. Added mobile versions on each as well

List out all Types

Ranked - All games via Ranked Matchmaking after placement games
Placement - first 10 games on a game mode via Ranked Matchmaking
Unranked - games on unranked matchmaking, games in lobby, created games
Bot - games via play vs bots, created games with every player besides the host is a bot

Comparison

Removed Mode
Changed font size/style of Position to be the same as the other sections
Changed Players to Opponents to reflect the section name in the current design at the website

Screens

For Mobile Portrait, don't show Opponents

Scenarios

Player clicks on the info icon

Show the expanded view
for Mobile Portrait. Show the expanded view on a stack like these: https://prnt.sc/LUsZWPaz3hp1

Player has just played a few games

Show these lengths for the game_cells if the player hasn't played much games yet.

Player has no games played

Related Submission

https://github.com/colonistio/design/issues/162

Submission Checklist

[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @JuanRoman77

JuanRoman77 commented 1 year ago

Changed Players to Opponents to reflect the section name in the current design at the website

If Players is better we can change it to that, we don't need to follow the current wording.

2022 -> 22

MMR -> Rating

I think we should add the mode, not sure why you requested its removal, @demiculus . When I enter another player's profile and check his stats, I take a look at the history to know what type of games they've played. It is really annoying to click on the info button of every single game to know if they played base, ranked, or an expansion. I really think we should add a Mode column.
How about merging Ranked and MMR columns? That should save space. Have a single column labeled Ranked, and show either MMR value if it was a ranked game, or - if it was unranked. And bots just say Bots.
Can we remove the info button and make the row click-to-expand instead?

samgawaran commented 1 year ago

Can we remove the info button and make the row click-to-expand instead?

Yes, I think I'd like these better since it reduces the icons seen in each cell.

If Players is better we can change it to that

I think Opponents works well for us. the opponent tag makes it clear that the players being shown there is the players you played against.

I created a sample here: I didn't add Modes and merging ranked & rating columns yet. I'll wait for Demi's feedback

demiculus commented 1 year ago

Remove Type add Mode just like before 1a. List out all the possible Modes
2022 -> 22 -> In only 1 screenshot shows as 2022 the rest of the games dont have it: https://github.com/colonistio/design/issues/135 find other games to see if they use 2022 or 22 and go with the most common pattern
MMR -> Rating 👍
Remove info icon -> It looks like other games use an expand icon, create one and use that https://github.com/colonistio/design/issues/135
Opponents / Players -> check out other games and go with the most common pattern https://github.com/colonistio/design/issues/135

JuanRoman77 commented 1 year ago

@samgawaran Fyi Base 1v1 Base 5-6 Players Base 7-8 Players Cities and Knights Cities and Knights 5-6 Players Seafarers Seafarers 5-6 Players Seafarers + Cities & Knights Seafarers + Cities & Knights 5-6 Players

demiculus commented 1 year ago

Show the icons of all of these as well

colonistio / design