Premium Rooms - Iteration 3 (Screens + Scenarios)

samgawaran commented 1 year ago

Summary

Created a new iteration for this task due to comments given by @alexcoleman7 here: https://github.com/colonistio/design/issues/198#issuecomment-1294187860

Adjusted the screens and added new scenarios from the feedback received.

Screens

Adjusted popup checkmarks to include "all" (all expansions, all maps, etc.)
Reverted to full lock icon if players don't upgrade their room yet.
added new popup after Upgrade Popup
lessened colors based on feedback

Upgrade Room Popup

I recommend Study 3 but I'm not sure if we can add an image in the popup. if not we should go with Study 2 players should be incentivized to upgrade to premium rooms by showing their names. @demiculus @alexcoleman7 thoughts on this?

Desktop

Mobile

Scenarios

Clicking on Dropdowns / Hover on Lock

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

Clicking on an item a player doesn't "Own"

For items that the player owned. Add Owned on dropdown, as Alex mentioned items you don't own will follow our current format of showing in the chatbox.
Adjusted the text to accommodate upgrading the room. (Item) is only available for people who have purchased it or upgraded this room. Upgrade now!

Upgraded Room

Players who don't have enough coins

Follow the current behavior. Show the coin popup module if the player has less than (x) amount of price per premium room

Players who are not signed in

show current login module. I suggest adding to this module design since the ABtest has a good response here: https://github.com/colonistio/katan/issues/8850

Related Submissions

Submission Checklist

[x] submission checklist is done on the previous iterations
[x] Will the tutorial game mode also be shown as "Owned"? Currently its not showing as owned. Low prio, but we can also show it as (owned) since everyone should be able to use the tutorial
[x] What would happen if the player has no coins or not signed in? provided the scenarios for this. But we should use the current behavior of how we handle this kind of scenarios
[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@alexcoleman7 @demiculus

samgawaran commented 1 year ago

I didn't add the new pricing research mentioned here: https://github.com/colonistio/design/issues/201. This can be changed in the implementation issue when its made

alexcoleman7 commented 1 year ago

So the text on the chat box when you click an unowned item only has a link to upgrade the room.

@demiculus are you happy to promote only the Premium Room or should we still direct them to the store too?

Everything else looks great! thanks Sam

demiculus commented 1 year ago

Remove the extra background colors, thats confusing https://i.imgur.com/3XUXSPE.png
Fyi: https://www.loom.com/share/7a38b938e2684d5888baa95cc4706cc7 I told mau to implement this

are you happy to promote only the Premium Room or should we still direct them to the store too?

I think premium room is better for now. Lets see how it works

Also after players click on purchasing preemium games -> Players who have enough coins (done) -> players who don't have enough coins (not done) -> players who haven't logged in (not done)

You guys should make sure to cover(think) all cases during the designs, so implementation is not confusing.

samgawaran commented 1 year ago

Pasting this comment. this is the outdated screens + scenarios from the previous iteration

Screens

Desktop

Adjusted popup checkmarks to include "all" (all expansions, all maps, etc.)
Reverted to full lock icon if players don't upgrade their room yet.

Mobile

Scenarios

Clicking on Dropdowns / Hover on Lock

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

Clicking on an item a player doesn't "Own"

For items that the player owned. Add Owned on dropdown, as Alex mentioned items you don't own will follow our current format of showing in the chatbox.
Adjusted the text to accommodate upgrading the room. (Item) is only available for people who have purchased it or upgraded this room. Upgrade now!

Upgraded Room

samgawaran commented 1 year ago

@demiculus @alexcoleman7 I updated the screens above based on the feedback here: https://github.com/colonistio/design/issues/202#issuecomment-1295895995

link for the old edit: https://github.com/colonistio/design/issues/202#issuecomment-1311357047

not sure if you're both notified. Should I go ahead and create implementation issue?

colonistio / design