Profile Revamp - Ranked (Card Type Screens + Scenarios) Iteration #2

samgawaran commented 2 years ago

Summary

Adjusted the design based on the feedback given on #142 and changed some details on each card.

Edit: Made few more changes to this issue based on some discussions and some designs in the overview tab

Edit: Revised how the progress bar is displayed based on JUAN's feedback via DM

Comparison

Remove Points per game and added both Country and State
Followed Juan's suggestion on showing game modes you haven't played yet. This could boost the number of players playing ranked
retained placement games orientation

Scenarios

Player didn't play any ranked games yet

for own profile show a Play Now! CTA
for other profile player just show no games played
Don't show any icon if the players didn't finish their placement games yet

Player clicks on a card

if player clicks on a ranked game mode they haven't played in their profile, redirect them to matchmaking
if player clicks on a ranked game mode they played, redirect them to the leaderboards tab.
if player is viewing another player's profile, all cards clicked (played, not played, placement) should redirect them to the leaderboards tab

Player clicks on the season selector

no changes for season selector flow

Related Submission

Submission Checklist

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

samgawaran commented 2 years ago

for review: @goktugyil @JuanRoman77 @demiculus

updated the profile checklist with this one. also

we should show the divisions progress bar in the profile as well. Same thing we show in the end game screen. That's how players would know how much they've got left to rank up.

I created a study for this here:

didn't include this one in these submissions since showing player progression in the dimensions of each card would make the progress bar really small. It could also make noobs feel insecure if everyone can see a visual that they are at the bottom of the rankings.

if we want to show the progress bar, I think we could include that in the overview tab along with some general info or pursue a horizontal card type instead(https://prnt.sc/PwUW_zkSHJME), since we can make the progress bar better in that layout.

should I include the progress bar? in any case I can update the images here to reflect that

Esqarrouth commented 2 years ago

How would it look in overview vs here?

samgawaran commented 2 years ago

How would it look in overview vs here?

currently doing some designs, will show them in awhile

JuanRoman77 commented 2 years ago

@samgawaran seems like you removed the Leaderboards access point from the cards? Why was that? There was a Go to Leaderboards text at the bottom of each.

samgawaran commented 2 years ago

seems like you removed the Leaderboards access point from the cards? Why was that? There was a Go to Leaderboards text at the bottom of each.

I mentioned this in one of the scenarios. The whole card when clicked should go to either Leaderboards or the Matchmaking popup.

I added the progress bar in each of the cards

colonistio / design