Commentaires sur : Une analyse du nouveau formulaire d’inscription d’eBay

Par : Julien

Julien — Sat, 17 Nov 2007 15:23:08 +0000

Dans son analyse, Garrett Dimon indique que les libellés sont alignés à droite car les utilisateurs viennent rarement sur ce formulaire (uniquement pour s’inscire) et qu’il favorisait donc la lisibilité à un gain « marginal » de durée de saisie. Il ne remet donc pas en cause le fait qu’un alignement vertical est plus rapide comme précisé dans l’étude d’eyetracking relayée par Luke Wroblewski (qu’il cite je crois par ailleur dans son analyse).

Bref, c’est intéressant de voir que les « experts » convergent. Mais si quelqu’un a un autre avis sur la question, ça m’intéresse…

Par : Odenis aka ODE

Odenis aka ODE — Thu, 15 Nov 2007 11:50:04 +0000

@Olivier D. ze kat:
je pense que ce placement est stratégique. Un utilisateur ne rechigneras pas à saisir sa véritable adresse mail aprés avoir rempli les informations « faciles » tels que nom, adresse, etc…

Par : Nip

Nip — Wed, 14 Nov 2007 01:48:22 +0000

Juste une precision, a part pour la verification du UserId, il n’y a pas d’ajax dans cette page; c’est du simple javascript (donc sans aller retour serveur)… et heureusement parce que l’ajax c’est cool, mais pas pour un formulaire d’inscription ;), qui ne necessite aucune verification dynamique cote serveur.

Par : fmottet

fmottet — Tue, 13 Nov 2007 20:05:10 +0000

Parfait la séparation entre les bloc, nous avons ainsi un regroupement par idée logique. La lisibilité a été très nettement améliorée, principalement par l’alignement des champs et des titres de champs.
Très bon travail en effet.

Avons nous avec ce formulaire une validation automatique des champs ? A la manière dont j’ai réalisé le formulaire sur mon site perso :
http://fmottet.com/contact.php

Par : bbx

bbx — Tue, 13 Nov 2007 18:37:27 +0000

« Les intitulés de champ ont été aligné à droite. »

Ca m’a tout de suite rappelé ça: http://www.fredcavazza.net/doc/tutoriels/formulaire/SVF_apres.htm

Je trouve les formulaires en général plus difficile à coder que la majorité des éléments HTML. Le résultat est souvent différent pour chacun des 5 navigateurs principaux! En tout cas, l’utilisation d’Ajax est un véritable confort pour les formulaires, surtout lorsqu’ils sont longs comme ça. On est pas à une erreur près, et recharger la page (en voyant parfois certaines infos disparaître) parce qu’on a mal rempli un élément, c’est rageant.

Par : Olivier D. ze kat

Olivier D. ze kat — Tue, 13 Nov 2007 15:33:05 +0000

Personnellement, je mettrais le bloc de choix des identifiants (avec le champ mail) en première position pour pouvoir avertir immédiatement l’internaute si on pense qu’il possède déjà un compte…
(*) via une requête en Ajax, naturellement.

Par : millezime

millezime — Tue, 13 Nov 2007 13:32:52 +0000

p….inscription…oui, c’est bête mais c’est utile les ‘p’

Par : Thomas Faivre-Duboz

Thomas Faivre-Duboz — Tue, 13 Nov 2007 13:31:58 +0000

Les séparations horizontales me paraissent un bon choix. Globalement le formulaire parait beaucoup plus aéré comme ceci, puisque même avec les libellés à gauche, la page est un poil plus longue !

Ceci dit, certaines études prouvent que les libellés au dessus du champ permettent de réduire la durée de lecture du formulaire (en évitant les allers-retours de l’oeil): cf l’étude d’eyetracking relayée par Luke Wroblewski, dont tu avais mis à disposition les recommandations il y a quelques mois.

On remarquera quand même que le champ « date de naissance » est passé du côté « Tell us about yourself » et non du côté « ID » – ce qui paraît plus logique…