Mise en forme d'un formulaire

Bonjour

Je suis en train de réaliser une page contenant un formulaire et je voudrais avoir quelques conseils sur l'ergonomie et la mise en forme à adopter.

J'ai réalisé les 2 exemples suivants :
http://s146376925.onlinehome.fr/formulaire/test1.png
http://s146376925.onlinehome.fr/formulaire/test2.png

Pouvez-vous me dire ce qu'il y a à améliorer et éventuellement me fournir une image de ce qui conviendrait le mieux (en modifiant mes images avec paint par exemple )

Merci d'avance

Bonjour, et bienvenue à toi sur ce forum,

Je pense que l'ergonomie d'un formulaire va dépendre essentiellement de la manière dont il va être codé, à savoir :
- que la navigation entre les champs au clavier est logique et linéaire,
- que les champs de saisie soient suffisamment grands pour que l'utilisateur puisse voir si possible la totalité de ce qu'il saisit (enfin pas nécessairement pour les champs textes, où le contenu peut être long),
- éviter autant que possible les liste déroulantes,
- que le champ actif soit clairement identifiable visuellement (pour la partie CSS),
- etc. (la liste n'est pas exhaustive, peut être que quelqu'un d'autre viendra la compléter)

Peut être y a-t-il un moyen d'automatiser certaines saisies (?), notamment si tu tape le nom et le prénom, peut être serait-il capable de recréer le login en prenant l'initiale du prénom à laquelle s'ajoute le nom complet, dans le cas ou le login est déterminé à la source et non pas par l'utilisateur. Cela évitera à l'utilisateur d'avoir un champ de plus à saisir pour s'identifier.
Enfin je ne connais pas la destination de ce formulaire, donc il est difficile de te dire plus précisément pour ce point là.

Pour aider à la logique, il est mieux que ton formulaire soit assez ordonné visuellement, donc je pencherais plutôt pour ton test 2.