Profile - Account Linking (Research + Screens)

samgawaran commented 1 year ago

Summary

We will be adding an account linking feature to enhance the player experience in our game. Now players can choose whether they want to login via google or select a new option like Discord and other options

Current

Research

I searched popular mobile games in part of our transition to website to app priority. + searching in Mobile lets me see if its workable in our browser version
Most games uses the words Settings where players can access their account links
They say Connect if that account is still not connected and Connected if it already is.

Proposed

Change Membership to Settings since Accounts has already been added there.
Edit - Followed Mobile Legends style of showing connected accounts in the right side of each card. We can redo its orientation on the mobile app optimization

Main Flow

To unlink an account, the player needs to click on the card of an account that's already been linked

Scenarios

If only 1 account has been linked

This is the default screen for most people. They can't unlink if there's only 1 email connected to their account
for players who want to delete their accounts, they should go the usual way and contact support so we don't incentivize account deletion

Linking an account thats already been linked

Submission Checklist

[x] any other edge cases you think of? besides players forgetting what email they used to login at Colonist, I'm thinking of email address that are way too long, ex. sampleaccount12345678901234567890@gmail.com might overlap on smaller screens like in Mobile but not alot of players do this so it might not that be relevant
[x] This submission abides by Des-lvl-1, Des-lvl-2 & Des-lvl-3

Reviewers

@JuanRoman77 @Mau-MD

samgawaran commented 1 year ago

Creating an implementation in a few hours if there are no major requested changes.

demiculus commented 1 year ago

Do something similar to this: https://i.imgur.com/hiUgwQw.png

samgawaran commented 1 year ago

Old Iteration:

Proposed

Change Membership to Settings since Accounts has already been added there.
Add Connected with... to make it more straightforward. I think leaving them as Connect might make some players who don't know the icons of Discord or other social logins be confused.

Main Flow

To unlink an account, the player needs to click a Connected account and confirm on a popup
An edge case is that people might forgot what email they used to login, but I'm not sure if we would show the email used by the player soI opted to add an asterisk like in MLBB for privacy if ever the player wants to unlink an account

If only 1 account has been linked

This is the default screen for most people. They can't unlink if there's only 1 email connected to their account
for players who want to delete their accounts, they should go the usual way and contact support so we don't incentivize account deletion

samgawaran commented 1 year ago

Updated the accounts section. I retained the orange google icon for consistency since its what we use in the social login popup

Mau-MD commented 1 year ago

@samgawaran looking forward for implementation issue

JuanRoman77 commented 1 year ago

@samgawaran that settings icon should be updated to the gear icon, right?

samgawaran commented 1 year ago

Closing this issue, updated the images in the implementation issue here: https://github.com/colonistio/katan/issues/9207

colonistio / design