{"id":815,"date":"2019-12-04T11:38:14","date_gmt":"2019-12-04T11:38:14","guid":{"rendered":"http:\/\/www.newave.be\/blog\/?p=815"},"modified":"2019-12-04T11:44:47","modified_gmt":"2019-12-04T11:44:47","slug":"lergonomie-des-formulaires","status":"publish","type":"post","link":"http:\/\/www.newave.be\/blog\/2019\/12\/lergonomie-des-formulaires\/","title":{"rendered":"L’ergonomie des formulaires."},"content":{"rendered":"\n

Bonjour, vous l’aurez compris, nous allons parler ici d’ergonomie.
Cette notion qui tend \u00e0 rendre plus clair et plus convivial un site web.
Mais plus pr\u00e9cis\u00e9ment de l’ergonomie au niveau des formulaires.
\n
\n
Pour illustrer ceci, je vais utiliser deux maquettes faites avec le logiciel Balsamiq Mockup.
Ces deux images repr\u00e9sentent un formulaire d’inscription \u00e0 un site web.

Elles contiennent toutes deux un ensemble de champs \u00e0 compl\u00e9ter par un utilisateur qui souhaite s’enregistrer.

La premi\u00e8re repr\u00e9sentation contient quelques d\u00e9fauts en mati\u00e8re d’ergonomie 
qui seront corrig\u00e9es sur la deuxi\u00e8me. <\/p>\n\n\n\n

\n\nRepr\u00e9sentation 1 :\n\n<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Repr\u00e9sentation 2\u00a0: <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nCes d\u00e9fauts peuvent \u00eatre repris en diff\u00e9rents\npoints.


\nLe premier point que l’on constate est que\nbien qu\u2019il est pr\u00e9f\u00e9rable de regrouper les\n\u00e9l\u00e9ments cliquables lorsque ceux-ci sont\nsusceptibles d\u2019\u00eatre utilis\u00e9s simultan\u00e9ment ou successivement.
\nLa loi de la proximit\u00e9 stipule que le cerveau\nhumain assemble les \u00e9l\u00e9ments proches physiquement.
\nIl est donc pr\u00e9f\u00e9rable de regrouper par\ncat\u00e9gories les diff\u00e9rents \u00e9l\u00e9ments.
\nNous aurons donc certes des \u00e9l\u00e9ments qui sont\ns\u00e9par\u00e9s par un espace, car il faut tenir compte de la difficult\u00e9 de certains utilisateurs \u00e0\ncliquer pr\u00e9cis\u00e9ment sur un bouton, mais \u00e9galement regroup\u00e9s par cat\u00e9gorie.


\nDeuxi\u00e8mement de par la loi des fitts qui est la suivante \u00ab\u00a0Une cible est d\u2019autant\nplus facile \u00e0 atteindre qu\u2019elle est proche et grande\u00a0\u00bb.
\nNous pouvons conclure que tout bouton ou champs cliquable\nde taille respectable est pr\u00e9f\u00e9rable. Nous pr\u00e9f\u00e9rerons donc placer 
\nun bouton plus facile \u00e0 atteindre qu’un simple lien\nqui serra plus petit.

\nOn notera \u00e9galement que pour une question de\nvisibilit\u00e9 le formulaire est d\u00e9tach\u00e9 du reste de la page par un espacement correct. les deux parties du formulaire ont \u00e9galement\n\u00e9t\u00e9 plac\u00e9s l’une \u00e0 la suite de l\u2019autre.
\nd\u2019un point de vue purement marketing il aurait m\u00eame\n\u00e9t\u00e9 pensable de les mettre sur deux pages diff\u00e9rentes afin qu\u2019une\nfois le premier formulaire rempli et valid\u00e9\nun membre de l’\u00e9quipe marketing relance l’utilisateur par une demande\nafin qu’il remplisse le formulaire. 

\nEnfin, le bouton \u00ab\u00a0s’enregistrer\u00a0\u00bb bien\nque correcte me fait tout de m\u00eame penser \u00e0 vous parler du concept\nd\u2019affordance. Ce terme d\u00e9signe la capacit\u00e9 de\ntout objet sugg\u00e9rant sa propre utilisation.
\nLe concept est simple, mais il reste encore \u00e0 y\npenser. Il s’agit en fait de mettre un objet-l\u00e0 o\u00f9 on l’attend afin de rendre\nson utilisation intuitive un peu \u00e0 la mani\u00e8re d’un interrupteur \u00e0\nhauteur de main \u00e0 c\u00f4t\u00e9 d\u2019une porte
\nle bouton de formulaire se trouve id\u00e9alement \u00e0 la\nsuite de ce dernier.
\nCes quelques conseils vous permettront de rendre\nvotre site plus facile \u00e0 utiliser et plus convivial aux yeux de vos\nvisiteurs. 

<\/p>\n","protected":false},"excerpt":{"rendered":"

Bonjour, vous l’aurez compris, nous allons parler ici d’ergonomie. Cette notion qui tend \u00e0 rendre plus clair et plus convivial un site web. Mais plus pr\u00e9cis\u00e9ment de l’ergonomie au niveau des formulaires.<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"_links":{"self":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/815"}],"collection":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/comments?post=815"}],"version-history":[{"count":3,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/815\/revisions"}],"predecessor-version":[{"id":822,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/posts\/815\/revisions\/822"}],"wp:attachment":[{"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/media?parent=815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/categories?post=815"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.newave.be\/blog\/wp-json\/wp\/v2\/tags?post=815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}