Connexion et création de compte en plein écran

Voici quelques commentaires ! :smile:

Ça a l’air bien. Je pense que cela manque un peu d’identité visuelle, cependant. :thinking:. (EDIT : Je ressens exactement la même chose que Penar concernant l’identité)

Mobile

Ça a l’air bien en mode portrait.

Capture d'écran

Quelques problèmes en mode paysage :

  • L’en-tête est coupé. Vous ne pouvez pas faire défiler vers le haut, mais vous pouvez faire défiler vers le bas.
Capture d'écran

Cela se produit aussi en mode portrait.
Le clavier pousse le contenu vers le haut sur la page de connexion. Cela ne se produit pas sur la page d’inscription.

Concernant le mode paysage. La plupart des gens ne l’utiliseront pas, mais cela peut arriver, et ce n’est pas une bonne expérience utilisateur. Je pense que vous pouvez ajuster quelques CSS pour que les blocs flottent autour du message de bienvenue. Pas idéal, mais ça va :

Exemple 1

Cependant, le plus attrayant visuellement pour moi est de diviser les identifiants et les boutons sociaux en deux :

Exemple 2

  • Pas directement lié. Sur mobile, la première saisie est focalisée, et cela ouvre directement le clavier. (Je ne sais pas si c’est le même comportement partout)
    Je pense que cela dégrade l’expérience utilisateur pour deux raisons :
  1. vous ne voyez pas la page entière au début, et ce n’est pas accueillant.
  2. vous ne voyez pas toutes les options de connexion. (surtout pour les utilisateurs qui utilisent la connexion sociale – vous devez fermer le clavier à chaque fois)
Ce que je vois après avoir cliqué sur connexion

Bureau

Ça a l’air bien dans l’ensemble, avec quelques problèmes.

  • Ça a l’air bien sur une taille d’écran moyenne :
Capture d'écran

  • Sur grand écran, je ne suis pas sûr. Ça a l’air bien ; cependant, avoir tous les boutons sociaux sur une seule ligne semble pratique, mais cela semble inhabituel (petit contenu centré, avec en dessous un grand contenu). Ce n’est pas faux, et ça a l’air correct – c’est peut-être une habitude de l’ancien style car votre attention est concentrée sur un endroit centré.
Capture d'écran

Ce que vous faisiez avant était en fait assez élégant, et comme le suggérait Penar, une largeur maximale suffirait pour que cela ait l’air bien. Je ne serais pas contre voir deux colonnes sur un grand écran, puis cela s’enroule automatiquement en dessous sous une certaine limite.

Connexion similaire à avant avec ajustement de la largeur maximale

  • Sur le côté réactif – sous une certaine hauteur minimale, vous obtenez une barre de défilement sur le panneau de gauche. Je ne peux pas tester sur un appareil réel si cela se produit aussi. Je pense qu’il serait plus naturel pour l’utilisateur de faire défiler la page plutôt que le composant interne.
Capture d'écran

Commun

  • La barre de défilement du forum est visible lorsque la fenêtre modale de connexion est ouverte, et vous pouvez jouer avec. Cela pourrait amener l’utilisateur à penser qu’il y a quelque chose alors qu’il n’y a rien. Cela peut être déroutant si la barre de défilement de la fenêtre modale apparaît également en même temps.
Exemple

4 « J'aime »