End Game MMR - Progress Bar (Screens + Scenarios)

samgawaran commented 2 years ago

Summary

design submission for the finalized list for the End Game MMR. Populating this issue: https://github.com/colonistio/katan/issues/7867 afterward.

Made the following changes that have been decided on this: https://github.com/colonistio/design/issues/138#issuecomment-1221389509. I just retained the placement of the text below the icon

Animation/Flow

Victory

Defeat

Both Victory and Defeat animations use sliding animations. the icon and MMR will slide alongside the progress bar

Promoted

Demoted

Demoted and Promoted follows the sliding animations of the previous GIFs.
slide MMR first before showing the text then change the previous and next division.

Screens

Victory / Defeat

Promoted / Demoted-Bronze Ranked

if the player reaches Bronze don't show the lowest MMR in that game mode.

Platinum / Top Ranked Player

if the player reaches Platinum set the # 1 as the MMR of the top ranked player in that game mode

Related Submissions

Submission Checklist

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

samgawaran commented 2 years ago

@demiculus @JeffdEon @JuanRoman77

let me know if I missed something. I'll add the details in this issue https://github.com/colonistio/katan/issues/7867 after a few hours

JuanRoman77 commented 2 years ago

Current division has no name. It looks like you are going from Bronze to Gold.
I still don't get why the Silver icon needs to be a fourth of the size of the lower and higher divisions icons. It's not less important.

What about something like this?

JeffdEon commented 2 years ago

Other than icon size it seems good. Poll for other style is winning currently in Discord. But the reason people are saying they like it (being able to see progress in other leagues) is wrong because all the bars would be same size.

JuanRoman77 commented 2 years ago

It's not wrong, it's what they like better. And they are aware about the size thing you mention. They just don't care about it.

samgawaran commented 2 years ago

Closing this issue for the more updated one here: #148

colonistio / design