{"id":19469,"date":"2017-12-14T18:52:03","date_gmt":"2017-12-14T17:52:03","guid":{"rendered":"https:\/\/www.service-public.pf\/sipf\/?p=19469"},"modified":"2017-12-14T20:38:46","modified_gmt":"2017-12-14T19:38:46","slug":"j7-ergonomie-dans-luxd","status":"publish","type":"post","link":"https:\/\/www.service-public.pf\/dsi\/2017\/12\/14\/j7-ergonomie-dans-luxd\/","title":{"rendered":"J7. Ergonomie dans l&rsquo;UXD"},"content":{"rendered":"<p>Apr\u00e8s une introduction \u00e0 l&rsquo;UXD de David BASSO (son support est arriv\u00e9 et r\u00e9tro-dat\u00e9) puis 5 journ\u00e9es de m\u00e9thodologie UX avec Magali DULLOT, nous avons une journ\u00e9e consacr\u00e9e \u00e0 l&rsquo;ergonomie avec Corinne LEULIER, psychologue cogniticienne.<\/p>\n<p><strong>. L&rsquo;Ergonomie<\/strong> : Discipline scientifique se rapportant \u00e0 l&rsquo;Homme au travail. L&rsquo;humain et la cognition : fonction mentale sup\u00e9rieur situ\u00e9e dans le lobe frontal du cerveau &gt; Projection dans l&rsquo;avenir, m\u00e9moire&#8230; C&rsquo;est la coh\u00e9rence entre le fond et la forme. On distingue :<\/p>\n<ul>\n<li>L&rsquo;ergonomie physique : Confort, s\u00e9curit\u00e9, ambiance<\/li>\n<li>L&rsquo;ergonomie mentale : IHM, interaction homme machine<\/li>\n<\/ul>\n<p><strong>. L&rsquo;UX<\/strong> est un ensemble de pratiques m\u00e9thodologiques dont l&rsquo;ergonomie fait partie pour am\u00e9liorer l&rsquo;exp\u00e9rience de l&rsquo;utilisateur avec pragmatisme et parfois, persuasion.<\/p>\n<p>. Si on vous demande : \u00a0\u00bb <strong>Ceci est-il ergonomique ?<\/strong> \u00a0\u00bb &#8230; r\u00e9pondez :<\/p>\n<ul>\n<li>Ben \u00e7a d\u00e9pend&#8230; (du contexte : mobile\/desktop)<\/li>\n<li>C&rsquo;est pour qui ? (cible\/persona\/objectif)<\/li>\n<li>C&rsquo;est pour quoi faire ? (t\u00e2che\/fonction\/action)<\/li>\n<\/ul>\n<p><strong>. Objectifs de l&rsquo;ergonomie :<\/strong><\/p>\n<ul>\n<li>Simplifier : Nombre de clics minimum pour aboutir<\/li>\n<li>Enlever de la frustration : L&rsquo;utilisateur est exigeant et zappeur<\/li>\n<\/ul>\n<p><strong>. Crit\u00e8res ergonomiques :<\/strong><\/p>\n<ul>\n<li>Utile : Rendre service, rendre plus efficace<\/li>\n<li>Utilisable : Facile, intuitif, confortable, pratique, clair, simple, concis<\/li>\n<\/ul>\n<blockquote><p>\u00a0\u00bb Je suis guid\u00e9, je sais o\u00f9 j&rsquo;en suis\u00a0\u00bb<\/p><\/blockquote>\n<p><strong>. Loi de Parerro (80\/20) :<\/strong> 80% de la MVP en priorit\u00e9, on fera les 20% derniers plus tard.<\/p>\n<p><strong>. Aux USA<\/strong>\/UK\/Scandinavie :\u00a0<strong><a href=\"https:\/\/uxpa.org\/\">UXPA<\/a><\/strong> (User eXperiment Professional Association)<\/p>\n<p><strong>. en France :<\/strong> <strong><a href=\"https:\/\/ergonomie-self.org\/\">SELF<\/a><\/strong> (Syst\u00e8me ergonomique en Langue Fran\u00e7aise)<\/p>\n<p><strong>. En Ergo,<\/strong> la premi\u00e8re impression est souvent la meilleure.<\/p>\n<p><strong>. Diff\u00e9rence entre Difficult\u00e9 et complexit\u00e9 :<\/strong><\/p>\n<ul>\n<li>Compliqu\u00e9 : Il y a une solution : si on d\u00e9coupe en petits bouts, la somme est \u00e9gale au tout<\/li>\n<li>complexe : Il n&rsquo;y a pas de solution : D\u00e9couper en petits bouts ne suffit pas \u00e0 repr\u00e9senter le tout<\/li>\n<\/ul>\n<p><strong>. L&rsquo;ergonomie travail sur la complexit\u00e9 :<\/strong><\/p>\n<ul>\n<li>1 outil<\/li>\n<li>1 utilisateur<\/li>\n<li>1 contexte<\/li>\n<li>1 temps<\/li>\n<\/ul>\n<p><strong>. La vision :<\/strong> Comprendre le monde, le d\u00e9coder. Le cerveau essaye toujours de mettre du sens. Exemple perturbant :<\/p>\n<p><strong>. L&rsquo;effet STROOP :<\/strong> Dire \u00e0 haute voix des mots de couleur ayant &#8211; ou pas &#8211; la couleur qu&rsquo;il \u00e9voque. Exemple :<\/p>\n<ul>\n<li>Bleu \u00e9crit en rouge<\/li>\n<li>Rouge \u00e9crit en vert<\/li>\n<li>Vert \u00e9crit en bleu<\/li>\n<\/ul>\n<blockquote>\n<p style=\"padding-left: 30px;\">les sensations perturbent la s\u00e9mantique cognitive (<strong>bottom\/up<\/strong>)<\/p>\n<p>\u00a0\u00bb On a un mot pour Blanc, les inuites en ont 30 \u00ab\u00a0<\/p><\/blockquote>\n<p><strong>. Dissonance cognitive :<\/strong> Le fond et la forma ne disent pas la m\u00eame chose. Exemple : Message d&rsquo;alerte sur fond vert.<\/p>\n<p><strong>. Cerveau :<\/strong> D\u00e9di\u00e9 au traitement de l&rsquo;info, il est 50% visuel. Le symbole est trait\u00e9 60 000 fois plus vite que le texte<\/p>\n<p><strong>M\u00e9moire :<\/strong> R\u00e9tention d&rsquo;information. Si on lit un texte, 10% est retenu. Si le texte est accompagn\u00e9 d&rsquo;un visuel, le taux passe \u00e0 65%<\/p>\n<p><strong>. Comprendre :<\/strong> M\u00e9moriser des choses + agir en cons\u00e9quence<\/p>\n<p><strong>. Biais cognitif :<\/strong> Croire que quelqu&rsquo;un de beau est digne de confiance. Il y a un \u00e9cart entre ce qu&rsquo;on fait et ce qu&rsquo;on croit avoir fait.<\/p>\n<p><strong>. 8 grands crit\u00e8res de la qualit\u00e9 ergonomique des syst\u00e8mes :<\/strong><\/p>\n<p>&#8230; 3 consacr\u00e9s \u00e0 soulager l&rsquo;effort, \u00e0 simplifier :<\/p>\n<ul>\n<li>Guidage : Savoir o\u00f9 je me trouve (rep\u00e9rage des CTA), lutte contre les erreurs et distractions<\/li>\n<li>Charge de travail (cognitif) : Actions minimales\/densit\u00e9<\/li>\n<li>Signifiance des codes : En utiliser des connus, attention \u00e0 l&rsquo;exotisme des pictos (ajouter un libell\u00e9)<\/li>\n<\/ul>\n<p>&#8230; 3 crit\u00e8res pour hi\u00e9rarchiser et prioriser :<\/p>\n<ul>\n<li>Flexibilit\u00e9 : Que diff\u00e9rents personas arrivent au m\u00eame objectif de diff\u00e9rentes mani\u00e8res<\/li>\n<li>Compatibilit\u00e9 : Du syst\u00e8me avec l&rsquo;utilisateur et compatibilit\u00e9 technique (ex. sur diff\u00e9rents navigateurs)<\/li>\n<li>Homog\u00e9n\u00e9it\u00e9 : La coh\u00e9rence du rep\u00e9rage visuel donne confiance, ajoute de la cr\u00e9dibilit\u00e9<\/li>\n<\/ul>\n<p>&#8230; 2 pour<\/p>\n<ul>\n<li>Gestion des erreurs : Mettre en exergue les champs incomplets comme ceux obligatoires<\/li>\n<li>Contr\u00f4le explicite : De l&rsquo;utlisateur, syst\u00e8me non-intrusif laissant \u00ab\u00a0la main\u00a0\u00bb \u00e0 l&rsquo;usager<\/li>\n<\/ul>\n<p><strong>. M\u00e9thodo ERGO :<\/strong><\/p>\n<ul>\n<li>D\u00e9couverte : Connaissance du produit<\/li>\n<li>Concept : Pour qui ? pour quoi ?<\/li>\n<li>Contrainte : Mobile, environnement<\/li>\n<li>Organisation : Crit\u00e8res pond\u00e9r\u00e9s<\/li>\n<li>Audit : Vue globale<\/li>\n<li>Recommandation : Restitution, synth\u00e8se<\/li>\n<li>Pr\u00e9sentation&#8230;<\/li>\n<\/ul>\n<blockquote><p><strong>OSEZ :<\/strong> Au Qu\u00e9bec on ne dit pas \u00ab\u00a0Prendre un risque\u00a0\u00bb&#8230; on dit \u00ab\u00a0Prendre sa chance\u00a0\u00bb<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apr\u00e8s une introduction \u00e0 l&rsquo;UXD de David BASSO (son support est arriv\u00e9 et r\u00e9tro-dat\u00e9) puis 5 journ\u00e9es de m\u00e9thodologie UX avec Magali DULLOT, nous avons une journ\u00e9e consacr\u00e9e \u00e0 l&rsquo;ergonomie avec Corinne LEULIER, psychologue cogniticienne. . L&rsquo;Ergonomie : Discipline scientifique se rapportant \u00e0 l&rsquo;Homme au travail. L&rsquo;humain et la cognition : fonction mentale sup\u00e9rieur situ\u00e9e dans le lobe frontal du cerveau &gt; Projection dans l&rsquo;avenir, m\u00e9moire&#8230; C&rsquo;est la coh\u00e9rence entre le fond et la forme. On distingue : L&rsquo;ergonomie physique : Confort, s\u00e9curit\u00e9, ambiance L&rsquo;ergonomie mentale : IHM, interaction homme machine . L&rsquo;UX est un ensemble de pratiques m\u00e9thodologiques dont l&rsquo;ergonomie fait partie pour am\u00e9liorer l&rsquo;exp\u00e9rience de l&rsquo;utilisateur avec pragmatisme et parfois, persuasion. . Si on vous demande : \u00a0\u00bb Ceci est-il ergonomique ? \u00a0\u00bb &#8230; r\u00e9pondez : Ben \u00e7a d\u00e9pend&#8230; (du contexte : mobile\/desktop) C&rsquo;est pour qui ? (cible\/persona\/objectif) C&rsquo;est pour quoi faire ? (t\u00e2che\/fonction\/action) . Objectifs de l&rsquo;ergonomie : Simplifier : Nombre de clics [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[163],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/posts\/19469"}],"collection":[{"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/comments?post=19469"}],"version-history":[{"count":0,"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/posts\/19469\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/media?parent=19469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/categories?post=19469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.service-public.pf\/dsi\/wp-json\/wp\/v2\/tags?post=19469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}