Les formulaires doivent-ils être alignés à gauche ou au centre, si leur largeur est inférieure à la pleine page?
Notre application Web a un petit en-tête et un menu de navigation tout en haut, et en dessous, il y a simplement une grande zone d'espace ouvert. Nous n'avons pas besoin d'une barre latérale toujours présente, il n'y a donc qu'une seule colonne. La disposition est de 100% de largeur de fenêtre, ce qui permet à ceux qui ont des écrans larges d'utiliser autant d'espace que possible.
Notre problème est qu'il y a souvent des moments où certains formulaires d'une page sont très petits et n'ont pas besoin de prendre beaucoup de place. Et le formulaire peut parfois sembler maladroit dans l'espace ouvert potentiellement énorme sous l'en-tête.
Par exemple, le formulaire de réinitialisation de mot de passe ci-dessous ne nécessite que deux entrées. Il est difficile de rendre le formulaire à 100% de la largeur de la page, nous l'avons donc gardé assez étroit. Mais alors, il y a une tonne d'espace blanc qui n'est pas rempli.
Je pense qu'une forme étroite doit être centrée, donc il y a un espace blanc égal de chaque côté, et donc vous n'avez pas à éloigner votre tête du centre de l'écran.
Mais un collègue estime qu'une forme étroite doit être alignée à gauche, car presque tout le reste (comme les blocs de texte) est aligné à gauche.
Qu'en pensez-vous? Y a-t-il des principes ou des directives à suivre pour aligner des formulaires entiers? J'ai trouvé des tonnes d'informations sur la façon d'aligner les étiquettes, les boutons, etc., mais pas sur la façon d'aligner les formulaires lorsqu'ils n'occupent pas toute la page.
La forme - centrée,
Le formulaire - aligné à gauche,
Lorsque le formulaire est trop éloigné d'un côté, il souligne le fait qu'il ne remplit pas la page plus qu'il ne le ferait s'il était centré. Et attirer l'attention sur cet élément reviendrait à détourner l'attention de la forme sur laquelle vous souhaitez vous concentrer.
Je suggère donc de centrer le formulaire .
Cependant, je suggérerais également de ne pas avoir de fond blanc. Essayez d'utiliser un motif subtil , ou même juste une couleur gris clair ou blanc cassé pour l'arrière-plan, ce qui aidera à attirer davantage l'attention sur le formulaire.
Si vous prévoyez d'avoir du contenu à gauche du formulaire ou à droite du formulaire, alors l'un ou l'autre fonctionne. Si vous n'avez aucun contenu sur la page autre que le formulaire, il est préférable de le centrer.
En fait, je pense que les deux options fonctionnent très bien.
Je choisirais celui qui correspond le mieux à la conception du reste de votre site et je prendrais en compte la forme/forme de votre en-tête.
Je pense que la suggestion de couleur de fond de JohnGB sera très utile pour rendre cela encore plus clair à utiliser.