{"id":3775,"date":"2015-02-24T10:51:28","date_gmt":"2015-02-24T10:51:28","guid":{"rendered":"http:\/\/localhost:10003\/fr\/?p=3775"},"modified":"2016-06-15T15:44:02","modified_gmt":"2016-06-15T15:44:02","slug":"limportance-de-lergonomie","status":"publish","type":"post","link":"https:\/\/app.racontr.com\/fr\/limportance-de-lergonomie\/","title":{"rendered":"L’importance de l’ergonomie"},"content":{"rendered":"

[vc_row type=\u00a0\u00bbimage\u00a0\u00bb bg_image=\u00a0\u00bb3365″][vc_column][vc_separator color=\u00a0\u00bbcustom\u00a0\u00bb accent_color=\u00a0\u00bbrgba(0,0,0,0.01)\u00a0\u00bb][vc_single_image image=\u00a0\u00bb3776″ img_size=\u00a0\u00bbfull\u00a0\u00bb alignment=\u00a0\u00bbcenter\u00a0\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00a0\u00bb5\/6″][vc_separator color=\u00a0\u00bbcustom\u00a0\u00bb accent_color=\u00a0\u00bbrgba(0,0,0,0.01)\u00a0\u00bb][vc_column_text]<\/p>\n

La perception humaine dans le traitement de l?information<\/h3>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=\u00a0\u00bb2\/3″][vc_column_text]Lorsque nous ?crivons un r?cit ou que nous ?laborons un contenu, nous devons nous assurer de faciliter la transmission de l?information, tant dans le fond que dans la forme. ?<\/strong><\/p>\n

Un WebDocumentaire<\/strong> o? il n?y a aucun lien logique, pas d?interfaces intuitives et des textes mal affich?s aura tr?s peu<\/strong> de chance de marcher lors de sa sortie.<\/p>\n

D?exp?rience, nous avons constat? que la plupart des projets qui profitent d?une grande visibilit? sont ceux qui vontstructurer<\/strong>, hi?rarchiser<\/strong> et penser<\/strong> logiquement<\/strong> le contenu, donnant alors envie de se plonger dans l?oeuvre interactive<\/strong>.<\/p>\n

La th?orie de la forme<\/strong> (de l?allemand ?Gestalttheorie<\/em>?) datant de la fin du 19 ?me si?cle, stipule que le cerveau humain, de mani?re inn?e, va mettre en forme ce qu?il per?oit pour l?organiser et le clarifier. En d?autre terme, la perception humaine vastructurer l?information<\/strong> qu?elle re?oit pour y donner une signification<\/strong>.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/3″][vc_single_image image=\u00a0\u00bb3389″ img_size=\u00a0\u00bbfull\u00a0\u00bb][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

\n
\n
\n
\n
\n
\n

Dans le storytelling<\/strong> num?rique<\/strong>, il est tr?s important d?apprendre ? dompter sensitivement son audimat : la vue<\/strong> (par le graphisme et les m?dias), l?ou?e<\/strong> (des pistes sons adapt?es), voire m?me le toucher<\/strong> (en faisant jouer le public?au clic\/tap, scroll, rollover?) sont ? solliciter !<\/p>\n

<\/h4>\n<\/div>\n<\/section>\n<\/div>\n
\n
\n
\n

La majorit? des g?ants d?Internet ne laisse pas de place au hasard : de nombreux ergonomes<\/strong> et UX designers<\/strong> ont recours aux lois de la th?orie des formes<\/strong> pour structurer et cr?er des contenus interactifs, interfaces, articles, tunnels de vente? Par exemple, un exc?s d??l?ments graphiques ou un texte non a?r? va entraver la lecture; ? contrario, un design ?pur?<\/strong>, minimaliste et bien pens? sera plus efficace<\/strong> qu?un contenu surcharg? !<\/p>\n

Nous allons passer en revue quelques unes des lois de la th?orie de la Forme.<\/strong><\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n

[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text]La loi de proximit? :<\/b><\/p>\n

Par d?faut, notre cerveau regroupe les objets physiquement ou visuellement proches et consid?re qu?ils sont li?s entre eux. Plus les ?l?ments seront proches<\/strong>, plus nous trouverons un lien logique<\/strong>entre eux !<\/p>\n

A l?inverse, des objets avec une grande distance<\/strong> entre eux ne sembleront pas appartenir au m?me groupe.<\/strong><\/p>\n

Dans le journalisme par exemple, ce principe se retrouve : les informations ont plus ou moins d?importance pour le lecteur suivant la proximit? affective, g?ographique, socio-professionnelle et temporelle<\/strong> qu?elles occupent ![\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_single_image image=\u00a0\u00bb3371″ img_size=\u00a0\u00bbfull\u00a0\u00bb][vc_column_text]Souvent, nous verrons sur cette figure 3 paires de traits plut?t que 7 b?tons.<\/em>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_single_image image=\u00a0\u00bb3368″ img_size=\u00a0\u00bbfull\u00a0\u00bb][vc_column_text]Ces trois offres sur Lastminute.fr sont dispos?es comme une seule unit?, de part leur proximit?. Id?al pour cette rubrique destin?e ? trois produits ?incontournables?.<\/em>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]La loi de similitude<\/b><\/p>\n

Le c?l?bre adage ?qui se ressemble s?assemble? prend ici tout son sens : lorsque l?on regroupe des ?l?ments semblables, ils seront per?us comme un ensemble homog?ne<\/strong>. Ceci est expliqu? par notre besoin de comprendre et de regrouper ensemble les choses de m?me nature<\/strong> (couleur, taille, forme ?).<\/p>\n

La distance entre diff?rents ?l?ments va donc recouper l?ensemble en fonction des?similitudes<\/strong>.<\/p>\n

Pour un internaute, les ?l?ments graphiques se ressemblant (boutons, couleurs, menus ?) vont ?tre interpr?t?s comme ayant la m?me fonctionnalit?<\/strong> et appartenant au m?me univers<\/strong> ![\/vc_column_text][vc_single_image image=\u00a0\u00bb3377″ img_size=\u00a0\u00bbfull\u00a0\u00bb alignment=\u00a0\u00bbcenter\u00a0\u00bb][vc_column_text]Par exemple, les choix des ic?nes, pictogrammes ou d?une charte graphique bien d?finie sont des indices visuels qui vont ?tre primordiaux<\/strong> pour bien guider l?utilisateur dans un contenu interactif.<\/strong>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_single_image image=\u00a0\u00bb3380″ img_size=\u00a0\u00bbfull\u00a0\u00bb][vc_column_text]Ici, nous apercevrons g?n?ralement 2 lignes de points noirs et 2 lignes de points blancs et rarement au premier abord des points noirs et blancs successivement, en colonne.<\/em>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_single_image image=\u00a0\u00bb3374″ img_size=\u00a0\u00bbfull\u00a0\u00bb][vc_column_text]<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n

De mani?re logique, ce menu tir? du site Amazon est compr?hensible ? l?aide d?intitul?s en gras et orange (couleur phare de la marque). D?un coup d?oeil et sans lire le contenus, nous avons conscience qu?il s?agit de diff?rentes cat?gories de produits et non d?une banale liste de mots.<\/em><\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text]La loi de la simplicit?<\/b><\/p>\n

Elle stipule que notre perception rationnelle<\/strong> du monde va d?construire les formes complexes<\/strong> pour les rendre sym?triques<\/strong>, simples<\/strong> et connues<\/strong>. Dans un ensemble de donn?e, c?est la forme r?guli?re qui s?imposera ? nous au d?part, afin d?en faciliter notre compr?hension.<\/p>\n

Il est donc tr?s recommand? de r?fl?chir aux formes et ? l?agencement de ses ?l?ments dans un contenu interactif<\/strong>, cela peut avoir une grande importance dans la compr?hension et l?impact cognitif de votre projet.[\/vc_column_text][vc_single_image image=\u00a0\u00bb3392″ img_size=\u00a0\u00bbfull\u00a0\u00bb alignment=\u00a0\u00bbcenter\u00a0\u00bb][vc_column_text]A premi?re vue, une tache ou des points noirs ? Cherchez bien avant de regarder la r?ponse plus bas, une fois que vous aurez la solution, vous ne verrez plus jamais l?image comme la premi?re fois !<\/em><\/p>\n

Il s?agit en r?alit? d?une ?? vache qui vous regarde !<\/em>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_column_text]<\/p>\n

\n
\n
\n

En conclusion<\/strong><\/p>\n

Une?proximit?<\/strong>, une similitude<\/strong> uniforme<\/strong> et une continuit?<\/strong> logique<\/strong>?sont au c?ur de la th?orie de la Gestalt et de la conception interactive<\/strong>. Un projet multim?dia doit s?assurer d??tre pens? en amont pour faciliter et rendre agr?able sa lecture, son visionnage.<\/p>\n

Notre perception d?une oeuvre va avoir un grand impact sur la mani?re dont sera alors re?ue l?information qu?elle contient. Il ne vous reste plus qu?? passionner votre publique avec des contenus ergonomiques et intuitifs !<\/strong><\/p>\n<\/div>\n<\/section>\n<\/div>\n

<\/div>\n
Auteur : Axel Boeykens<\/div>\n

[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/2″][vc_column_text]Pour en savoir plus sur la th?orie de la Gestalt :<\/b><\/p>\n

Le bloc-notes : ergonomie & UX<\/a><\/p>\n

La?hi?rarchie?de l?information<\/a><\/p>\n

Wikipedia<\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=\u00a0\u00bb1\/6″][vc_separator color=\u00a0\u00bbcustom\u00a0\u00bb accent_color=\u00a0\u00bbrgba(0,0,0,0.01)\u00a0\u00bb][vc_widget_sidebar sidebar_id=\u00a0\u00bbsidebar-9″][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

La perception humaine dans le traitement de l?information<\/p>\n","protected":false},"author":2,"featured_media":3384,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-3775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-le-temps-dun-cafe"],"_links":{"self":[{"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/posts\/3775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/comments?post=3775"}],"version-history":[{"count":0,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/posts\/3775\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/media\/3384"}],"wp:attachment":[{"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/media?parent=3775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/categories?post=3775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/app.racontr.com\/fr\/wp-json\/wp\/v2\/tags?post=3775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}