SimpleWeb.fr

Visiblement eBay serait en train de tester une nouvelle version de son formulaire d’inscription (sur un principe de tests A/B). S’ils pensaient faire ça de manière discrète c’est raté puisque Garrett Dimon nous propose une analyse détaillée de cette refonte : Better Web Forms: Redesigning eBay’s Registration.

C’est au niveau de la mise en page que le plus gros du travail a été réalisé :

Vous noterez sur ces deux images que les intitulés des champs ont été alignés à droite et que des lignes de séparation horizontales servent à faire des regroupements logiques. Il y a également eu un travail de fait sur le texte d’introduction ainsi que les intitulés de section.

Bien évidement cette nouvelle version est meilleure que la précédente dans la mesure où elle améliore la lisibilité et le guidage mais elle apporte également du confort grâce notamment à l’usage d’Ajax pour faire de la validation en sein de la page.

/!\ Article initialement publié sur FredCavazza.net.

Comme tout internaute lambda vous devez forcément avoir été confronté un jour ou l’autre à un système de navigation page à page. Mais si enfin, ne serait-ce qu’en bas de page de résultats de Google :

Je vous propose dans ce contexte de découvrir un article très complet sur la navigation page à page : Pagination Gallery: Examples And Good Practices.

Voici les meilleures pratiques identifiées par l’auteur :

1. Proposer de larges zones cliquables ;
2. N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
3. Identifier de façon évidente la page en cours de lecture ;
4. Espacer les liens ;
5. Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
6. Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
7. Positionnez les liens ‘Premier‘ et ‘Dernier‘ aux extrémité.

L’article est en prime illustré avec une galerie très complète de copies d’écrans. Mes deux préférés sont les paginations de Digg et de MSDN :

/!\ Article initialement publié sur FredCavazza.net.