vocdoni / ui-scaffold

Vocdoni's protocol UI
https://app.vocdoni.io
GNU Affero General Public License v3.0
5 stars 2 forks source link

Add a sign in with google shortcut nearby the current login button #498

Open elboletaire opened 9 months ago

elboletaire commented 9 months ago

Note: only for the default theme. Onvote theme should not show it, so it should be conditional based on the theme.

It could look like something like: imatge

ferranrego commented 9 months ago

The reasoning behind this change:

Highlighting Google as the primary authentication method for users on Vocdoni.app could improve the user success when accessing the app, considering that the target of this subproduct are Web2 users and that assuming that Google Auth would be the main way to login.

For this reason, I would also use a more strong color for the "Sign in with Google" button, making it the primary option for the user. In any case, the "Login" button would be placed on the side of this button with other secondary options like FB, GB, Wallets, and any future login options.

I would also make sure that the process requires the fewer clicks as possible:

Currently, the user has to follow this path: 1. Click to Login, 2. Click to Google, 3. Vocdoni 0auth appears, 4. Click to the user Google account.

The desirable path could look like: 1. Click to Login with Google, 2. Click to the user Google account.

Regarding this, it would be amazing if we can find a way to get rid of this page https://oauth.vocdoni.io/?provider=googlethat appears in the middle of the process.

elboletaire commented 9 months ago

I would also make sure that the process requires the fewer clicks as possible:

Agree

Regarding this, it would be amazing if we can find a way to get rid of this page https://oauth.vocdoni.io/?provider=googlethat appears in the middle of the process.

Not sure that's possible, unless we start showing it as some kind of iframe inside our app... which doesn't sound really good either tbh

ferranrego commented 9 months ago

Not sure that's possible, unless we start showing it as some kind of iframe inside our app... which doesn't sound really good either tbh

The current automatic redirection is a great improvement than in the past. However, I wonder if there is a way to mask it even more to the user. Maybe reducing the displaying time of that page or replacing it by a "loading..." in the UI instead of the button?

elboletaire commented 9 months ago

@nigeon could bring some light here, since I'm not sure if it can be done tbh.

nigeon commented 9 months ago

Will take a look to see what's possible