Premium Rooms - Iteration 2 (Screens + Scenarios)

samgawaran commented 1 year ago

Summary

New iteration for the "Upgrade Room" based from the feedback on the previous iteration: https://github.com/colonistio/design/issues/196#issuecomment-1282293834

Screens

Made the CTA use $color-cta-main when room is upgraded to indicate its "unlocked" status

Mobile Screens

Lock Icon

created new lock icons based on the given feedback. A new version where its semi unlock to indicate they can still change modes,maps that they owned and an unlocked version where they can access everything.
We can also use a single lock icon (semi-unlock) so it won't change too much

Popup

popup design and copy. The popup title is still not finalized. can be adjusted on implementation issue

Scenarios

Default Room

When hovering on the lock icon. Unlock all (subject) for 1 game when you upgrade this room
For mobile, players need to click the locked icon to show the infobox

Upgraded Room

change all cta colors to $color-cta-main beside the upgraded room
All dropdown options will be accessible even if the player(s) doesn't own a specific map/expansion/color

Related Submissions

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

Submission Checklist

[x] other stuff written in the checklist was done on the previous iteration here
[x] how other games show their lock icons? - same with the checkout page, they are showing it on the left side before the word.
[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@demiculus @alexcoleman7

alexcoleman7 commented 1 year ago

Thanks, Sam! I have a few comments.

The items in the pop ups should say All Maps, All Expansions, and All Colors. I think it helps send the message better.

I like the unlocked icon but I think the locked icon just looks like it's unlocked too. I think you only realize it's more closed once you see the other one. Let's just revert to the fully locked icon.

The map and expansion containers already have a message in brackets and we need to keep these. I think the lock with the tooltip is enough otherwise it gets too crowded. Discard limit and VP to win are not premium items so they don't need a lock, number of players can keep the lock.

The dropdowns are created by each player's individual OS and are an element that we can't edit just yet. So we can't show the text in grey if they don't own it. For now if they players click on something they don't own they get this message:

We just need to add at the end 'Visit the Store or upgrade to a Premium Room'. If the Premium Rooms are successful we should look into making a tailored dropdown.

samgawaran commented 1 year ago

Hey Alex! thanks for the straightforward comments, I did the changes in a new iteration here: https://github.com/colonistio/design/issues/202

closing this submission issue now.

colonistio / design