Je vous l’avoue, cet article n’est surtout qu’un mauvais prétexte pour vous dire que je me suis acheté un iPad pas plus tard qu’hier sur le site d’Apple. Et comme à chaque fois lorsque j’achète en ligne, mon expérience devient l’occasion de bafouiller rapidement un petit article.
Pourtant mis à jour récemment, le formulaire de commande d’Apple.com m’a donné du fil à retordre. Sans doute parce que j’étais arrivé au mauvais moment (celui où les développeurs d’astreinte dorment), je me suis heurté telle une mouche contre une vitre à de nombreux bugs m’ayant obligé à attendre le lendemain matin pour retenter ma chance (ça n’aurait pas été Apple, ils auraient sûrement perdu ma commande).
Tout ça pour dire que je découvrais pour la première fois, utilisé à grande échelle, des formulaires dont les libellés de champs se trouvent à l’intérieur des champs eux mêmes.
Notez également l'acceptation des CGV en cliquant sur le bouton "Continuer". Est-ce légal ?
Gros avantage en terme de place, cette idée me pose vraiment question quand à sa réelle efficacité. Permet-elle à l’utilisateur de lire plus vite le formulaire ? De faire moins d’erreurs ?
Dans une analyse très complète [en anglais] de ce nouveau tunnel de commande, Luke Wroblewski, le seigneur des formulaires, nous donner quelques réponses à ce sujet :
« Because labels within fields need to go away when people are entering their answer into an input field, the context for the answer is gone. »
Effectivement, dès que le curseur de l’utilisateur est mis sur le champ, le libellé de ce champ disparait. En le faisant disparaître, c’est également le contexte de champ qui disparait. Si vous prenez, par exemple, les champs d’adresse en bas du formulaire ci-dessous, l’utilisateur peut très bien très vite se perdre en ne sachant plus à quoi correspondent les valeurs de champs. Mais n’exagérons rien, rajoute Wroblewski, dans ce contexte relativement familier de l’achat en ligne, le risque n’est tout de même pas si élevé.
Deuxième point relevé :
« Lastly, labels within input fields should be presented in a way that makes it obvious at first glance that they are labels and not answers. »
La réponse d’Apple.com à ce problème est que les libellés dans les champs sont grisés ce qui doit permettre en principe de les distinguer de la réponse entrée par l’utilisateur.
Lire aussi : The Apple’s checkout form redesign [en anglais]
