Profile Revamp - Overview - Showing Game Modes (Studies)

samgawaran commented 1 year ago

Summary

Following the discussions at the team meeting and comments on the previous submission, this submission shows the screens + scenarios of the possible design. Where we show all game modes in the overview tab

The research was done in the previous submission: https://github.com/colonistio/design/issues/157

Details

Ranked Games Prioritized

based on Juan's idea. Removed the title of the game mode since we already have the image, added games played instead like in vs Bots
When the game mode icon is hovered, it will show what game mode it is.
Lobby Games: I made it scrollable since like Ranked, there's a bunch of game modes people can play in the Lobby
Change the orientation of how MMR progress is presented based on the design here: https://discord.com/channels/605233308577562643/790772223358402571/1015368484684832998

All Game Types Equal

Overview Tab - Showing All Game Modes

Format follows what we're using for the items presented on our store page.
Vs Bots and Ranked: games mode icons will show either a bot icon or the player's current division beside them.
Vs Bots with different game modes can be removed since it's not in development yet.

Lobby Games Prioritized

Adds vs Bot Games in the Lobby games section
Bigger space compared to Ranked Mode Prioritized for the scrollable part
Players can go to the Ranked tab for more info instead of showing everything in the overview tab

Related Submissions

Submission Checklist

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

samgawaran commented 1 year ago

for review: @goktugyil @JuanRoman77 @demiculus

I recommend using Lobby Games Prioritized since we already have a Ranked tab for ranked game specifics.

Let me know what you guys think, I'll be adding in the checklist too. https://github.com/colonistio/design/issues/139

JuanRoman77 commented 1 year ago

I don't want to prioritize Lobby games:

It drives people away from Ranked (and Memberships).
There are too many game modes and settings possibilities, making the section extremely clogged.

I think that in the Overview section we can remove the MMR progress bars, and have them only in the Ranked section. So iterate on the MMR progress bar directly in the Ranked section (it still doesn't look good), and just add the Division name and icon in the ranked card of the Overview section.

Also it wasn't my idea to remove the game mode names. I was against it, please add them back. The images are not clear representations of each of the game modes, they were just place holders that were never updated (the castle has almost nothing to do with C&K, the pirate ship is poorly designed, the base board doesn't mean 4P since many other game modes are played on it, etc.).

Also:

No scrolling (unless mobile or really small screens)
Change the - in the Membership section to a green Become a Member link

colonistio / design