Simple Entrepreneur

FreshBooks, qui aurait très bien pu faire partie de ma liste de sites pour gérer et comptabiliser son temps, propose dans son formulaire d’inscription une méthode très intéressante pour présenter des informations contextuelles. Ici, le formulaire est organisé par partie (choix de la zone horaire, choix du nom d’utilisateur et du mot de passe et enfin adresse) :

Lorsque l’utilisateur sélectionne un champ du formulaire, un cadre à fond jaune apparaît de manière très fluide en coulissant horizontalement et affiche des explications concernant ce champ. Lorsque l’utilisateur change de champ (à la souris ou en utilisant la touche TAB), ce cadre disparaît. Et comme un autre champ a été sélectionné, un autre cadre peut apparaître en face de ce dernier :

Les informations relatives à un champ ne sont affichées seulement que lorsque l’utilisateur traite ce champ. Il ne se focalise donc que sur cette action. En utilisant les effets graphiques les plus simples d’une des nombreuses librairies Ajax disponibles, il est ainsi très facile de faciliter la vie de l’utilisateur et de ne pas surcharger l’interface d’un formulaire.

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

• Le formulaire de login de la GMF
• Les interfaces riches débarquent : un exemple avec le nouveau site de la Fnac
• Erreurs d'ergonomie : Google Groups, Adworks et Air France

Les visiteurs qui ont vu cette page ont consulté ensuite :

• Une liste de sites pour gérer et comptabiliser son temps (41 lectures)
• Les interfaces riches débarquent : un exemple avec le nouveau site… (14 lectures)
• Générer des mots de passe sécurisés facilement (14 lectures)

A savoir

Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.