<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2frenchfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.titou.net/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"> <channel><title>titou.net</title> <link>http://www.titou.net</link> <description>Ce qui n'est pas partagé est perdu...</description> <lastBuildDate>Thu, 09 Feb 2012 20:55:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator>  <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.titou.net/titou" /><feedburner:info uri="titou" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://www.titou.net/?pushpress=hub" /><geo:lat>43.730895</geo:lat><geo:long>0.876696</geo:long><creativeCommons:license>http://creativecommons.org/licenses/by-nc-sa/2.0/</creativeCommons:license><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><meta xmlns="http://pipes.yahoo.com" name="pipes" content="noprocess" /><image><link>http://www.titou.net/</link><url>http://www.titou.net/images/titou.jpg</url><title>Titou</title></image><feedburner:emailServiceId>titou</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.titou.net%2Ftitou" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.titou.net%2Ftitou" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.titou.net%2Ftitou" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://www.feedly.com/home#subscription/feed/http://feeds.titou.net/titou[action.subscribe" src="http://www.titou.net/images/feedly_chicklet.jpg">Abonnement via Feedly</feedburner:feedFlare><feedburner:browserFriendly>Ce flux est issu de mon blog où sont diffusées les nouveautés sur les différents sites web dont je suis webmaster : les Pénibles de Mauvezin dans le Gers en Gascogne, le DODO Surf Club (Ile de La Réunion, spot de Trois Bassins), les Beouetsavic et mon site personnel : titou.net.</feedburner:browserFriendly><item><title>Humeur : tout le monde il est beau, tout le monde il est ergonome</title><link>http://feeds.titou.net/~r/titou/~3/w7J164-LffM/</link> <comments>http://www.titou.net/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/#comments</comments> <pubDate>Thu, 28 Jul 2011 11:49:56 +0000</pubDate> <dc:creator>Titou</dc:creator> <category><![CDATA[titou.net]]></category> <category><![CDATA[ergonome]]></category> <category><![CDATA[ergonomie]]></category> <category><![CDATA[facteur humain]]></category> <category><![CDATA[facteurs humains et organisationnels]]></category> <category><![CDATA[FH]]></category> <category><![CDATA[FHO]]></category> <category><![CDATA[GUI]]></category> <category><![CDATA[IHM]]></category> <category><![CDATA[UX]]></category> <guid isPermaLink="false">http://www.titou.net/?p=9132</guid> <description><![CDATA[Après 15 ans de pratique, mon premier billet sur un métier trop vaste, celui d'ergonome, dont le nom est galvaudé, déformé et caricaturé à l’extrême. J'y évoque de nombreux aspects, en balayant les domaines des facteurs humains et organisationnels jusqu'à l'ergonomie web, les connections avec le marketing et le design graphique, la cohabitation entre métiers de la conception, le fait que l'ergonomie d'un dispositif et l'expérience utilisateur est une construction collective et non pas l'affaire d'un seul expert.]]></description> <content:encoded><![CDATA[<h3>Attention, Explicit Words</h3><p>Attention, le présent texte contient des mots grossiers qui peuvent être nuisibles aux padawans (apprentis) ergonomes : &laquo;&nbsp;connerie&nbsp;&raquo;, &laquo;&nbsp;bullshit&nbsp;&raquo; (caca de taureau) et &laquo;&nbsp;branlette&nbsp;&raquo;.</p><h3>Comment ce billet a muri</h3><p>Il y a quelques temps, j&#8217;ai décidé de me lancer dans un petit point lexical sur les composants d&#8217;interfaces graphiques utilisateur à l&#8217;usage des concepteurs. Comme il y a pas mal de choses à dire, je me suis dit que j’allais plutôt faire une série de billets.</p><p>Finalement, je n&#8217;écris pas de billets sur la conception ergonomique dans ce blog, alors que j&#8217;exerce le métier d&#8217;ergonome. Ça n’a jamais été la ligne éditoriale de ce blog. Il y a bien <a
title="Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou d’uniformité des interfaces utilisateur ?" href="http://www.titou.net/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/">ce billet récent</a> sur les <strong>Rich Internet Applications,</strong> qui a été publié également sur le <strong><a
href="http://www.journaldunet.com/developpeur/expert/48866/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier---vers-plus-de-diversite-ou-d-uniformite-des-interfaces-utilisateur.shtml">Journal du Net</a></strong>, où j’aborde quelques questions d’ergonomie des interfaces hommes-machines. Mais attention, l&#8217;ergonomie des interfaces hommes-machine n&#8217;est pas l&#8217;ergonomie, qui est un domaine bien plus vaste (je vais y revenir plus bas). Et l&#8217;ergonomie web, elle, n&#8217;est qu&#8217;un sous-ensemble de l&#8217;ergonomie des interfaces hommes-machines qui a ses propres spécificités :  l&#8217;ergonomie web est une ergonomie d&#8217;un produit : le web. C&#8217;est pour cela que j&#8217;écris parfois que &laquo;&nbsp;l&#8217;ergonomie web est un art mineur&nbsp;&raquo;.</p><p>Quand j’ai commencé à rédiger le brouillon de la première série de billet à paraître (un lexique des composants), je me suis rendu compte que dans mon texte, je profitais de ce thème pour commencer à me défouler sur toutes les conneries que j’entends sur l’ergonomie et les ergonomes depuis de nombreuses années. Sans doute parce que je suis resté trop longtemps silencieux.</p><p>Alors je me suis dit que j’allais en faire un billet à part, sous forme de coup de gueule, pour me défouler, et pour être en phase avec la baseline de ce blog : « Ce qui n’est pas partagé est perdu » © <a
href="https://twitter.com/nenhang">@Nenhang</a>.</p><p><span
id="more-9132"></span></p><h3>Préambule de non-propagande</h3><p>Avant de continuer, je précise que l&#8217;objet ici n&#8217;est pas de faire du corporatisme pour la profession d&#8217;ergonome, qu&#8217;on se le dise. Et ce n’est pas moi qui le dit : allez voir certaines <a
href="http://fr.linkedin.com/in/pierrelannes">recommandations sur mon profil <strong>LinkedIn</strong></a>, ça devrait suffire à vous convaincre que je ne suis pas un intégriste de l’ergonomie. Les conneries que j&#8217;entends sur l&#8217;ergonomie me fatiguent. Mais à vrai dire rien ne me fatigue plus encore que les discussions entre certains ergonomes. La <a
href="https://listes.cru.fr/sympa/info/ergoihm">liste <strong>ErgoIHM</strong></a> contient le plus souvent de l&#8217;entraide, des offres d&#8217;emploi et des échanges très intéressants, mais on a pu parfois y lire ces débats récurrents et corporatistes auxquels je fais allusion (oui, toi qui sais de quoi je parle, tu souris, ou tu grinces les dents ? Tu me dis &laquo;&nbsp;vas donc sur <strong><a
href="https://listes.cru.fr/sympa/info/ergoliste">ErgoListe</a></strong>, hein ?&nbsp;&raquo;).</p><p>Cela fait 15 ans que j&#8217;exerce le boulot d&#8217;ergonome, dans à peu prêt toutes ses dimensions : les postes de travail (au sens physique), le vaste domaine des facteurs humains et organisationnels, et les IHM (interfaces hommes-machines) professionnelles ou grand public, et ce dans des secteurs variés, voir <a
href="http://www.behance.net/titou">quelques exemples de mes réalisations sur <strong>mon porfolio</strong></a>. Ça ne veut pas dire que je suis un bon ergonome, mais plutôt que j&#8217;arrive à un âge avancé où l&#8217;on s&#8217;octroie le droit d&#8217;écrire des conneries.</p><p>Cela veut dire aussi que je ne pourrai pas rentrer dans la guerre stérile et stupide entre les ergonomes facteurs humains et organisationnels dans les entreprises, et les ergonomes qui travaillent plutôt pour les applications et sites grand public. Qu&#8217;on soit de droite ou de gauche, on est hémiplégique, disait <strong>Raymond Aron</strong>. Chères consœurs et confrères je veux vous rassurer : bosser à la fois sur les facteurs humains et organisationnels en entreprise et sur les <strong>IHM</strong> grand public ou métier ne m&#8217;a pas rendu bipolaire ou psychotique (enfin, je pense&#8230;). Je dirai même que la distinction entre ces domaines n&#8217;a pas lieu d&#8217;être et que nous ferions mieux de défendre notre métier au lieu de nous friter entre nous, et intelligemment, sans rentrer non plus dans un corporatisme stupide et improductif tant le besoin d&#8217;ouverture et de lutte contre les lieux communs est fort dans notre métier.</p><h3>Mais au fait, c&#8217;est quoi l&#8217;ergonomie ? Et un ergonome ?</h3><p>Tous les matins, pour relativiser, je me dis : dans &laquo;&nbsp;ergonome&nbsp;&raquo;, il y a &laquo;&nbsp;gnome&nbsp;&raquo;. Ça me fait beaucoup de bien.</p><p>En fait, aujourd&#8217;hui, tout le monde connait l&#8217;ergonomie, où plutôt, croît la connaître. Hier encore, lors du quart d&#8217;heure de culture auquel je me contrains quotidiennement pour ne pas sombrer dans l&#8217;ignorance, j&#8217;entendais sur <strong>TF1</strong>, dans l&#8217;émission <strong>&laquo;&nbsp;Le juste prix&nbsp;&raquo;</strong>, une des &laquo;&nbsp;Lagaf girls&nbsp;&raquo; parler d&#8217;ergonomie, au sujet d&#8217;une <strong>poignée d&#8217;aspirateur</strong> me semble-t-il. Dans la publicité d&#8217;intermède durant la dite émission télévisuelle, un clip faisait la promotion d&#8217;un tube de joint de silicone avec <strong>poignée ergonomique</strong>. Du coup, pour le commun, l&#8217;ergonomie c&#8217;est une affaire de <strong>poignée</strong>. Et de là à dire que l&#8217;ergonomie, c&#8217;est de la branlette, il n&#8217;y a vraiment plus qu&#8217;un pas à franchir, ou un petit coup de poignée si vous préférez.</p><p>En fait, l&#8217;ergonomie, ça serait donc lorsqu&#8217;une partie d&#8217;un produit avec laquelle l&#8217;homme est en contact est un peu mieux dessinée (esthétiquement&#8230;) que les produits concurrents ou d&#8217;entrée de gamme de la marque. Voilà, pour faire court, comment le marketing s&#8217;est approprié l&#8217;ergonomie pour en faire un argument de vente, et a complètement déformé et occulté sa réalité. Pour l&#8217;instant, ici, nous restons au niveau de l&#8217;ergonomie d&#8217;un produit matériel et de l&#8217;imagerie véhiculée par les médias de masse. Le design graphique avec lequel l&#8217;ergonomie est souvent confondue, se préoccupe de à la fois de l&#8217;utilisabilité et à l&#8217;aspect esthétique du produit, là ou l&#8217;ergonomie se concentre sur l&#8217;efficacité, et bien sûr aussi de l&#8217;utilisabilité. Les designers, comme les ergonomes, souffrent également de confusions réductrices. En effet, en France, on utilise souvent le mot &laquo;&nbsp;design&nbsp;&raquo; en le réduisant au design graphique ou à l&#8217;aspect esthétique du produit. Alors que le design couvre la totalité des aspects de la conception, à commencer par l&#8217;étude des usages. Les liens avec l&#8217;ergonomie sont alors évidents. Pour un autre versant marginal mais très visible de l&#8217;ergonomie, l&#8217;ergonomie web et des applications logicielles grand public, dans ce monde de <strong><a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Natif_num%C3%A9rique">digital natives</a></strong> qui sont persuadés que l&#8217;ergonomie n&#8217;existe que dans le monde du web (là où on en a sans doute le moins besoin) et depuis l&#8217;effondrement des tours du <strong>World Trade Center</strong> (même le monde n&#8217;existait pas avant), c&#8217;est encore une autre type de caricature bien plus nocive qui est à l’œuvre. En effet, combien de fois ai-je entendu la phrase qui fait hérisser tout ergonome normalement constitué : &laquo;&nbsp;l&#8217;ergonomie, c&#8217;est tout simplement une affaire de bon sens&nbsp;&raquo;. Le <strong>&laquo;&nbsp;bon sens&nbsp;&raquo;</strong> dont le maître en ergonomie de l&#8217;écrivain <a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Maxime_Vivas"><strong>Maxime Vivas</strong></a> disait crûment qu’il est <strong>&laquo;&nbsp;la connerie unanimement partagée par un groupe homogène&nbsp;&raquo;</strong>.</p><p>Alors l&#8217;ergonomie c&#8217;est quoi ? La mise en application de la connerie ? Cela nous prendra 10 secondes d&#8217;aller vérifier <a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Ergonomie">sur <strong>Wikipédia</strong></a> : c&#8217;est « l&#8217;étude scientifique de la relation entre l&#8217;homme et ses moyens, méthodes et milieux de travail » et l&#8217;application de ces connaissances à la <strong>conception de systèmes</strong> « qui puissent être utilisés avec le maximum de confort, de sécurité et d&#8217;efficacité par le plus grand nombre. ». La &laquo;&nbsp;conception de systèmes&nbsp;&raquo; cela veut dire qu&#8217;un ergonome va étudier et potentiellement agir sur tout l&#8217;<strong>écosystème de l&#8217;homme avec son environnement de travail</strong> :</p><ul><li>Le poste de travail au sens environnemental et physique : acoustique, luminosité, atmosphère, dimension, forme et fonctionnement des dispositifs, au regard des caractéristiques mécaniques et motrices humaines, anthropométriques, physiologiques, sensorielles, les rythmes biologiques, etc.</li><li>Les processus et les flux dans lesquels s&#8217;exécute l&#8217;activité, en prenant en compte les aspects individuels et collectifs sur les plans psychosociaux, stratégiques (et managériaux), organisationnels (au sens très large du terme), mais aussi les dimensions temporelles (saisonnalités et horaires de travail, fluctuation des activités), logistiques.</li><li>Les processus cognitifs mis en œuvre, en prenant en compte les aspects liés à l&#8217;apprentissage, l&#8217;expertise, les régulations de l&#8217;activité mentale, dans ses dimensions individuelles et collectives.</li><li>La prise en compte de ces mécanismes humains dans leur ensemble : physiologiques, cognitifs et psychosociaux et leur rôle dans la régulation de l&#8217;activité de l&#8217;opérateur humain.</li><li>Les dispositifs avec lesquels les individus interagissent avec le système, et parmi ceux-ci, les outils de commandes mécaniques ou informatiques.</li></ul><p>Remarquez que l&#8217;on va un petit peu plus loin que l&#8217;esthétique d&#8217;une poignée d&#8217;aspirateur, où le choix entre un menu de navigation vertical ou horizontal sur un site web&#8230; Vous comprenez mieux que lorsqu&#8217;un individu se dit ergonome et qu&#8217;il sous-tend que cela ne concerne que l&#8217;application de bon sens et de bonnes pratiques sur des sites web, ou pire, qu&#8217;il assimile ça uniquement à du design graphique, ça a tendance un peux à m&#8217;agacer. Mais au fait, a-t-on vraiment besoin d&#8217;un ergonome, en particulier dans le monde du web et des applications grands public ? Cela reste à prouver. C&#8217;est à nous de le montrer.</p><p>Pour écrire ce qu&#8217;est un ergonome et quel est son rôle, je vais de nouveau emprunter à <a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Maxime_Vivas"><strong>Maxime Vivas</strong></a> qui est un ancien ergonome qui sait écrire : l&#8217;ergonome est &laquo;&nbsp;un analyste du travail dont la tâche est de créer des situations où les opérateurs humains sont placés dans de meilleures conditions de confort, de sécurité et d’efficacité. Confort, on voit là le profit pour les opérateurs. Efficacité, on voit celui de l’entreprise. L’intérêt commun est dans la sécurité, la diminution des accidents de travail.&nbsp;&raquo; Par extension, au niveau de l&#8217;ergonomie web par exemple, traduisez cela par l&#8217;amélioration de l&#8217;expérience utilisateur (<strong>U</strong>ser e<strong>X</strong>perience) pour l&#8217;internaute, et du côté du site web l&#8217;augmentation du <strong><a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Taux_de_conversion#Internet">taux de conversion</a></strong>, ou du &laquo;&nbsp;bon click&nbsp;&raquo; et du chiffre d&#8217;affaire.</p><h3>Marketing de l&#8217;ergonomie : faire du neuf avec du vieux, ou carrément du bullshit</h3><p
style="text-align: center;"><em>Vieille ComboBox datant</em><br
/> <em>de l&#8217;antiquité :</em></p><div
style="text-align: center;"><img
class="aligncenter size-full wp-image-9904" style="border: 1px solid black; margin-bottom: 10px;" title="combobox" src="http://www.titou.net/wp-content/uploads/2011/07/combobox.png" alt="combobox Humeur : tout le monde il est beau, tout le monde il est ergonome" width="400" height="300" /></div><p
style="text-align: center;"><em>Superméga moteur de recherche intersidéral</em><br
/> <em>avec autocomplétion catégorisée, </em><br
/> <em>en JQuery &laquo;&nbsp;Mon Dieu que c&#8217;est beau&nbsp;&raquo; :</em></p><div
style="text-align: center;"><img
class="aligncenter size-full wp-image-9905" style="margin-bottom: 10px;" title="autocomplete" src="http://www.titou.net/wp-content/uploads/2011/07/autocomplete.png" alt="autocomplete Humeur : tout le monde il est beau, tout le monde il est ergonome" width="331" height="290" /></div><p>Même si les applications, les affichages et les modes d&#8217;interaction se diversifient sur les interfaces hommes-machine (tablettes tactiles, consoles avec capteurs de mouvements, etc.) et bien se sont toujours les mêmes composants de base qui sont utilisés depuis très longtemps, même si certains ont évolués et connaissent de nouvelles déclinaisons (cf. ci-dessus).</p><p>Et pour ceux qui croient qu&#8217;on peut révolutionner tout cela, et bien qu&#8217;ils aillent vendre leurs <strong>bullshits</strong> ailleurs. J&#8217;ai un souvenir récent d&#8217;une maquette d&#8217;interface 3D qui avaient été conçue pour naviguer dans des données, et qui avait été présentée comme révolutionnaire. Le résultat était une interface qui donnait la nausée aux utilisateurs, comme cela était d&#8217;ailleurs prévisible. Laissez ensemble un responsable de l&#8217;innovation en manque de reconnaissance en interne chez un client et un directeur artistique border-line dans une pièce, vous êtes à peu près certains qu&#8217;ils vont vous pondre une grosse daube inutilisable. Mais qu&#8217;est-ce que vous voulez, il faut bien que ces pauvres gens fassent quelque chose pour se rendre intéressants. Leurs métiers ne consistent pas à imaginer des choses utilisables. Nous sommes donc de fait leurs ennemis jurés. Dans un tel contexte la seule chose que peut faire un ergonome est de distribuer des gifles. En ce qui me concerne, ça fait longtemps que je ne fréquente plus les mêlées de <strong><a
href="http://www.lerugbynistere.fr/dictionnaire/derby.php">derbies de rugby à 15</a> du Sud-Ouest</strong>, plus appropriées pour cela (les gifles, pas l&#8217;ergonomie, vous aurez compris). Si ça vous plaît, ne vous inquiétez pas, je vais distribuer quelques &laquo;&nbsp;bourre-pif&nbsp;&raquo; un peu plus bas.</p><p>Désolé de vous décevoir, mais les incroyables interfaces que vous voyez dans les films de science fiction à la <strong><a
href="http://fr.wikipedia.org/wiki/Minority_Report">Minority Report</a></strong> ou les séries policières scientifiques (vous savez, les machins qui font bipbip sans arrêt) seraient le plus souvent totalement inutilisables et/ou insupportables dans la réalité. Regarder un spectacle passivement et interagir sont deux choses différentes. Pour les choses les plus innovantes tout en restant utilisables, allez voir plutôt dans le domaine de certains jeux vidéos. Nous pouvons quand même faire des choses très sympathiques à utiliser aujourd&#8217;hui, ne vous inquiétez pas. Les technologies et les devices ont pas mal évolué (c&#8217;est un des volets de <a
title="Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou d’uniformité des interfaces utilisateur ?" href="http://www.titou.net/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/">mon billet sur les <strong>RIA</strong></a> &#8211; Rich Internet Applications), mais nous resterons toujours dans la limite de faire des choses qui soient utilisables, agréables et efficaces.</p><p>Avant de me lancer dans un prochain billet qui sera un lexique des composants, l&#8217;important était donc de commencer par arrêter de se gargariser de termes pompeux de marketeux qui font du neuf avec du vieux. C&#8217;est un peu ce que fait <strong>Apple</strong>, mais eux, au moins, ont le mérite de très bien le faire, et ça leur fait gagner beaucoup d&#8217;argent. Par exemple, la sortie en fanfare l&#8217;année dernière de la fonction copier-coller sur l&#8217;<a
class="snap_shots" href="http://fr.wikipedia.org/wiki/IOS_%28Apple%29"><strong>iOS</strong></a> de l<strong>&#8216;iPhone</strong>, alors que le copier-coller a été inventé 36 ans avant par <strong>Xerox</strong>, c&#8217;est à mourir de rire. Ça ne veut pas dire que je jette la pierre à <strong>Apple</strong>. Bien au contraire. <strong>Steve Jobs</strong> est sans doute un des meilleurs chef de produit du monde, il a sans doute amené le marketing à son apogée, et lui et sa firme ont beaucoup contribué à la mise évidence de l&#8217;importance du design de produit et de l&#8217;ergonomie, son rôle fondamental pour l&#8217;efficacité des applications et l&#8217;amélioration de l&#8217;expérience utilisateur… et du chiffre d&#8217;affaire&#8230; Et certains ont donc très bien compris que <strong>l&#8217;ergonomie, maintenant, c&#8217;est vendeur</strong> (sans savoir ce que c&#8217;est). Donc maintenant tout le monde est ergonome, chouette. Ça y est, j&#8217;y ai mis le temps, mais nous sommes enfin arrivés au cœur du sujet.</p><h3>L&#8217;ergonomie : du grand n&#8217;importe quoi</h3><p>L&#8217;ergonomie est vendeuse. Mais la majorité des ergonomes ne sont pas des vendeurs. En effet leur travail ne consiste pas à faire des trucs vendables, mais des trucs <strong>utiles, efficaces, utilisables et agréables à utiliser</strong>.</p><p>A l&#8217;inverse, il y a des gens, plus particulièrement dans les métiers autour de la conception d&#8217;applications informatiques, sites web, applis mobiles, etc., qui sont de bons vendeurs, puisque c&#8217;est un secteur porteur. Certains sont vendeurs de <strong>bullshits</strong>. Ils pourront donc même se vendre comme ergonome alors qu&#8217;ils ne le sont pas. Il profitent en effet du terrible flou qui plane autour de ce métier trop vaste, dont le nom est galvaudé et caricaturé à l’extrême dans le discours publicitaire et du marketing : &laquo;&nbsp;ce truc là c&#8217;est ergonomique, donc c&#8217;est mieux&nbsp;&raquo;. &laquo;&nbsp;Et puis c&#8217;est tout&nbsp;&raquo;, comme dirait l&#8217;autre que j&#8217;ai croisé au <a
class="snap_shots" href="http://maps.google.fr/maps?q=brasserie+du+golf,+canet+en+roussillon&amp;hl=fr&amp;ll=42.695291,3.032589&amp;spn=0.000291,0.000603&amp;sll=43.684843,-1.437753&amp;sspn=0.036372,0.077162&amp;t=h&amp;fll=42.695309,3.032533&amp;fspn=0.000291,0.000603&amp;z=21&amp;layer=c&amp;cbll=42.695276,3.032691&amp;panoid=241BV3abQ1H1NycvKKZ_dg&amp;cbp=12,104.04,,0,3.98">bar <strong>Le Golf</strong> à <strong>Canet Plage</strong></a>.</p><p>Je me rappelle avoir fait passer récemment un entretien à un candidat plutôt profilé webmarketing, qui avait mis « expert ergonome » dans son CV. Il n&#8217;a même pas eu la décence de me donner la modeste définition apprise par cœur <a
href="http://fr.wikipedia.org/wiki/Ergonomie">sur <strong>Wikipédia</strong></a> (voir plus haut) quand je lui ai demandé de me parler d&#8217;ergonomie. A l&#8217;inverse, je me rappelle avoir fait passer un autre entretien à une CP (chef de projet) aguerrie d&#8217;agence web, qui donnait une définition pertinente et compréhensible de l&#8217;ergonomie web, qui était fondée sur du vécu. C&#8217;est rassurant&#8230;</p><p>L&#8217;ergonomie, c&#8217;est donc merveilleux, et toute une nuée de charlatans se jettent sur l&#8217;aubaine pour nous la mettre à toute les sauces et nous la vendre n&#8217;importe comment. Même dans les entreprises, on recrute des ergonomes pour en mettre dans tous les projets, sans vraiment savoir de quoi il s&#8217;agit quelquefois. A la limite on s&#8217;en fout complètement, s&#8217;il y a un ergonome et qu&#8217;il met son tampon pour approuver le projet, c&#8217;est tout ce qu&#8217;on lui demande ? J&#8217;exagère sans doute. Mes chères consœurs et confrères, prenez garde quand même de ne pas être instrumentalisés, et de contribuer à la dévalorisation du métier. N&#8217;oubliez pas aussi par exemple, qu&#8217;à certains moment, des entreprises n&#8217;ont pas voulu écouter des ergonomes, et ont laissé des <strong>méthodes de management et des modèles d’organisation inhumains faire des ravages.</strong> Ces mêmes entreprises <strong>rappellent maintenant les ergonomes et les psychologues du travail à la rescousse</strong> pour réparer les dégâts.</p><p>Ne crachons pas dans la soupe, c&#8217;est tant mieux (pour nous) et même génial si les entreprises recrutent des ergonomes, mais ne vous y trompez pas : c&#8217;est une fabuleuse opportunité mais aussi un défi pour mieux faire connaitre notre métier et ses méthodes, et notre véritable apport. Ne nous endormons pas sur nos lauriers et la voie royale que le développement du numérique et d&#8217;internet nous a tracé (pour l&#8217;ergonomie des interface hommes-machines), mais aussi le vieillissement de la population, les drames au travail ou l&#8217;obsession sécuritaire de notre civilisation (pour l&#8217;ergonomie des facteurs humains et organisationnels, des postes de travail et des risques psychosociaux). Je vois toute une série de jeunes diplômés qui arrivent avec le vent en poupe et en terrain conquis, je leur dis : mesurez bien votre chance. Mais je vois aussi des jeunes diplômés pleins d&#8217;enthousiasme et d&#8217;idées qui viennent secouer les vieux ergonomes qui se sont endormis, et ça c&#8217;est par contre très bien !</p><h3>L&#8217;ergonomie d&#8217;un dispositif et l&#8217;expérience utilisateur est une construction collective et non pas l&#8217;affaire d&#8217;un seul expert</h3><p>Pour rester dans le domaine des sites web et des applications informatiques, ce sont toute une série de métiers qui vont contribuer au résultat final. Vous pouvez concevoir la plus fabuleuse application qui soit, si jamais par exemple l&#8217;interface est lente, peu réactive, pas fluide, les temps de réponse mauvais, alors l&#8217;expérience utilisateur sera catastrophique. Ce sont tous les acteurs de la chaine de conception qui sont impliqués dans le résultat final, et il faudra avoir affaire à toutes les contraintes qui peuvent peser sur la conception, ce qui amènera à des dilemmes, des choix et des compromis.</p><p>J&#8217;ai dit plus haut que le travail de l&#8217;ergonome ne consiste pas à faire des trucs vendables, mais des trucs utiles, efficaces, utilisables et agréables à utiliser. Mais il n&#8217;est donc pas le seul à contribuer à ce résultat. Les soit-disant concurrents des ergonomes sur le marché des IHM : consultants UX et autres interaction designers qui disent être les experts garants de l&#8217;expérience utilisateur sont le plus souvent des vendeurs de <strong>bullshits</strong> ceux-là aussi. Un seul homme n&#8217;est pas porteur et garant de l&#8217;amélioration de l&#8217;expérience utilisateur. Ce sont tous les acteurs de la conception qui y contribuent : les architectes du système d&#8217;information, les développeurs, les concepteurs au sens large (parmi eux certains ergonomes), les designers, les rédacteurs de contenus et contributeurs, les gens du marketing pour la stratégie et la mise en valeur des produits et services, les chefs de projet (auquel je rends un hommage sincère, car ils doivent composer avec ce panier de crabes et le harcèlement des clients), et les utilisateurs eux-même. C&#8217;est là où j&#8217;en arrive à une prise de position qui me semble essentielle : <strong>ce n&#8217;est pas d&#8217;un &laquo;&nbsp;expert User eXperience&nbsp;&raquo; dont on a besoin pour la conception, mais de tout le monde. Par contre, pour la prise en compte des utilisateurs, vous avez besoin de personnes qui utilisent des méthodes centrées utilisateurs (User Centric)</strong>.</p><p>Car enfin, il est quand même dramatique que l&#8217;on doive sans cesse poser cette question simple : comment peut on concevoir des choses amenées à être utilisées sans prendre en compte les caractéristiques et les attentes des utilisateurs de ces dispositifs ??? Et c&#8217;est là que l&#8217;on a besoin des spécialistes des études utilisateurs : on y retrouvera les spécialistes du marketing, ceux qui se préoccupent des caractéristiques des utilisateurs en tant que &laquo;&nbsp;cibles&nbsp;&raquo; et se concentrent sur les produits, les services et les tendances, et des spécialistes de l&#8217;étude de l&#8217;activité et du comportement : les experts de la mesure du trafic et du suivi des indicateurs d&#8217;activité et de production, et les ergonomes analystes du travail et autres experts des études utilisateurs. Vous qui ne parlez plus que de &laquo;&nbsp;<strong>User eXperience</strong>&nbsp;&raquo; parce que c&#8217;est le mot à la mode, n&#8217;oubliez pas que les seuls à pouvoir mesurer l&#8217;<strong>eXpérience Utilisateur</strong> ce sont les <strong>experts des études utilisateurs</strong> dont je viens de parler et les <strong>utilisateurs eux-mêmes</strong>.</p><p>Si j&#8217;ai un conseil à donner à certains ergonomes, arrêtez de passer votre temps en openspace à vous battre avec les autres métiers de la conception pour savoir si le bouton doit être décalé de 20 pixels à droite, car dans ce cas vous n&#8217;êtes plus des ergonomes. Votre place n&#8217;est pas non plus en en réunion pour essayer de faire comprendre ce qu&#8217;est l&#8217;ergonomie, ou de passer votre temps dans les colloques corporatistes.</p><p>Trouvez plutôt tous les moyens à votre disposition pour observer la réalité, aller sur le terrain, étudier les usages, vous vous y aiguiserez les capacités d&#8217;écoute et d&#8217;observation qui vous donneront progressivement l&#8217;aptitude de repérer rapidement les goulets d&#8217;étranglements dans un processus ou un dispositif, les zones à risques, les sources d&#8217;insatisfaction, les gisements de productivité, d&#8217;efficacité et de satisfaction, fabriquer des pistes de solutions et des idées avec les utilisateurs, et avec les autres analystes de l’activité et concepteurs.</p><p>Gardez aussi du temps pour :</p><ul><li>Maîtriser des outils qui vous permettent de concrétiser rapidement et de manière intelligible l&#8217;expression des besoins et les pistes de conception.</li><li>Bien comprendre les contextes et les modes et méthodes de réalisation des projets, pour savoir y êtes insérés efficacement et en entrevoir les leviers.</li><li>Comprendre les décideurs, et pourquoi ils veulent vraiment vous utiliser ou qui les y a contraint, cela vous évitera des surprises, des déconvenues et des retours de bâton.</li><li>Passez aussi du temps avec les gens qui pourront vous fournir toutes les données quantitatives sur l’activité, indicateurs de production sur une chaine de fabrication, de logistique ou de vente, et qui ont des avis sur les variations de l&#8217;activité et leurs mécanismes. Si vous êtes dans le monde du web, intéressez vous à certains experts de l&#8217;analyse du trafic. L&#8217;ergonome a besoin de travailler avec des indicateurs de performance dans son analyse des activités. Mais nous en avons aussi besoin pour dialoguer avec les décideurs, car il faut toujours des chiffres pour prendre des décisions. N&#8217;oubliez pas que les données peuvent aussi vous servir pour montrer votre propre valeur ajoutée, le ROI (Return on Investment), le retour sur investissement.</li></ul><h3>La cohabitation entre métiers de la conception</h3><p>Heureusement, les acteurs de la conception ne sont pas tous en guerre les uns contres les autres dans de stériles guerres de chapelles. Il y en a certains qui sont ouverts d&#8217;esprit, et assez intelligents pour savoir que tous ces métiers doivent bosser ensemble et non les uns contre les autres (c&#8217;est du vécu d&#8217;agence&#8230;) et qu&#8217;il faut quand même aussi demander leur avis aux utilisateurs&#8230; Ah oui, au fait, je voudrais rappeler encore une fois que nous concevons des applications et des sites pour des clients, mais aussi pour des utilisateurs finaux, qu&#8217;ils soient grand public ou en entreprise. Steve Jobs, lui, ne l&#8217;oublie jamais. Prenez en de la graine avant de partir dans des délires conceptuels en phase de conception d&#8217;une interface utilisateur.</p><p>Entre certains qui s&#8217;autoproclament ergonomes et qui n&#8217;y connaissent rien, ou à l&#8217;inverse les &laquo;&nbsp;vrais&nbsp;&raquo; ergonomes psycho-rigides et poussiéreux du type &laquo;&nbsp;touche pas à mon diplôme&nbsp;&raquo;, il y a toute une une ribambelle de métier qui y mettra son grain de sel. Sur qui je tire en premier ? Allez hop, sur certains développeurs qui se cachent derrière l&#8217;ésotérisme de leur langage technique. Vous savez, celui qui vous dit &laquo;&nbsp;ah non, ça on peut pas le faire&nbsp;&raquo;. Quand un développeur vous dit cela, Il y a 3 réponses possibles :</p><ul><li>La réponse normale : &laquo;&nbsp;Dis moi plutôt combien ça coute et combien de temps ça va te prendre, vraiment&nbsp;&raquo;.</li><li>La réponse gentille : &laquo;&nbsp;Qu&#8217;est-ce que tu peux me proposer comme solution alternative ?&nbsp;&raquo;.</li><li>La réponse logique &laquo;&nbsp;Tu me prends pour une quiche ?&nbsp;&raquo;.</li></ul><p>Il y a des profils &laquo;&nbsp;artistiques&nbsp;&raquo; (graphistes, webdesigners et compagnie) qui se préoccupent de l&#8217;utilisabilité et savent travailler en groupe, ils sont alors de formidables partenaires de conception qui viendront sublimer l&#8217;austère et grisâtre storyboard sur lequel vous vous êtes concentrés laborieusement sur le zoning, les fonctionnalités et les principes de navigation.</p><p>Mais il y a aussi certains graphistes (webdesigners et autres directeurs artistiques. etc.) qui se prennent pour des artistes incompris, qui ont oublié que les utilisateurs existaient et qui veulent avant tout se faire plaisir ou se faire mousser. Qu&#8217;ils aillent ou qu&#8217;ils restent dans les agences de com ou qu&#8217;ils s&#8217;installent en freelance, mais évitez des les faire bosser sur des <strong>dispositifs qui doivent être utilisés par des vrais gens</strong>, ça peut être mauvais pour votre <strong>chiffre d&#8217;affaire</strong>. Mais bon, après tout, ce n&#8217;est pas grave si on les laisse faire n&#8217;importe quoi sur des sites web ou des applications grands publics. Ce serait un peu plus embêtant si on les faisait bosser sur des synoptiques de centrales nucléaires ou des tableaux de bord d&#8217;avions. D&#8217;ailleurs, pour y avoir été, je ne les y ai jamais vus&#8230; Désolé, vendeurs de <strong>bullshits</strong>, passez votre chemin, et aller faire des sites en flash avec une seule page, avec une belle animation &laquo;&nbsp;et puis c&#8217;est tout&nbsp;&raquo;, pour des marques de luxes qui font des sites web surtout parce qu&#8217;il faut bien en avoir une. Les vendeurs de <strong>bullshits</strong> sont forcément plus à l&#8217;aise en face des gens de la direction de la communication qui ne connaissent rien au web mais qui sont forcés de dépenser un peu d&#8217;argent dans la stratégie web de leur groupe, à cause de la montée en puissance de ce canal (au sens marketing du terme), et pour essayer de montrer qu&#8217;ils ne sont pas trop &laquo;&nbsp;has been&nbsp;&raquo;.</p><p>Mais même dans le domaine du web, je peux vous garantir que les vendeurs de <strong>bullshits</strong> font beaucoup moins les malins devant les clients &laquo;&nbsp;<a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Pure_play"><strong>pure players</strong></a>&nbsp;&raquo; du web dont 100% du chiffre d&#8217;affaire est généré par leur site. Ces clients là voient vite les vendeurs de <strong>bullshits</strong> arriver. Par contre, vous pourrez leur parler en toute quiétude d&#8217;ergonomie et de performance si vous connaissez un peu votre sujet, vous trouverez des oreilles attentives.</p><p>Je passerai rapidement sur certains concepteurs marketings super-vendeurs de méga bullshits qui n&#8217;utilisent que des termes anglais parce que c&#8217;est mieux, ou les soit-disant consultants UX et compagnie qui n&#8217;ont pas besoin des utilisateurs et qui partent du principe que la connaissance de bonnes pratiques, le bon sens, savoir un peu utiliser <a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Illustrator"><strong>Adobe Illustrator</strong></a> et un peu de créativité et de veille sont suffisants. Je vous en ai déjà parlé et ils ne méritent vraiment pas que je m&#8217;attarde sur leur cas. Mais méfiez vous quand même de certains d&#8217;entre eux. Quand ils savent un tout petit peu se servir de <a
class="snap_shots" href="http://fr.wikipedia.org/wiki/Photoshop"><strong>Photoshop</strong></a>, leur tête peut éclater à tout moment tellement elle gonfle.</p><p>J&#8217;ai l&#8217;impression que me je suis encore acharné sur le marketing. Je vais donc me rattraper tout de suite, en disant qu&#8217;il y a d&#8217;excellents consultants e-marketings. Je dirai même que parmi les propositions commerciales et certaines missions auxquelles j&#8217;ai pu contribuer, les meilleures sont sûrement celles où j&#8217;ai travaillé en complémentaire avec un &laquo;&nbsp;super-marketeux&nbsp;&raquo; : lui en se concentrant sur la partie stratégie globale d&#8217;un site ou d&#8217;une application et son contenu, moi sur la performance et l&#8217;utilisabilité de l&#8217;interface, en collaboration avec un créatif pour le design graphique et un expert technique pour l&#8217;univers des contraintes. Vous voyez bien qu&#8217;on peut s&#8217;aimer.</p> Tags: <a
href="http://www.titou.net/tag/ergonome/" title="ergonome" rel="tag">ergonome</a>, <a
href="http://www.titou.net/tag/ergonomie/" title="ergonomie" rel="tag">ergonomie</a>, <a
href="http://www.titou.net/tag/facteur-humain/" title="facteur humain" rel="tag">facteur humain</a>, <a
href="http://www.titou.net/tag/facteurs-humains-et-organisationnels/" title="facteurs humains et organisationnels" rel="tag">facteurs humains et organisationnels</a>, <a
href="http://www.titou.net/tag/fh/" title="FH" rel="tag">FH</a>, <a
href="http://www.titou.net/tag/fho/" title="FHO" rel="tag">FHO</a>, <a
href="http://www.titou.net/tag/gui/" title="GUI" rel="tag">GUI</a>, <a
href="http://www.titou.net/tag/ihm/" title="IHM" rel="tag">IHM</a>, <a
href="http://www.titou.net/tag/ux/" title="UX" rel="tag">UX</a><br
/> <div class="feedflare">
<a href="http://feeds.titou.net/~ff/titou?a=w7J164-LffM:GrhET84Gi5g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/titou?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=w7J164-LffM:GrhET84Gi5g:wglI5EcCuFk"><img src="http://feeds.feedburner.com/~ff/titou?i=w7J164-LffM:GrhET84Gi5g:wglI5EcCuFk" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=w7J164-LffM:GrhET84Gi5g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/titou?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=w7J164-LffM:GrhET84Gi5g:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/titou?i=w7J164-LffM:GrhET84Gi5g:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/titou/~4/w7J164-LffM" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.titou.net/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/feed/</wfw:commentRss> <slash:comments>27</slash:comments> <feedburner:origLink>http://www.titou.net/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/</feedburner:origLink></item> <item><title>Version mobile de site WordPress avec WPtouch</title><link>http://feeds.titou.net/~r/titou/~3/dfweNUKFsDs/</link> <comments>http://www.titou.net/version-mobile-de-site-wordpress-avec-wptouch/#comments</comments> <pubDate>Wed, 13 Jul 2011 11:15:33 +0000</pubDate> <dc:creator>Titou</dc:creator> <category><![CDATA[titou.net]]></category> <category><![CDATA[blogging]]></category> <category><![CDATA[CMS]]></category> <category><![CDATA[Disqus]]></category> <category><![CDATA[extensions Wordpress]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[iPod]]></category> <category><![CDATA[lightbox]]></category> <category><![CDATA[photos]]></category> <category><![CDATA[smartphone]]></category> <category><![CDATA[social bookmarking]]></category> <guid isPermaLink="false">http://www.titou.net/?p=9532</guid> <description><![CDATA[Présentation du plugin WPTouch pour Wordpress, qui permet de formater une version de votre site adaptée aux navigateurs web des logiciels systèmes de téléphones dernier cri, c'est à dire les smartphones et autres appareils sous iOS d'Apple (les iPhone, iPod touch), tous les appareils sous Android, Palm Pre, Samsung touch et BlackBerry Storm/Torch.]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
href="http://www.titou.net/lifestream"><img
class="size-full aligncenter" style="border: 0pt none;" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-0929341.jpg" alt="20110713 0929341 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p
style="text-align: center;"><em>La page d&#8217;accueil &laquo;&nbsp;Lifestream&nbsp;&raquo; du présent site dans sa version mobile.</em></p><p>J&#8217;ai réinstallé de manière plus sérieuse le plugin <a
href="http://wordpress.org/extend/plugins/wptouch/"><strong>WPTouch</strong></a> sur ce blog. Cette extension <strong><a
href="http://www.titou.net/tag/wordpress/">WordPress</a></strong> permet de formater une version de votre site adaptée aux navigateurs web des logiciels systèmes de téléphones dernier cri, c&#8217;est à dire les <strong>smartphones</strong> et autres appareils sous iOS d&#8217;Apple (les <strong>iPhone</strong>, <strong>iPod touch</strong>), tous les appareils sous <strong>Android</strong>, <strong>Palm Pre</strong>, <strong>Samsung touch</strong> et <strong>BlackBerry Storm/Torch</strong>. L&#8217;usage de connexion au web via un smartphone augmente de façon très significative de nos jours, il est donc intéressant de proposer un accès à votre site qui soit adapté à ces terminaux (mon petit doigt me dit qu&#8217;avec la période de vacances estivales la proportion de connexions via smartphone va augmenter !). Le plugin <a
href="http://wordpress.org/extend/plugins/wptouch/"><strong>WPTouch</strong></a> vous facilite la tâche pour cela.</p><p>Le principe est simple. Le plugin détecte le type de navigateur du visiteur de votre site, et s&#8217;il s&#8217;agit d&#8217;un des terminaux précités, alors c&#8217;est la version mobile du site qui s&#8217;affichera.</p><p
style="text-align: center;"><a
href="http://www.titou.net/wp-content/uploads/2011/07/WPTouch_admin.jpg" rel="lightbox[9532]"><img
class="aligncenter size-medium wp-image-9547" src="http://www.titou.net/wp-content/uploads/2011/07/WPTouch_admin-500x423.jpg" alt="WPTouch admin 500x423 Version mobile de site Wordpress avec WPtouch" width="500" height="423" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p
style="text-align: center;"><em>Page d&#8217;administration de l&#8217;extension dans WordPress</em></p><p>Gratuite, l&#8217;extension propose une <strong>page d&#8217;administration</strong> très bien faite, proposant de nombreuses options pour <strong>exploiter à votre convenance</strong> le contenu de votre site existant.</p><p>Vous pourrez <strong>choisir les pages</strong> que vous souhaitez faire apparaitre dans la version mobile (cf dans l&#8217;image ci-dessus).</p><p>Il est possible d&#8217;utiliser les <strong>icônes proposées</strong> et <strong>utiliser les vôtres</strong>, qui seront exploitées dans les en-têtes de page et le <strong>menu de navigation</strong> dans sa version mobile, comme illustré ci-dessous :</p><p
style="text-align: center;"><a
href="http://www.titou.net/lifestream"><img
class="size-full aligncenter" style="border: 0pt none;" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-093103.jpg" alt="20110713 093103 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p
style="text-align: center;"><em>Menu de navigation dans la version mobile</em></p><p>Le menu de navigation donne accès aux différentes pages choisies, mais aussi, si vous le souhaitez, au <strong>flux RSS</strong> de votre site. La rubrique &laquo;&nbsp;<strong>tags</strong>&nbsp;&raquo; liste et donne accès à vos billets et pages, à partir de leurs tags. Vous pouvez afficher une rubrique donnant accès aux &laquo;&nbsp;<strong>catégories</strong>&nbsp;&raquo; de billets de votre site (dans mon cas, ci-dessus, j&#8217;ai désactivé le menu &laquo;&nbsp;catégories&nbsp;&raquo;, car je n&#8217;utilise pas la fonction de classement par catégorie). Vous pouvez même disposer d&#8217;un champ de recherche sur votre site, venant se superposer à la barre de navigation : parfait !</p><p
style="text-align: center;"><a
href="http://www.titou.net/billets"><img
class="size-full aligncenter" style="border: 0pt none;" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-093330.jpg" alt="20110713 093330 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p>Les &laquo;&nbsp;<strong>images à la une&nbsp;&raquo;</strong> des billets de votre site existant peuvent être exploitées comme <strong>miniatures</strong> dans les différentes listes de billets, comme ci-dessus : simple et sympa !</p><p>La version du site mobile, est, comme vous le remarquez, fortement simplifiée par rapport à votre version web traditionnelle. Vous perdez potentiellement tous les <strong>contenus</strong> et <strong>widgets</strong> présents dans la traditionnelle &laquo;&nbsp;<strong>Sidebar</strong>&nbsp;&raquo; de votre site. Dans mon cas, je voulais proposer l&#8217;accès à la carte de ma localisation via <a
href="http://www.google.com/latitude"><strong>Google Latitude</strong></a>. J&#8217;ai donc créé une page spécifique, à laquelle je donne accès depuis le menu de la version mobile :</p><p
style="text-align: center;"><a
href="http://www.titou.net/placestream"><img
class="size-full aligncenter" style="border: 0pt none;" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-093412.jpg" alt="20110713 093412 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p>Pour la version mobile, j&#8217;ai également rajouté des accès à 2 pages : une contenant <a
href="http://www.titou.net/flickr">mes dernières photos <strong>Flickr</strong></a>, en utilisant l&#8217;extension <a
href="http://wordpress.org/extend/plugins/flickrpress/"><strong>Flickrpress</strong></a>, et une autre page pour <a
href="http://www.titou.net/instagram">mes photos <strong>Instagram</strong></a>, en utilisant l&#8217;extension <a
href="http://wordpress.org/extend/plugins/instapress/"><strong>Instapress</strong></a> :</p><p
style="text-align: center;"><a
href="http://www.titou.net/instagram"><img
class="size-full aligncenter" style="border: 0pt none;" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-093452.jpg" alt="20110713 093452 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></a></p><p>Cerise sur le gâteau, dans mon cas, le plugin permet d&#8217;utiliser sans problème le <strong>système de commentaires</strong> <a
href="http://wordpress.org/extend/plugins/disqus-comment-system/"><strong>Disqus</strong></a>, déjà présent sur mon site. L&#8217;intégration est parfaite, voir ci-dessous.</p><p
style="text-align: center;"><img
class="size-full aligncenter" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-130320.jpg" alt="20110713 130320 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></p><p>Enfin, en standard, comme visible ci-dessous, le plugin propose une <strong>barre de partage et de navigation</strong> en bas de chaque billet dans sa version mobile. Vous pouvez passer au billet précédent et/ou suivant, vous pouvez envoyer un lien vers le billet par <strong>email</strong>, par <strong>Twitter</strong>, <strong>Facebook</strong>, et un sous-menu de partage vers des services de partage de liens (<strong><a
href="http://www.titou.net/tag/social-bookmarking/">socialbookmarking</a></strong>) comme <strong>Delicious</strong>, <strong>Digg</strong>, etc.</p><p
style="text-align: center;"><img
class="size-full aligncenter" src="http://www.titou.net/wp-content/uploads/2011/07/20110713-131356.jpg" alt="20110713 131356 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></p><p>De très nombreux plugins WordPress sont supportés, comme les effets d&#8217;affichage d&#8217;image comme<a
href="http://www.titou.net/tag/lightbox/"> lightbox</a> :</p><p><img
class="size-full aligncenter" src="http://www.titou.net/wp-content/uploads/2011/07/20110716-113144.jpg" alt="20110716 113144 Version mobile de site Wordpress avec WPtouch" width="490" height="735" title="Version mobile de site Wordpress avec WPtouch" /></p> Tags: <a
href="http://www.titou.net/tag/blogging/" title="blogging" rel="tag">blogging</a>, <a
href="http://www.titou.net/tag/cms/" title="CMS" rel="tag">CMS</a>, <a
href="http://www.titou.net/tag/disqus/" title="Disqus" rel="tag">Disqus</a>, <a
href="http://www.titou.net/tag/extensions-wordpress/" title="extensions Wordpress" rel="tag">extensions Wordpress</a>, <a
href="http://www.titou.net/tag/iphone/" title="iPhone" rel="tag">iPhone</a>, <a
href="http://www.titou.net/tag/ipod/" title="iPod" rel="tag">iPod</a>, <a
href="http://www.titou.net/tag/lightbox/" title="lightbox" rel="tag">lightbox</a>, <a
href="http://www.titou.net/tag/photos/" title="photos" rel="tag">photos</a>, <a
href="http://www.titou.net/tag/smartphone/" title="smartphone" rel="tag">smartphone</a>, <a
href="http://www.titou.net/tag/social-bookmarking/" title="social bookmarking" rel="tag">social bookmarking</a><br
/> <div class="feedflare">
<a href="http://feeds.titou.net/~ff/titou?a=dfweNUKFsDs:4bw2alFxNfY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/titou?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=dfweNUKFsDs:4bw2alFxNfY:wglI5EcCuFk"><img src="http://feeds.feedburner.com/~ff/titou?i=dfweNUKFsDs:4bw2alFxNfY:wglI5EcCuFk" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=dfweNUKFsDs:4bw2alFxNfY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/titou?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=dfweNUKFsDs:4bw2alFxNfY:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/titou?i=dfweNUKFsDs:4bw2alFxNfY:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/titou/~4/dfweNUKFsDs" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.titou.net/version-mobile-de-site-wordpress-avec-wptouch/feed/</wfw:commentRss> <slash:comments>5</slash:comments> <feedburner:origLink>http://www.titou.net/version-mobile-de-site-wordpress-avec-wptouch/</feedburner:origLink></item> <item><title>Nouvelle app Tumblr pour iPhone : la standardisation des barres de menu de publication / placestream</title><link>http://feeds.titou.net/~r/titou/~3/SJ3bVRakOPo/</link> <comments>http://www.titou.net/nouvelle-app-tumblr-pour-iphone-la-standardisation-des-barres-de-menu-de-publication-placestream/#comments</comments> <pubDate>Thu, 30 Jun 2011 09:00:16 +0000</pubDate> <dc:creator>Titou</dc:creator> <category><![CDATA[titou.net]]></category> <category><![CDATA[ergonomie]]></category> <category><![CDATA[geek]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[Tumblr]]></category> <category><![CDATA[UX]]></category> <guid isPermaLink="false">http://www.titou.net/?p=9200</guid> <description><![CDATA[L' interface utilisateur de la nouvelle version (2.0) de l'application Tumblr pour iPhone a été complètement repensée et utilise désormais la classique barre de menu horizontale de publication/réseau social, devenue standard sur nombre d'applications iPhone de checkin / placestream et de publication multimédia : Foursquare, Gowalla, Dismoioù, Instagram, Path, Viddy, Qik Video.]]></description> <content:encoded><![CDATA[<p><img
src="http://www.titou.net/wp-content/uploads/2011/06/tumblr_iPhone2.jpg" alt="tumblr iPhone2 Nouvelle app Tumblr pour iPhone : la standardisation des barres de menu de publication / placestream" border="0" title="Nouvelle app Tumblr pour iPhone : la standardisation des barres de menu de publication / placestream" /></p><h4>Qu&#8217;est-ce que Tumblr</h4><p><a
title="Tumblr" href="http://www.tumblr.com">Tumblr</a> est un service de &laquo;&nbsp;Tumblelog&nbsp;&raquo; (pèle-mêle et journal de bord), comme <a
href="http://posterous.com">Posterous</a>, qui vous permet de disposer gratuitement d&#8217;un site web. L&#8217;usage se situe entre le microblogging à la Twitter et le blogging à la WordPress. Ce sont à la fois des outils de publication de contenu vers le web et des réseaux sociaux : vous pouvez vous abonner et suivre d&#8217;autres &laquo;&nbsp;Tumblr&nbsp;&raquo;, &laquo;&nbsp;Liker&nbsp;&raquo; ou &laquo;&nbsp;reblogger&nbsp;&raquo; des billets d&#8217;autres personnes sur Tumblr, etc.</p><p>L&#8217;idée du Tumblelog est de publier et de partager rapidement du contenu multimédia (photo, vidéo), des billets avec un outil simple et efficace. Une application iPhone est donc un outil de choix pour faire vivre son site web Tumblr, en publiant des photos et vidéos sur le vif, écrire de petits billets, etc. Evidemment, le contenu publié sur votre Tumblr peut être aussi automatiquement publié sur Facebook ou Twitter.</p><h4>Une nouvelle interface utilisateur pour la version 2.0 de l&#8217;app iPhone</h4><p>Cela faisait très longtemps que l&#8217;application n&#8217;avait pas été mise à jour. L&#8217;interface utilisateur a été complètement revue, et s&#8217;appuie désormais sur la classique barre de menu horizontale de publication/réseau social, devenue standard sur nombre d&#8217;applications iPhone de checkin / placestream et de publication multimédia : <a
title="Foursquare iPhone App" href="http://itunes.apple.com/fr/app/foursquare/id306934924?mt=8">Foursquare</a>, <a
title="Gowalla iPhone App" href="http://itunes.apple.com/fr/app/gowalla/id304510106?mt=8">Gowalla</a>, <a
title="Dismoioù iPhone app" href="http://itunes.apple.com/fr/app/id298056991?mt=8">Dismoioù</a>, <a
title="Instagram iPhone App" href="http://itunes.apple.com/fr/app/instagram/id389801252?mt=8">Instagram</a>, <a
title="Path iPhone App" href="http://itunes.apple.com/fr/app/path/id403639508?mt=8">Path</a>, <a
title="Viddy iPhone App" href="http://itunes.apple.com/fr/app/viddy/id426294709?mt=8">Viddy</a>, <a
title="Qik Video iPhone App" href="http://itunes.apple.com/fr/app/id439715497?mt=8&amp;affId=1578782">Qik Video</a>.</p><p>A ma connaissance, c&#8217;est <a
title="Evernote iPhone App" href="http://itunes.apple.com/fr/app/evernote/id281796108?mt=8">l&#8217;application Evernote</a> qui a commencé à utiliser ce nouveau type de barre de menu de navigation, en bas d&#8217;écran, avec un bouton central surdimensionné pour activer les fonctions de publication.</p><h4>Les atouts de l&#8217;application</h4><p>Mis à part le changement d&#8217;interface utilisateur et quelques rajouts de fonctions (voir le <a
href="http://staff.tumblr.com/post/7053774854/tumblr-iphone-2">billet</a> en anglais par le <a
href="http://staff.tumblr.com/post/7053774854/tumblr-iphone-2">Staff Tumblr</a>), on retrouve ce qui a toujours fait la force et la polyvalence de l&#8217;application Tumblr sur iPhone : la possibilité de publier tout type de contenus : photo, vidéo (en direct, de la médiathèque iPhone, du code embarqué, lien), enregistrements de sons, texte, liens, citations/code.</p><p>Mon <strong>Tumblr</strong> : <a
href="http://titou.lann.es" rel="me"><strong>@titou</strong></a></p><p><strong>Tumblr iPhone 2.0</strong> : nouvelle version <a
href="http://itunes.apple.com/fr/app/tumblr/id305343404?mt=8">disponible sur l&#8217;AppStore</a></p><p>Source : voir le <a
href="http://staff.tumblr.com/post/7053774854/tumblr-iphone-2">billet</a> en anglais par le <a
href="http://staff.tumblr.com/post/7053774854/tumblr-iphone-2">Staff Tumblr</a>.</p> Tags: <a
href="http://www.titou.net/tag/ergonomie/" title="ergonomie" rel="tag">ergonomie</a>, <a
href="http://www.titou.net/tag/geek/" title="geek" rel="tag">geek</a>, <a
href="http://www.titou.net/tag/iphone/" title="iPhone" rel="tag">iPhone</a>, <a
href="http://www.titou.net/tag/tumblr/" title="Tumblr" rel="tag">Tumblr</a>, <a
href="http://www.titou.net/tag/ux/" title="UX" rel="tag">UX</a><br
/> <div class="feedflare">
<a href="http://feeds.titou.net/~ff/titou?a=SJ3bVRakOPo:RHzAvpklAgk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/titou?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=SJ3bVRakOPo:RHzAvpklAgk:wglI5EcCuFk"><img src="http://feeds.feedburner.com/~ff/titou?i=SJ3bVRakOPo:RHzAvpklAgk:wglI5EcCuFk" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=SJ3bVRakOPo:RHzAvpklAgk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/titou?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=SJ3bVRakOPo:RHzAvpklAgk:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/titou?i=SJ3bVRakOPo:RHzAvpklAgk:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/titou/~4/SJ3bVRakOPo" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.titou.net/nouvelle-app-tumblr-pour-iphone-la-standardisation-des-barres-de-menu-de-publication-placestream/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.titou.net/nouvelle-app-tumblr-pour-iphone-la-standardisation-des-barres-de-menu-de-publication-placestream/</feedburner:origLink></item> <item><title>Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou d’uniformité des interfaces utilisateur ?</title><link>http://feeds.titou.net/~r/titou/~3/Z2WoOR81wjg/</link> <comments>http://www.titou.net/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/#comments</comments> <pubDate>Tue, 29 Mar 2011 18:51:41 +0000</pubDate> <dc:creator>Titou</dc:creator> <category><![CDATA[titou.net]]></category> <category><![CDATA[Adobe Flex]]></category> <category><![CDATA[ergonomie]]></category> <category><![CDATA[GUI]]></category> <category><![CDATA[IHM]]></category> <category><![CDATA[JavaFX]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Microsoft Silverlight]]></category> <category><![CDATA[RIA]]></category> <category><![CDATA[UX]]></category> <guid isPermaLink="false">http://www.titou.net/?p=8876</guid> <description><![CDATA[Grâce à l'évolution du haut débit et des technologies web, les Rich Internet Applications (applications internet riches) sont apparues : des applications web pouvant fonctionner sur divers supports (ordinateurs, terminaux mobiles, smartphones, tablettes tactiles, etc.) dans un navigateur web ou une application autonome. Ces RIA peuvent reposer sur diverses technologies (bibliothèques Javascript, JavaFX, Adobe Flex, Microsoft Silverlight, etc.).
Quels bénéfices pour les utilisateurs ? Pour les entreprises ?]]></description> <content:encoded><![CDATA[<div
style="padding-top: 30px;">Quels bénéfices pour les utilisateurs ? Pour les entreprises ?</div><h3>Avant les RIA</h3><p>&laquo;&nbsp;Autrefois&nbsp;&raquo;, à l&#8217;époque du web 1.0, nous avions :<br
/> - d&#8217;un côté, un web statique, pour consulter des pages de contenus textuels et des images, accessibles depuis un logiciel de navigation web.<br
/> - d&#8217;un autre côté, des logiciels pour travailler sur un ordinateur, saisir des contenus, réaliser des traitements, transactions, opérer de la manipulation de données, etc.</p><h3>Les RIA, une évolution logique des interfaces utilisateur</h3><p>Grâce à l&#8217;évolution du haut débit et des technologies web, les <strong><a
href="http://fr.wikipedia.org/wiki/Rich_Internet_Application">Rich Internet Applications</a></strong> (applications internet riches) sont apparues : des applications web pouvant fonctionner sur divers supports (ordinateurs, terminaux mobiles, smartphones, tablettes tactiles, etc.) dans un navigateur web ou une application autonome. Ces RIA peuvent reposer sur diverses technologies (bibliothèques Javascript, JavaFX, Adobe Flex, Microsoft Silverlight, etc.).</p><p>Tout en exploitant le côté visuel et immersif du web, elles offrent des caractéristiques similaires aux logiciels traditionnels. Il en résulte plus d&#8217;<strong>interactivité </strong>avec l&#8217;utilisateur, de <strong>fluidité de l&#8217;interface</strong>, la présence de <strong>composants &laquo;&nbsp;riches&nbsp;&raquo;</strong> : panneaux flottants / dépliants, drag’n drop, réglettes, indicateurs de progression, auto-complétion et autosuggestion, fonctionnalités et affichages informationnels contextuels et flottants, etc. Bref, tout un ensemble d&#8217;éléments qui peuvent contribuer à l&#8217;amélioration de l&#8217;expérience utilisateur.</p><p>Leur développement est également lié à :</p><p>- l&#8217;émergence du <strong>web 2.0</strong> : l&#8217;internaute n&#8217;est plus passif devant le contenu, mais producteur de contenu, contributeur, utilisateur d&#8217;outils de simulations, de commandes de produits en ligne, etc., ce qui sous-tend de plus en plus d&#8217;interactivité.<br
/> - la banalisation du <strong>multimédia</strong> sur le web avec l&#8217;audio et la vidéo, permettant notamment la <strong>visioconférence</strong>,<br
/> - la diversification et l&#8217;<strong>émergence de supports</strong> de type <strong>tactiles </strong>et des <strong>modes d&#8217;interactions</strong> &laquo;&nbsp;naturellement intuitifs&nbsp;&raquo; (<a
href="http://en.wikipedia.org/wiki/Natural_user_interface">Natural User Interface</a>). : smartphones, tablettes, vitrines et bornes interactives, réalité augmentée, etc. qui nécessitent des interfaces utilisateurs très dynamiques, animées, une interactivité accrue.</p><p>Du côté des entreprises, on constate :</p><p>- une <strong>quantité de données croissante</strong> et une <strong>multiplicité des types de données</strong> à manipuler dans beaucoup de métiers,<br
/> - un <strong>auditoire des applications de plus en plus large</strong> (de l’opérationnel au décideur),<br
/> - des <strong>usages </strong>et des <strong>exigences</strong> en pleine évolution chez les collaborateurs, boostés par leurs <strong>usages personnels du web, le mobile et les nouveaux supports</strong>.</p><div
style="width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center;"><img
class="size-full wp-image-521 alignnone" title="ria-venn-diagram_small" src="http://www.titou.net/wp-content/uploads/2010/10/ria-venn-diagram_small.jpg" alt="ria venn diagram small Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou duniformité des interfaces utilisateur ?" width="337" height="333" /></div><h3>De nombreux avantages dans le domaine professionnels et les entreprises</h3><h4>D&#8217;abord, des avantages techniques :</h4><p>- les applications RIA peuvent fonctionner dans un <strong>simple navigateur web</strong> sur <strong>divers supports</strong>, ce qui <strong>facilite le déploiement et la maintenance</strong>, à la différence des logiciels traditionnels, nécessitant une maintenance plus lourde.<br
/> - de plus, les applications RIA peuvent être utilisées en <strong>mode connecté</strong> au web / réseau d&#8217;entreprise <strong>ou en mode déconnecté</strong>, en stockant les données en local en mode hors connexion, en se synchronisant avec des bases de données distances lors des connexions. Ceci offre aussi de <strong>nouvelles possibilités concernant le stockage</strong> et la sauvegarde de données.</p><h3>Des avantages en terme de fonctionnalités et de productivité :</h3><p>- les RIA reposent sur les <strong>normes et standards d&#8217;internet</strong>, qui sont utilisées et éprouvées mondialement.<br
/> - les caractéristiques fonctionnelles des applications RIA permettent d&#8217;imaginer de <strong>nouvelles possibilités pour répondre à des besoins métiers</strong><br
/> - l&#8217;utilisation du web s&#8217;est démocratisée au niveau du <strong>grand public</strong>. Reprendre des standards et des bonnes pratiques du monde du web au niveau interfaces utilisateurs des applications métier permet de faciliter l&#8217;apprentissage et l&#8217;appropriation des outils. Si les modes d&#8217;interactions sont &laquo;&nbsp;naturels&nbsp;&raquo; (disons &laquo;&nbsp;habituels&nbsp;&raquo; au regard de l&#8217;utilisation du web) dans l&#8217;application, l&#8217;apprentissage pourra se focaliser sur les aspects métier, et non sur l&#8217;apprentissage de l&#8217;interface de l&#8217;application elle-même. Cela, bien sûr, <strong>à condition que l&#8217;ergonomie de l&#8217;interface soit appropriée au regard des exigences métier, du contexte d&#8217;utilisation des applications, et des caractéristiques des utilisateurs</strong>. En effet, <strong>une interface riche n&#8217;est pas forcément une interface utilisable !</strong> Ce point est essentiel et démontre la nécessité de méthodes de conception fondées sur des principes et méthodes d&#8217;ergonomie, centrés sur les utilisateurs.</p><h3>Des avantages en terme d&#8217;image et de communication interne</h3><p>Avec la généralisation du web grand public, l&#8217;ergonomie, la qualité et le graphisme des sites a beaucoup progressé, afin d&#8217;attirer, de séduire et surtout de fidéliser les internautes : c&#8217;est ce qu&#8217;on appelle <strong>L&#8217;expérience utilisateur</strong>.</p><p>Quand un individu utilise dans ses loisirs, même de façon ponctuelle, des interfaces utilisateurs efficaces, belles et agréables, il peut s&#8217;attendre à un bon niveau ergonomique et graphique des interfaces des applications qu&#8217;il va utiliser plusieurs heures par jour dans son activité professionnelle.<br
/> Le collaborateur n&#8217;est pas seulement un utilisateur, il est aussi une <strong>cible </strong>pour l&#8217;entreprise, il doit être séduit ! Cela est d&#8217;autant plus vrai avec l&#8217;arrivée sur le marché du travail d&#8217;individus qui ont grandit dans l&#8217;époque du &laquo;&nbsp;tout numérique&nbsp;&raquo; (les &laquo;&nbsp;<strong>Digital Natives</strong>&laquo;&nbsp;).</p><p>Les RIA, en s&#8217;appuyant à la fois sur les bonnes pratiques du web, des logiciels traditionnels et de la communication, sont à même de répondre à ces niveaux d&#8217;exigences. Dés mai 2005, le cabinet <a
href="http://www.gartner.com">Gartner</a> présentait une étude prévoyant qu&#8217;environ<strong> 60% des nouvelles applications utiliseraient une technologie RIA en 2010</strong>.</p><div
style="width: 100px; padding-bottom: 10px; text-align: center;"><img
class="aligncenter size-full wp-image-525" title="nasdaq" src="http://www.titou.net/wp-content/uploads/2010/10/nasdaq-500x355.png" alt="nasdaq 500x355 Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou duniformité des interfaces utilisateur ?" width="500" height="355" /></div><h3>Homogénéisation, standardisation et productivité</h3><p>La généralisation de normes, bonnes pratiques, la mise à disposition de composants d&#8217;interfaces utilisateur prêts à être intégrés directement dans les sites webs ou applications permettent :<br
/> - plus d&#8217;<strong>efficacité </strong>des sites webs et des applications,<br
/> - plus de <strong>productivité</strong>, côté <strong>utilisateur </strong>(métier ou grand public) mais aussi côté <strong>conception </strong>et <strong>réalisation </strong>de ces interfaces.</p><p>Quand on présente les choses de cette manière, on pourrait penser que cela va nous amener vers une <strong>uniformisation </strong>des sites web et des applications, qui vont tous se ressembler, et potentiellement une monotonie, que seules les chartes graphiques pourraient faire un peu varier ? Pour exemple, en ce moment, les clients nous demande beaucoup des graphismes &laquo;&nbsp;à la Apple&nbsp;&raquo; (les boutons iPhone, le carrousel &laquo;&nbsp;à la iTunes&nbsp;&raquo;). Il ne s&#8217;agit que de phénomènes de mode, transitoires.</p><p>En poussant le raisonnement encore plus loin, on pourrait imaginer qu&#8217;une entreprise mette à la disposition de ses collaborateurs et ses clients les mêmes interfaces. Nous avons rencontré cette situation chez un client qui a érigé ce principe dans le cadre d&#8217;un important projet de refonte des applications, dans le but de faciliter et améliorer la relation entre le client et les collaborateurs de l&#8217;entreprise. Ce concept est à manier avec une grande prudence. En effet, les objectifs, les contextes d&#8217;utilisation, le matériel et les caractéristiques des utilisateurs sont très différents côté client et côté collaborateur. On peut même supposer qu&#8217;il peut y avoir un fossé abyssal entre un client qui consulte l&#8217;outil en question 3 minutes par mois, et le collaborateur qui va passer plusieurs heures par jour sur un outil avec de nombreuses tâches et potentiellement des interdépendances entre d&#8217;autres outils, etc.</p><p>Il ne faut donc pas céder à un effet de mode et à la tentation des composants riches partout. Ce sont avant tout de formidables possibilités technologiques qui doivent être utilisées à bon escient.</p><div
style="width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center;"><img
class="aligncenter size-full wp-image-519" title="adobe-air1" src="http://www.titou.net/wp-content/uploads/2010/10/adobe-air1.jpg" alt="adobe air1 Les RIA signent la fin de la frontière entre le web et les applications métier : vers plus de diversité ou duniformité des interfaces utilisateur ?" width="450" height="397" /></div><h3>Une grande richesse des possibilités en terme de conception d&#8217;interface</h3><p>En fait, nous ne pensons pas du tout qu&#8217;il y ait un risque d&#8217;uniformisation trop grande et de monotonie.</p><p>A l&#8217;inverse, les RIA fournissent une très <strong>grande diversité de possibilités en terme de navigation, d&#8217;interaction dans les interfaces et de représentations visuelles</strong>, afin de répondre au mieux aux besoins des utilisateurs, des organisations, et <strong>laisser libre cours à la créativité et l&#8217;imagination des ergonomes, des designers, architectes de l&#8217;information</strong> etc. pour produire des solutions originales et efficaces, génératrices de <strong>satisfaction </strong>et de <strong>plaisir</strong>.</p><p>C&#8217;est donc à tous les acteurs de la conception d&#8217;évoluer eux aussi dans leur pertinence et leur créativité pour être à la hauteur des possibilités technologiques qui sont offertes, face à des utilisateurs de plus en plus exigeants.</p><p>La diversification des typologies d&#8217;utilisateurs, la profusion des usages boostée par l&#8217;omniprésence des supports et d&#8217;internet auprès du grand public, la diversité des modes d&#8217;interactions (développement du tactile, de la réalité augmentée) ont rendu notre monde <strong><a
class="snap_shot" href="http://fr.wikipedia.org/wiki/Ubimedia">ubimédia</a></strong>, en décloisonnant l&#8217;espace personnel et professionnel. Dans cette évolution en cours, les RIA, en particulier, contribuent à la disparition de la frontière entre le monde du web et celui des logiciels.</p><p>Cet article a fait l&#8217;objet d&#8217;une publication sur <a
href="http://www.journaldunet.com/developpeur/expert/48866/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier---vers-plus-de-diversite-ou-d-uniformite-des-interfaces-utilisateur.shtml"><strong>Le Journal du Net</strong></a>.</p> Tags: <a
href="http://www.titou.net/tag/adobe-flex/" title="Adobe Flex" rel="tag">Adobe Flex</a>, <a
href="http://www.titou.net/tag/ergonomie/" title="ergonomie" rel="tag">ergonomie</a>, <a
href="http://www.titou.net/tag/gui/" title="GUI" rel="tag">GUI</a>, <a
href="http://www.titou.net/tag/ihm/" title="IHM" rel="tag">IHM</a>, <a
href="http://www.titou.net/tag/javafx/" title="JavaFX" rel="tag">JavaFX</a>, <a
href="http://www.titou.net/tag/javascript/" title="Javascript" rel="tag">Javascript</a>, <a
href="http://www.titou.net/tag/microsoft-silverlight/" title="Microsoft Silverlight" rel="tag">Microsoft Silverlight</a>, <a
href="http://www.titou.net/tag/ria/" title="RIA" rel="tag">RIA</a>, <a
href="http://www.titou.net/tag/ux/" title="UX" rel="tag">UX</a><br
/> <div class="feedflare">
<a href="http://feeds.titou.net/~ff/titou?a=Z2WoOR81wjg:_9D8Cwyi2YY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/titou?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Z2WoOR81wjg:_9D8Cwyi2YY:wglI5EcCuFk"><img src="http://feeds.feedburner.com/~ff/titou?i=Z2WoOR81wjg:_9D8Cwyi2YY:wglI5EcCuFk" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Z2WoOR81wjg:_9D8Cwyi2YY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/titou?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Z2WoOR81wjg:_9D8Cwyi2YY:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/titou?i=Z2WoOR81wjg:_9D8Cwyi2YY:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/titou/~4/Z2WoOR81wjg" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.titou.net/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/feed/</wfw:commentRss> <slash:comments>1</slash:comments> <feedburner:origLink>http://www.titou.net/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/</feedburner:origLink></item> <item><title>En page 4 du Journal catalan L’indépendant d’aujourd’hui (version papier), mon témoignage dans l’article sur le TGV bloqué à Montpellier</title><link>http://feeds.titou.net/~r/titou/~3/Bj7ooiccw3o/</link> <comments>http://www.titou.net/en-page-4-du-journal-catalan-lindependant-daujourdhui-version-papier-mon-temoignage-dans-larticle-sur-le-tgv-bloque-a-montpellier/#comments</comments> <pubDate>Wed, 02 Feb 2011 09:45:54 +0000</pubDate> <dc:creator>Titou</dc:creator> <category><![CDATA[titou.net]]></category> <category><![CDATA[article presse]]></category> <category><![CDATA[Catalogne]]></category> <category><![CDATA[TGV]]></category> <category><![CDATA[train]]></category> <guid isPermaLink="false">http://www.titou.net/en-page-4-du-journal-catalan-lindependant-daujourdhui-version-papier-mon-temoignage-dans-larticle-sur-le-tgv-bloque-a-montpellier/</guid> <description><![CDATA[L'article paru dans la version papier du journal "L'indépendant", le quotidien régional de l'Aude et des Pyrénées-Orientales, avec mon témoignage sur le TGV bloqué à Montpellier.]]></description> <content:encoded><![CDATA[<div
style="padding-bottom: 5px; width: 100%;"><a
href="http://posterous.com/getfile/files.posterous.com/temp-2011-02-02/EFsfcryHkkGndnyjqsppgIFxjtAoubItxHqnbaknlBnBluIAIgGweJxwlJBc/2010-02-02_Independant_page_4_temoignage_TGV.jpg.scaled1000.jpg" rel="lightbox[9095]"><img
src="http://posterous.com/getfile/files.posterous.com/temp-2011-02-02/EFsfcryHkkGndnyjqsppgIFxjtAoubItxHqnbaknlBnBluIAIgGweJxwlJBc/2010-02-02_Independant_page_4_temoignage_TGV.jpg.scaled500.jpg" alt="2010 02 02 Independant page 4 temoignage TGV.jpg.scaled500 En page 4 du Journal catalan Lindépendant daujourdhui (version papier), mon témoignage dans larticle sur le TGV bloqué à Montpellier" width="500" height="361" title="En page 4 du Journal catalan Lindépendant daujourdhui (version papier), mon témoignage dans larticle sur le TGV bloqué à Montpellier" /></a></div><p>La version papier du journal &laquo;&nbsp;<a
href="http://www.lindependant.fr/">L&#8217;indépendant</a>&nbsp;&raquo; peut être <a
href="http://www.journauxdumidi.com/kiosque/lindependant.php5">achetée et téléchargée en version numérique <strong>ici</strong></a>.</p><p>Voir aussi <strong><a
href="http://www.lindependant.com/articles/2011-02-01/pierre-voyageur-sur-tgv-bloque-hier-soir-en-gare-de-montpellier-327919.php">mon témoignage complet</a></strong>, à la Une d&#8217;hier de la version numérique du journal.</p><p><a
href="http://posterous.com">Posted via email</a> from <a
href="http://www.titou.net/en-page-4-du-journal-catalan-lindependant-daujourdhui-version-papier-mon-temoignage-dans-larticle-sur-le-tgv-bloque-a-montpellier/">Titou</a></p> Tags: <a
href="http://www.titou.net/tag/article-presse/" title="article presse" rel="tag">article presse</a>, <a
href="http://www.titou.net/tag/catalogne/" title="Catalogne" rel="tag">Catalogne</a>, <a
href="http://www.titou.net/tag/tgv/" title="TGV" rel="tag">TGV</a>, <a
href="http://www.titou.net/tag/train/" title="train" rel="tag">train</a><br
/> <div class="feedflare">
<a href="http://feeds.titou.net/~ff/titou?a=Bj7ooiccw3o:9Oe6xWHoc38:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/titou?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Bj7ooiccw3o:9Oe6xWHoc38:wglI5EcCuFk"><img src="http://feeds.feedburner.com/~ff/titou?i=Bj7ooiccw3o:9Oe6xWHoc38:wglI5EcCuFk" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Bj7ooiccw3o:9Oe6xWHoc38:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/titou?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.titou.net/~ff/titou?a=Bj7ooiccw3o:9Oe6xWHoc38:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/titou?i=Bj7ooiccw3o:9Oe6xWHoc38:-BTjWOF_DHI" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/titou/~4/Bj7ooiccw3o" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.titou.net/en-page-4-du-journal-catalan-lindependant-daujourdhui-version-papier-mon-temoignage-dans-larticle-sur-le-tgv-bloque-a-montpellier/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.titou.net/en-page-4-du-journal-catalan-lindependant-daujourdhui-version-papier-mon-temoignage-dans-larticle-sur-le-tgv-bloque-a-montpellier/</feedburner:origLink></item> </channel> </rss>

