Matchmaking Optimization Submission #2 - Design Studies + Refinement

[samgawaran]

Summary

Omar did a couple of tests here: https://github.com/colonistio/katan/issues/8048 , https://github.com/colonistio/katan/issues/8130

The following designs are based on the comments the previous issue here: https://github.com/colonistio/design/issues/168#issuecomment-1250249312

Studies

• I didn't create comparisons from before as the studies here are based on the thread of the prev issue.
• Overview is the general stats of the player (based on the design of the revamped profile pages) I added a slot for a random stat to make it 2x3
• studies that show game types now shows a revised card. (this card design was approved before during ranked integration but was never developed)

A. Lobby as a text button

• Added Friends as just using overview will leave as a lot of empty space. We can interchange on to other features as well
• Play CTA will show the current one being used in the website https://prnt.sc/V2wt_D5if3QU

B. Lobby as additional card in Play

• I used Omar's icon atm. I checked Lobby icons and Game lobby icons on the web and I found a hotel concierge icons

C. Lobby in the header

• Moved Ranked Game Types in the homepage
• added a subcopy in the Play to indicate it only shows Unranked Game types

D. Lobby as sub CTA V1

• made Create Game as main CTA. majority of players play with friends on private rooms and just send links to their friends
• Clicking on Enter Lobby will remove Overview and Ranked Game Types https://prnt.sc/R7vUNMW8lmZ_

E. Lobby as sub CTA V2

• Add toggle for ranked/unranked. no scroller (toggle style in store)
• made the overview smaller. removed karma since its already showing in your profile header

Related Submission

• https://github.com/colonistio/design/issues/168

Related links

• https://github.com/colonistio/katan/issues/8130
• https://github.com/colonistio/design/issues/165

Submission Checklist

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

Reviewer

@omarhurani @demiculus

[demiculus]

@omarhurani A or C? Why? @samgawaran A or C? Why?

[samgawaran]

C.

• Much more flexible Play button (we can show unranked C&K and SF as coming soon)
• Ranked Games are on the homepage and each card doesn't take much space

I can also make the cards smaller:

so there's no need for scrollbars