Une enquête sur des choix de conception ergonomique

Je vous propose de participer à une enquête très intéressante qui ne vous prendra pas plus de 30 secondes : Interface Research. Cette porte sur une dizaine de questions qui présente deux versions d’une interface et vous demande de choisir celle qui vous plait le plus. Exemple avec l’emplacement du bouton ‘Valider‘ dans un formulaire :

interface_survey.jpg

Une fois l’enquête complétée, vous pouvez voir le consensus des participants sur les questions précédemment posée et les résultats sont surprenants notamment sur des questions suggestives (choix de couleur…).

(via GrokDotCom)

27 commentaires pour “Une enquête sur des choix de conception ergonomique”

  1. Posté par Mox Folder a dit : le

    Résultats intéressants (50/50 à date sur l’exemple du submit ;o) dommage qu’on ne sache pas combien de personnes ont répondus.

  2. Posté par Demiurge a dit : le

    Si si ils le disent à la fin ! Il y en a plus de 21000 pour le moment.
    C’est beaucoup, mais est-ce représentatif ?

  3. Posté par Nyro a dit : le

    Très intéressant cette petite étude.
    Les résultats du bouton ‘Valider’ est très intéressant : 50 – 50 (du moins, à l’heure où j’ai fait le test)
    Les réponses sont conditionnés par l’OS selon moi.
    Pour une demande de confirmation, on a OK – Annuler sous Windows et l’inverse sous Mac.
    A quand des pages web en fonction de l’OS ?

  4. Posté par bbx a dit : le

    Je voulais faire un commentaire sur le 50-50 du “Submit”, faut croire que j’étais pas le seul! Pour cela, j’ai un article très intéressant à faire partager (je l’ai sans doute trouvé ici d’ailleurs) :
    http://www.lukew.com/resources/articles/PSactions.asp

    Ou comment améliorer l’interface d’un formulaire et le rendre plus intuitif et plus rapide aussi. A lire pour ceux que le 50-50 du “submit” intriguent. ;)

  5. Posté par myrddin a dit : le

    23000 personnes ont fait le sondage pour le moment, donc on sait leur nombre…
    Sinon très intéressant, quelques questions en plus auraient été pas mal. J’ai été surpris par la réponse de la position du menu. Je trouve que vu que la souris se trouve à droite, il est nettement plus facile d’avoir le menu, à droite (sauf pour les gauchers bien entendu…). Le menu déroulant aussi m’a interpelé, je trouve vraiment ce système pas du tout ergonomique, bon dépend je pense de l’utilisation d’internet…
    Merci bien !

  6. Posté par Jmini a dit : le

    Je n’en reviens pas, à l’heure actuelle on est sur du 50%-50% pour la validation du form…

    Moi quand ils le mettent à gauche, dans presque tous les cas je tombe dans le panneau et je fais la mauvaise action.

    Il me semble que j’avais lu une note sur ton blog ou tu proposais de mettre un bouton pour valider et un lien (ou une image genre une flèche et un lien pour l’autre action). Ça, je pense que c’est vraiment pas mal, mais ce n’était pas dans le sondage…

    PS : Sous Windows vous êtes sûr que le bouton OK/submit/valider est à gauche ?
    La vache vous avez raison…
    http://images.google.com/images?q=boite%20de%20dialogue%20windows
    Si on m’avait demandé j’aurais dit que le bouton OK ou “done” était à droite juste à côté du bouton “Appliquer” je n’ai jamais compris l’intérêt…

    PS : je dois être fatigué, je ne vois même pas le bouton de validation de ce formulaire dans safari, j’ai du prendre Firefox pour voir qu’Envoyer était à droite.

  7. Posté par Une enquête sur des choix de conception ergonomique - Kazhar a dit : le

    [...] Source : Une enquête sur des choix de conception ergonomique [...]

  8. Posté par Rodolphe a dit : le

    50% – 50% sur la position du bouton
    5% de mac – 95% de Windows
    est ce que Windows n’aurait pas une tendance à contraindre nos habitudes naturelles ????
    valider à gauche, parcourir un menu déroulant du bas vers le haut, “démarrer” pour arrêter
    à mon avis, des réflexes qui nous parraissaient inconcevables il y a 10 ans ne choquent plus personne aujourd’hui. l’usage créée l’utilisabilité…

  9. Posté par batspad a dit : le

    50/50 c’est une demonstration que le design d’interface est subjectif ou/et basé sur l’habitus.
    Cela nous démontre que la conception n’est pas la production de recette toute faite ou basé sur le simple addition des besoins.
    bref que l’ergonomie ou l’usabilité est une impasse, car très subjective, rassurante, produisant de l’uniformité et donc dangereuse à terme
    C’est le desir et non le besoin qu’il s’agit désormais de mettre en scéne.

  10. Posté par LapinLove404 a dit : le

    Intéressant, de fait.

    Mais je trouve la méthode incomplète. Je crois que les résultat d’un “test” pour la position des boutons ou de la fermeture des “bulles” serait plus efficace et intéressant.

    Par example, je trouve l’article de Functionning Form “Primary & Secondary Actions in Web Forms” plus intéressant et riche en conseil directement utilisables : http://www.lukew.com/resources/articles/PSactions.asp

  11. Posté par Mtahieu doucheapied a dit : le

    Très intéressant cet article, ça donne à réfléchir sur la conception des sites actuels, merci fred :]

  12. Posté par Meve a dit : le

    Perso je dirai à droite mais d’après moi c’est surtout le graphisme et la différence visuelle entre les 2 boutons qui peut guider le mieux l’utilisateur à faire le bon choix.

    LukeW y consacre un slide dans sa présentation disponible là : http://www.lukew.com/resources/articles/UI12_LukeW_WebForms.pdf

  13. Posté par Meve a dit : le

    Perso je dirai à droite mais d’après moi c’est surtout le graphisme et la différence visuelle entre les 2 boutons qui peut guider le mieux l’utilisateur à faire le bon choix.

    LukeW y consacre un slide dans sa présentation UI12_LukeW_WebForms(disponible sur son site)

  14. Posté par fky a dit : le

    Pour le cas particulier du submit, toutes les études d’ergonomie concluent que le bouton de validation doit être à droite (en tout cas pour ceux dont la langue se lit de gauche à droite). Faut-il donner aux gens ce qu’ils veulent ou ce qui est mieux pour eux?

  15. Posté par Olivier D. alias ze kat a dit : le

    Bof, l’idée etait bonne, mais le questionnaire manque de profondeur et de diversité pour que çà soit instructif :o| .oO(les résultats sont triviaux)

  16. Posté par lekin a dit : le

    perso je préfère nettement le bouton submit à gauche, puisque c’est la première chose que je cherche à faire après avoir rempli mon formulaire

    je suis aussi très étonné par la deuxième question concernant l’interlignage du texte, avec une faible préférence pour un texte plus dense.

  17. Posté par xtml a dit : le

    Remarquable! Super génial!
    Pour moi le résultat le plus intéressant (mais pas étonnant), c’est l’usage du menu a gauche qui est privilégie mal grès (a mon avis) sa mauvaise ergonomie (un va et viens inutile avec la souris…) de nos jours avec l’usage des sites web! C’est principalement du a l’histoire de l’informatique depuis des décennies….
    L’ergonomie est différente entre l’usage d’un site web et un logiciel installé sur l’ordinateur de bureau!.
    De nos jour avec la barre de défilement a gauche du navigateur et l’arrivée des mobiles, la tendance sera inversée… a suivre…..

  18. Posté par lekin a dit : le

    perso je préfère nettement le bouton submit à gauche, puisque c’est la première chose que je cherche à faire après avoir rempli mon formulaire

    je suis aussi très étonné par la deuxième question concernant l’interlignage du texte, avec une faible préférence pour un texte plus dense.

    (à l’instant j’ai failli faire ‘prévisualiser’ sur ce présent formulaire alors que j’aurais préféré faire ‘envoyer’, en fait ce formulaire correspond à l’option la moins intuitive présentée sur la page http://www.lukew.com/resources/articles/PSactions.asp !)

  19. Posté par xhtml a dit : le

    Remarquable! Super génial!
    Pour moi le résultat le plus intéressant (mais pas étonnant), c’est l’usage du menu a gauche qui est privilégie mal grès (a mon avis) sa mauvaise ergonomie (un va et viens inutile avec la souris…) de nos jours avec l’usage des sites web! C’est principalement du a l’histoire de l’informatique depuis des décennies….
    L’ergonomie est différente entre l’usage d’un site web et un logiciel installé sur l’ordinateur de bureau!.
    De nos jour avec la barre de défilement a gauche du navigateur et l’arrivée des mobiles, la tendance sera inversée… a suivre…..
    PS: internet = droite logiciel sur poste fixe (client) = gauche

  20. Posté par bokehfr a dit : le

    Le bouton OK à droite me semble logique. Mais ca ne l’est apparement pas pour tout le monde. Bizarre.

    Par contre, je ne sais pas à quoi sert le bouton annuler ? Perso, je le vire sur tous les sites que je gère.

  21. Posté par Guillermo a dit : le

    Il serait intéressant de recouper avec l’origine des connexions. J’ai travaillé autrefois sur des sites en hébreux et en arabe, le regard s’en trouve quelque peu … inversé.

    Pour le bouton ‘annuler’, pour ma part je le laisse volontiers, mais sa fonction est plutôt de rassurer en affichant clairement la possibilité d’annuler.

  22. Posté par mathieu douche a pied a dit : le

    On a qu’a le mettre au milieu ;]

  23. Posté par benoit a dit : le

    et si on virait le “cancel”! que je n’utilise jamais et qui a mon sens ne sert a rien ;)

  24. Posté par thierry a dit : le

    “Par contre, je ne sais pas à quoi sert le bouton annuler ? Perso, je le vire sur tous les sites que je gère.”

    “et si on virait le “cancel”! que je n’utilise jamais et qui a mon sens ne sert a rien

    Sur un pc privé, non; sur un pc public ou d’entreprise, oui: l’emploi du bouton back fair rapp

  25. Posté par ameeta jadav a dit : le

    I am afraid I cannot write in French. Pardon.

    The survey you all have so kindly commented on was done by students in my class (IMD 440 Interactive Message Design) at The Art Institute of Atlanta.

    Our goal in doing this survey was to question design assumptions made by a web designers.

    We have taken a set of rather complicated and intervening variables and simplified them into two options. Needless to say, the conclusions are not definitive but indicative and do warrant further exploration.

    For example, user response would be affected by the color of the form fields and may be blue would elicit a different response than green. Similarly, the presence/absence of the cancel option would impact reaction to the submit option.

    We see this survey as a beginning of an inquiry and your participation and responses have helped us make a move in the right direction.

    Merci Beaucoup.

    Ameeta Jadav PhD

  26. Posté par thierry a dit : le

    (désolé, doublon, fausse manoeuvre)

    “Par contre, je ne sais pas à quoi sert le bouton annuler ? Perso, je le vire sur tous les sites que je gère.”

    “et si on virait le “cancel”! que je n’utilise jamais et qui a mon sens ne sert a rien

    Sur un pc privé, non; sur un pc public ou d’entreprise, oui: l’emploi du bouton back fait réapparaître la page avec le formulaire complété.

    Les données communiquées peuvent être préjudiciables à la personne, de même que son usage d’un pc à des fins personnelles sur le lieu de travail, si un formulaire est complété/envoyé à des fins personnelles.

  27. Posté par alex de Referencement Blog a dit : le

    Bonjour à tous,

    On est tous d’accord le lien pour annuler et le bouton pour valider c’est le top :D

    En ce qui me concerne je préfère le bouton “Valider” à droite (“Annulation” à gauche), car je préfère le bouton “Suivant” à droite (“Précédent” à gauche). Selon moi, le “Valider” c’est la dernière étape d’un processus (parfois à 1 seule étape) et cet ordre est traditionnel : avenir à droite (passé à gauche).

    Après les habitudes, je ne pense pas qu’il n’y ait que les Windowsiens qui en prennent :D