web-dev-qa-db-fra.com

Comment afficher plusieurs options de connexion et d'inscription (application mobile)?

Je me demande simplement, comment gérez-vous une page d'inscription/de connexion qui a beaucoup d'options? Comme ci-dessous, après l'intégration, l'utilisateur peut s'inscrire/se connecter de 3 façons.

Est-ce trop écrasant ou existe-t-il une meilleure façon de l'organiser?

enter image description here

enter image description here

enter image description here

1
catandmouse

J'ai vu des interfaces où au début, seul un champ d'adresse e-mail était affiché. Selon que l'adresse e-mail est connue du système, le reste du formulaire (inscription ou connexion) s'affiche.

  • Cela rend la première étape très petite
  • Cela évite que cette adresse e-mail soit déjà utilisée.

Par exemple, Google utilise cette UX pour se connecter ou s'inscrire à ses services.

google login

1
Pim Van Vlaenderen

Je vous encourage vivement à ne considérer qu'une seule forme de connexion.

Pourquoi? Eh bien, MailChimp a eu des connexions sociales pendant un certain temps jusqu'à ce qu'ils réalisent qu'une grande partie de leurs utilisateurs oublient toujours la connexion qu'ils ont utilisée à l'origine, ce qui entraîne: plusieurs comptes, une frustration dans les connexions ou plusieurs erreurs de tir. Lisez ceci ici . Cela m'arrive beaucoup, ne me souvenant pas lequel est celui avec qui je me suis inscrit ... Évitez-le à tout prix.

Je vous suggère fortement de choisir l'e-mail ou une autre connexion sociale.

1
Majo0od

vous pouvez essayer d'utiliser une vue modale plutôt que de charger une page différente. De plus, des entrées étendues pour les e-mails et les mots de passe aident à augmenter le taux de conversion. Vous pouvez laisser cliquable sur l'autre bouton (le bouton "inscription" en mode de connexion et vice versa), en changeant la fenêtre modale pour la récupération d'erreur (plutôt qu'un X en haut à droite du modal pour le fermer).

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

0
Marco Tatta