<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	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/"
	>

<channel>
	<title>Ergonomie et design &#8211; Pierre Lannes</title>
	<atom:link href="https://www.pierre-lannes.fr/category/ergonomie-ux-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.pierre-lannes.fr</link>
	<description></description>
	<lastBuildDate>Thu, 29 Jan 2026 22:45:04 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png</url>
	<title>Ergonomie et design &#8211; Pierre Lannes</title>
	<link>https://www.pierre-lannes.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cyberdeck STAMM&#160;: un serveur terminal autonome pour la résilience numérique</title>
		<link>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/</link>
					<comments>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 24 Aug 2025 13:23:07 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[application métier]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[cybersécurité]]></category>
		<category><![CDATA[low-tech]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[prévention des risques]]></category>
		<category><![CDATA[prévention et gestion des risques]]></category>
		<category><![CDATA[radiocommunications]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[sécurité civile]]></category>
		<category><![CDATA[SIG]]></category>
		<category><![CDATA[Système d’Information géographique]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=58195</guid>

					<description><![CDATA[Présentation du projet Cyberdeck STAMM (Serveur Terminal Autonome Messagerie Mobile) : un kit portable et autonome de communication et de services numériques pour assurer la continuité en cas de coupure des réseaux ou en zone isolée. Pensé pour la gestion de crise et la résilience numérique, le STAMM combine serveur collaboratif, SIG, communication radio et autonomie énergétique.]]></description>
										<content:encoded><![CDATA[
<p>Ce projet s’inscrit pleinement dans la démarche que nous portons avec <strong><a href="https://georesilience.fr/" target="_blank" rel="noreferrer noopener">Géorésilience</a></strong>, qui fédère des expertises complémentaires pour renforcer la résilience des territoires face aux risques majeurs et aux crises systémiques. </p>



<p>En tant que <a href="https://www.linkedin.com/posts/georesilience-fr_d%C3%A9couvrez-les-visages-et-les-parcours-qui-activity-7362147351207034880-nyKW">spécialiste chez Géorésilience sur les questions numériques</a>, j’ai à cœur de contribuer à cette dynamique collective et d’explorer des solutions concrètes comme le <strong>STAMM</strong>, au croisement du numérique, de la gestion de crise et de l’autonomie locale.</p>



<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center"><figure class="wp-block-media-text__media"><a href="https://georesilience.fr/" target="_blank" rel=" noreferrer noopener"><img fetchpriority="high" decoding="async" width="500" height="166" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience.png" alt="Logo Phœnix société de conseil Géorésilience" class="wp-image-56562 size-full" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience.png 500w, https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience-300x100.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure><div class="wp-block-media-text__content">
<p class="has-small-font-size">Société de conseil accompagnant la conception de plans opérationnels de gestion des risques majeurs, diffusion de la culture du risque, implication des populations</p>
</div></div>



<p>Dans un <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/" data-type="post" data-id="50221">précédent billet</a> consacré aux liens entre&nbsp;<strong>risques majeurs et autonomie numérique</strong>, j’évoquais la nécessité de développer des solutions concrètes permettant d’assurer la continuité de la communication et de l’accès à l’information, particulièrement dans des situations dégradées.</p>



<p>C’est dans cette perspective que le projet&nbsp;<strong>STAMM — Serveur Terminal Autonome Messagerie Mobile</strong> a été designé et développé.</p>



<h2 class="wp-block-heading">Protection d&rsquo;une partie du projet par les droits de propriété intellectuelle</h2>



<p>Dans une logique de protection et de valorisation de cette initiative, j’ai déposé une <strong>enveloppe e-Soleau</strong> auprès de l’<strong>INPI</strong>, garantissant l’antériorité et l’originalité du projet STAMM.</p>



<p>Le dépôt e-Soleau&nbsp;atteste seulement de la paternité&nbsp;et date de la spécificité de l&rsquo;assemblage (concept + plans) et protège l’idée et les plans d’assemblage&nbsp;(coffrage, gabarits, schémas de câblage, etc.)<br>Tout le reste est libre&nbsp;(logiciel, configurations, doc d’usage)&nbsp;: la documentation sera mise à disposition. sur mon<a href="https://github.com/PierreLga456/stamm"> dépôt <strong>STAMM</strong> sur <strong>GitHub</strong></a>, dans lequel sont précisés les licenses utilisées&nbsp;:</p>



<h3 class="wp-block-heading">CERN OHL-S v2 (hardware)</h3>



<p>S’applique aux&nbsp;plans, schémas, fichiers de conception&nbsp;(CAD, PCB, gabarits, assemblage).<br>Oblige les réutilisateurs à publier les modifications s’ils redistribuent le hardware, et ne s’applique&nbsp;que sur les fichiers mis sous cette licence.</p>



<h3 class="wp-block-heading">AGPL-3.0 (software)&nbsp;</h3>



<p>Couvre les scripts, configs Docker, automatisations.<br>Elle oblige à publier les modifs si quelqu’un héberge un service en ligne basé dessus.</p>



<h3 class="wp-block-heading">License CC BY 4.0 (docs)</h3>



<p>Textes et schémas explicatifs sont libres tant que l’attribution est respectée.</p>



<!-- STAMM – Carte dépôt GitHub  -->
<style>
  .stamm-card {
    --img-radius: 12px;
    --gap: 25px;
    padding: var(--gap);
    display: flex;
    gap: var(--gap);
    align-items: flex-start;
  }
  .stamm-card a { color: inherit; text-decoration: none;}
  .stamm-card a:hover, .stamm-card a:focus {text-decoration: underline; color: #FBA801;}
  .stamm-card__media img {
    display: block; width: 220px; height: auto; border-radius: var(--img-radius);
  }
  .stamm-card__body { flex: 1 1 auto; }
  .stamm-card__title { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.25; }
  .stamm-card__desc { margin: 0 0 12px; color: var(--card-muted); line-height: 1.5; }  }
  .stamm-badges img { height: 20px; vertical-align: middle; }

  @media (max-width: 720px) {
    .stamm-card { flex-direction: column; }
    .stamm-card__media img { width: 100%; }
  }
</style>

<article class="stamm-card digest">
  <a class="stamm-card__media"
     href="https://github.com/PierreLga456/stamm" target="_blank" rel="noopener">
    <img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/paysage-stamm.jpg"
         alt="STAMM — Serveur Terminal Autonome Messagerie Mobile">
  </a>
  <div class="stamm-card__body">
    <a href="https://github.com/PierreLga456/stamm" target="_blank" rel="noopener"><h3 class="stamm-card__title">STAMM — Dépôt GitHub</h3></a>
    <p class="stamm-card__desc">
      Prototype de kit de communication et de services mobiles décentralisés (SIG, wiki, médiathèque, relais radio)
      pour situations dégradées.</a>.
    </p>
      <span class="stamm-badges">
        <img decoding="async" src="https://img.shields.io/github/stars/PierreLga456/stamm?style=social" alt="GitHub stars">
        <img decoding="async" src="https://img.shields.io/badge/Hardware-CERN%20OHL--S%20v2-blue" alt="Hardware: CERN OHL-S v2">
        <img decoding="async" src="https://img.shields.io/badge/Software-AGPL--3.0-orange" alt="Software: AGPL-3.0">
        <img decoding="async" src="https://img.shields.io/badge/Docs-CC%20BY%204.0-lightgrey" alt="Docs: CC BY 4.0">
      </span>
    </div>
</article>



<h2 class="wp-block-heading">Pourquoi un Cyberdeck STAMM&nbsp;?</h2>



<p>Les crises récentes – qu’elles soient sanitaires, sociales, énergétiques, liées à des cyberattaques, des catastrophes naturelles, technologiques (et systémiques, comme les <strong>NaTech</strong>&nbsp;: Naturelles entrainant des Technologiques, ou inversement) – nous rappellent combien notre <strong>dépendance aux réseaux centralisés</strong> (électricité, internet, téléphonie mobile) constitue une <strong>vulnérabilité majeure</strong>.</p>



<p>Le projet STAMM vise à répondre à cette vulnérabilité&nbsp;: il s’agit d’un&nbsp;<strong>kit de communication et de services numériques décentralisés</strong>, portable et autonome, pensé pour fonctionner&nbsp;:</p>



<ul class="wp-block-list">
<li>en cas de&nbsp;<strong>panne des réseaux électriques ou télécoms</strong>,</li>



<li>dans des&nbsp;<strong>zones blanches</strong>&nbsp;ou isolées,</li>



<li>ou encore dans le cadre d’exercices et d’opérations de gestion de crise.</li>
</ul>



<h2 class="wp-block-heading">Les « 4 CO »</h2>



<p>Dans les situations de crises, la <strong>communication</strong> est un <strong>pilier</strong>. Nous en avons besoin pour prévenir les populations, coordonner les secours&#8230;</p>



<p>La préparation aux crises est essentielle en amont, la communication l&rsquo;est pendant la crise, la communication étant entendue et comprise ici dans une double signification&nbsp;:</p>



<ul class="wp-block-list">
<li>Capacité des individus à se transmettre des informations (tactiques, stratégiques) et de se comprendre </li>



<li>Les outils qui la sous-tendent et la permettent, à distance </li>
</ul>



<p>C&rsquo;est un pilier de ce que j&rsquo;appelle les <strong>4CO</strong>&nbsp;: sans <strong>CO</strong>nfiance, il n’y a pas de <strong>CO</strong>mmunication. Sans communication, il n’y a pas de <strong>CO</strong>ordination. Et sans coordination, c’est la <strong>CO</strong>opération elle-même qui disparaît.&nbsp;</p>



<p>Pour se coordonner et coopérer nous avons besoins d&rsquo;<strong>outils</strong> et de <strong>supports</strong>&nbsp;: outils de communications, cartes géographiques et topologiques (SIG, Systèmes d&rsquo;Informations Géographiques), photos, documents, procédures&#8230;. Ces contenus et outils sont aujourd&rsquo;hui essentiellement utilisables et accessibles via les réseaux téléphoniques et internet. Or, en cas de crise, ils peuvent être dégradés voire inopérants, ce qui augmente les risques systémiques et les effets catastrophiques en cascade. Le STAMM a été en grande partie pensé pour répondre à cela.</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1024" height="738" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1024x738.png" alt="Équipements et connexions des éléments de STAMM" class="wp-image-58222" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1024x738.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-300x216.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-768x553.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1536x1107.png 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer.png 1896w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Équipements et connexions des éléments de STAMM</figcaption></figure>



<h2 class="wp-block-heading">Ce que contient le STAMM</h2>



<p>Le STAMM prend la forme d’une&nbsp;<strong>valise étanche et portable</strong>&nbsp;qui embarque l’essentiel pour déployer rapidement un&nbsp;<strong>terminal/serveur informatique et radio autonome</strong>.</p>



<h3 class="wp-block-heading">Fonctions principales</h3>



<ul class="wp-block-list">
<li>Connexion filaire Ethernet et switch réseau intégré</li>



<li>Point d’accès Wifi longue portée</li>



<li>Communications Bluetooth et radio HF/VHF/UHF, messagerie <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mesh">LoRa/<strong>Meshtastic</strong>, voir mes explications</a></li>



<li>Serveur collaboratif&nbsp;: wiki, médiathèque, tutoriels, cartographies d’urgence</li>



<li>Serveur d’Informations Géographiques (SIG) pour la gestion opérationnelle des secours et de l’intervention</li>
</ul>



<h3 class="wp-block-heading">Énergie et autonomie</h3>



<ul class="wp-block-list">
<li>Panneau solaire portable étanche (10W)</li>



<li>Batterie universelle multi-sorties (USB, DC, réglages de 5 à 16 volts)</li>
</ul>



<h3 class="wp-block-heading">Matériel intégré</h3>



<ul class="wp-block-list">
<li>Nano-ordinateur Raspberry Pi avec stockage externe SSD 2To</li>



<li>Interfaces réseau, antennes et dongles radio, nœud Meshtastic RAK4631</li>



<li>Écran tactile 11,6’’ et clavier/trackpad étanche</li>



<li>Haut-parleurs et connectiques audio</li>



<li>Connectiques électriques et données USB-A/C et DC</li>
</ul>



<h3 class="wp-block-heading">Logiciels embarqués</h3>



<ul class="wp-block-list">
<li>Raspberry Pi OS (basé sur Linux Debian)</li>



<li><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-docker-des-milliers-dapplications-disponibles">Conteneurs Docker </a>pour la gestion des services</li>



<li><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mediawiki">MediaWiki</a>, <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#minidlna">MiniDLNA</a>, QGIS serveur SIG (Système d&rsquo;Information Géographique)</li>



<li>Logiciels de communication <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mesh">LoRa Meshtastic</a> et radio SDR</li>
</ul>



<h2 class="wp-block-heading">Un outil pour la résilience collective</h2>



<p>L’enjeu n’est pas seulement technique&nbsp;: le STAMM est pensé comme un&nbsp;<strong>outil de terrain pour la gestion de crise</strong>, permettant à des équipes locales de&nbsp;:</p>



<ul class="wp-block-list">
<li>maintenir un réseau minimal de communication et de coordination,</li>



<li>accéder à une base documentaire et cartographique partagée,</li>



<li>relayer des informations en autonomie, sans dépendre d’infrastructures centralisées.</li>
</ul>



<p>Il s’inscrit ainsi dans une démarche de&nbsp;<strong>résilience territoriale et numérique</strong>, en créant une capacité d’action locale, immédiate, et reproductible.</p>



<h2 class="wp-block-heading">Et après&nbsp;?</h2>



<p>Le prototype STAMM est désormais assemblé et opérationnel. Les prochaines étapes concerneront&nbsp;:</p>



<ul class="wp-block-list">
<li>La finalisation matérielle avec la fixation des équipements dans un coffrage en impression 3D</li>



<li>Les&nbsp;<strong>tests en conditions réelles</strong>&nbsp;; exercices PCS/PICS, simulations de coupures</li>



<li>L’<strong>optimisation de l’ergonomie</strong>&nbsp;; usage terrain, rapidité de mise en service</li>



<li>L’exploration de cas d’usage variés&nbsp;; acteurs de la sécurité civile, réserve communale de sécurité civile, (RSCV), collectivités, associations, organisations humanitaires, etc.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1009" height="1024" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-1009x1024.jpg" alt="Prototype STAMM" class="wp-image-58223" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-1009x1024.jpg 1009w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-295x300.jpg 295w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-768x780.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582.jpg 1440w" sizes="(max-width: 1009px) 100vw, 1009px" /><figcaption class="wp-element-caption">Prototype en test, non assemblé</figcaption></figure>



<h3 class="wp-block-heading">En résumé</h3>



<p>Le&nbsp;<strong>Cyberdeck STAMM</strong>&nbsp;est un projet expérimental mais ancré dans une conviction&nbsp;: nous devons penser la&nbsp;<strong>résilience numérique</strong>&nbsp;comme une composante essentielle de la gestion des risques majeurs.</p>



<p>En combinant <a href="https://www.pierre-lannes.fr/tag/low-tech/" data-type="post_tag" data-id="55">low-tech</a>, open source et portabilité, il ouvre une piste concrète pour&nbsp;<strong>reprendre la main sur nos infrastructures numériques</strong>&nbsp;lorsque celles-ci font défaut.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Refonte de mon site web en collaboration avec ChatGPT-4</title>
		<link>https://www.pierre-lannes.fr/refonte-de-mon-site-web-en-collaboration-avec-chatgpt-4/</link>
					<comments>https://www.pierre-lannes.fr/refonte-de-mon-site-web-en-collaboration-avec-chatgpt-4/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Fri, 04 Jul 2025 15:49:39 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[intelligence artificielle]]></category>
		<category><![CDATA[webmaster]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=57864</guid>

					<description><![CDATA[Refonte intégrale de pierre‑lannes.fr réalisée en tandem avec ChatGPT‑4 : d’un ancien thème lourd à un site épuré, 100 % Gutenberg/FSE, migré SEO, plus léger et maintenable.]]></description>
										<content:encoded><![CDATA[
<p>Refondre un site web peut-être un projet d’ampleur lorsqu’on décide de repartir de zéro sur la conception mais sans abandonner son référencement et les anciens contenus qu&rsquo;on souhaite conserver.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Mon site web a <strong>29 ans</strong>. Ne vous moquez pas <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f605.png" alt="😅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
</blockquote>



<p>Cette semaine j&rsquo;ai réalisé la&nbsp;<strong>refonte complète d&rsquo;ici présent mon site professionnel</strong>&nbsp;en choisissant de <strong>travailler main dans la main avec ChatGPT-4</strong>, l’IA conversationnelle d’OpenAI accessible via mon abonnement ChatGPT&nbsp;Plus. Dans ce billet, je vous propose de découvrir ce retour d’expérience en trois volets&nbsp;:</p>



<ol start="1" class="wp-block-list">
<li><strong>La collaboration avec ChatGPT-4 dans le design web</strong>&nbsp;– Quels avantages et inconvénients à impliquer une IA dans un projet de conception&nbsp;? Comment utiliser efficacement un outil comme ChatGPT tout en gardant le contrôle du projet&nbsp;?</li>



<li><strong>Les motivations et principes de la refonte</strong>&nbsp;– Pourquoi abandonner mon ancien site sous WordPress (thème&nbsp;Qode <em>Bridge</em> associé au page builder WPBakery) pour un site plus léger et résilient&nbsp;? Quels choix d’ergonomie et de design ont guidé cette refonte&nbsp;?</li>



<li><strong>La réalisation technique de la refonte</strong>&nbsp;– Comment nous avons reconstruit le site sur des bases saines&nbsp;: importation des contenus, nouveau thème WordPress minimaliste, optimisation du code et utilisation du nouvel éditeur de blocs (Gutenberg).</li>
</ol>



<p>Nous avons, ChatGPT-4 et moi collaboré aussi pour la rédaction du présent billet en faisant appels à nos mémoires. Même s&rsquo;il y aura quelques fois des éléments un peu technique, nous essaierons d&rsquo;avoir un ton accessible et pédagogique afin que chacun, même non spécialiste, comprenne les enjeux et les enseignements de cette refonte collaborative avec une IA. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<h2 class="wp-block-heading">Préambule&nbsp;: pour moi c&rsquo;est elle <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60d.png" alt="😍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> et pas lui</h2>



<p>On s&rsquo;écrit, on se parle et j&rsquo;essaye de bien lui « prompter »*.</p>



<p>Pour oublier que le bilan énergétique de l&rsquo;IA est absolument catastrophique et exponentiel <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f621.png" alt="😡" class="wp-smiley" style="height: 1em; max-height: 1em;" />, j&rsquo;ai féminisée <strong>ChatGPT-4</strong> dans mes échanges <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f601.png" alt="😁" class="wp-smiley" style="height: 1em; max-height: 1em;" />. </p>



<h3 class="wp-block-heading">Modalités d&rsquo;interaction&nbsp;: texte et fichiers</h3>



<p>En terme de modalités d&rsquo;interactions, je passe la plupart du temps par des messages écrits pour échanger, mais aussi par l&rsquo;envoi direct de bouts de code, de fichiers, et d&rsquo;images parfois commentées, le résultat étant assez bluffant. Car bien souvent, <strong>ChatGPT-4 </strong>saura parfaitement analyser, en prenant en compte le contexte, une image que vous lui envoyez, par exemple une capture d&rsquo;écran d&rsquo;une fenêtre de paramétrage dans WordPress ou encore d&rsquo;un écran d&rsquo;affichage du contenu d&rsquo;une table de la base de données dans PhpMyAdmin.</p>



<h3 class="wp-block-heading">Mode vocal</h3>



<p>J&rsquo;utilise rarement l&rsquo;interaction vocale, sauf quand je suis en mobilité ou quand j&rsquo;ai des éléments bien en tête et que je sens que ça ira plus vite de le verbaliser plutôt que de l&rsquo;écrire. Et là aussi, le résultat est bluffant, autant dans la compréhension et le traitement du langage naturel, mais aussi dans le réalisme de la voix de ChatGPT (plusieurs choix possibles).</p>



<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-b821fca1 wp-block-group-is-layout-constrained">
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<figure style="padding-right:0;padding-left:0" class="wp-block-video"><video height="720" style="aspect-ratio: 720 / 720;" width="720" controls src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sol.mp4"></video><figcaption class="wp-element-caption">Voix de <strong>Sol</strong> dans <strong>ChatGPT-4</strong></figcaption></figure>
</div>



<h3 class="wp-block-heading">L&rsquo;art de bien prompter*</h3>



<p>Un des principes à retenir quand on donne des instructions à une IA pour lui donner des tâches à réaliser, c&rsquo;est de bien réfléchir et de très bien formuler sa demande. C&rsquo;est une évidence et une nécessité.</p>



<p>(*) Un <strong>prompt</strong>, dans le contexte de l&rsquo;intelligence artificielle (IA), est une instruction ou un ensemble de directives données à une IA pour accomplir une tâche spécifique</p>



<h2 class="wp-block-heading">1. Concevoir un site web en tandem avec <span style="white-space: nowrap;">ChatGPT-4&nbsp;:</span> opportunités et limites</h2>



<p>L’idée de&nbsp;<strong>collaborer avec une intelligence artificielle</strong>&nbsp;pour refaire son site pourrait sembler futuriste pour certains, et pour d&rsquo;autres initiés rien de bien original, car cela fait déjà pas mal de temps que des développeurs travaillent avec l&rsquo;aide de l&rsquo;IA.</p>



<p>Concrètement, comment ChatGPT-4 m’a aidé&nbsp;? En simplifiant, j’ai utilisé ChatGPT comme un&nbsp;<strong>assistant virtuel</strong>&nbsp;capable de répondre à mes questions techniques, de proposer des solutions, analyser du code, aider à la planification et même de générer du code ou du texte à intégrer sur le site. Grâce à mon abonnement ChatGPT&nbsp;Plus, j’ai pu exploiter la puissance de la version GPT-4, bien plus avancée que les modèles génériques, pour bénéficier de réponses précises et contextualisées.</p>



<h3 class="wp-block-heading">➔ Un “co-pilote” pour le design et le développement&nbsp;</h3>



<p>ChatGPT-4 dispose d’une énorme base de connaissances couvrant le développement web, WordPress, le design UX, etc. Il peut ainsi fournir&nbsp;<em>en quelques secondes</em>&nbsp;des informations ou idées qu’il m’aurait fallu des heures à rechercher. </p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Il convient déjà à ce stade de rester prudent. ChatGPT-4 peut parfois proposer des solutions obsolètes ou erronées qui ne tiennent pas compte de versions récentes d&rsquo;outils et applications. </p>



<p>L&rsquo;IA propose des solutions en s&rsquo;adaptant à votre niveau de connaissance. Par exemple, lors de la refonte, je lui ai demandé comment migrer proprement les contenus de mon ancien thème vers le nouveau en préférant l&rsquo;utilisation de requêtes SQL dans ma base de données&nbsp;: elle a su me lister les étapes et même m’expliquer comment convertir des types de contenus personnalisés via des requêtes SQL. C’est un gain de temps appréciable, car l’IA&nbsp;<strong>automatise en quelque sorte les tâches de recherche ou de cadrage répétitives</strong>, ce qui&nbsp;<em>«&nbsp;réduit considérablement le temps nécessaire pour créer un site web&nbsp;»</em>&nbsp;(Source&nbsp;<a href="https://www.advisuel.com/creation-site-internet/avantages-et-inconvenients-de-lutilisation-de-lia-dans-la-creation-de-site-internet/">advisuel.com</a>).</p>



<h3 class="wp-block-heading">➔ Les avantages concrets d’une IA comme ChatGPT-4</h3>



<h4 class="wp-block-heading">Gain de temps et productivité</h4>



<p>L’IA accélère de nombreuses tâches fastidieuses (recherche de code, synthèse de documentation, génération de texte), ce qui permet de se concentrer sur la vision globale du projet. En automatisant ces tâches répétitives ou techniques,&nbsp;<strong>on gagne en efficacité dans le processus de création</strong>&nbsp;<em>(Source&nbsp;: <a href="https://www.advisuel.com/creation-site-internet/avantages-et-inconvenients-de-lutilisation-de-lia-dans-la-creation-de-site-internet/#:~:text=%E2%80%93%20Gain%20de%20temps%20%3A,pour%20cr%C3%A9er%20un%20site%20web">advisuel.com</a>)</em>.</p>



<h4 class="wp-block-heading">Assistance 24h/24</h4>



<p>ChatGPT est disponible à toute heure pour répondre à une question ou fournir un avis. Pas besoin d’attendre la réponse d’un collègue développeur ou de fouiller des forums pendant des heures. Cette disponibilité a été précieuse pour itérer rapidement.</p>



<h4 class="wp-block-heading">Rappel des bonnes pratiques</h4>



<p>J&rsquo;ai de l’expérience en UX et ergonomie, et elle le sait. Je sais ce que je veux, mais ChatGPT joue un peu le rôle de&nbsp;<em>filet de sécurité</em> en faisant  des rappels, par exemple, au responsive design ou encore en vérifiant la conformité RGPD (ce qu’il a fait notamment pour l’intégration des polices locales, voir plus loin) ou encore en fournissant des&nbsp;<strong>check-lists</strong>&nbsp;et des conseils basés sur l’état de l’art.</p>



<h4 class="wp-block-heading">Booster de créativité</h4>



<p>Paradoxalement, échanger avec l’IA stimule aussi la réflexion. En proposant des idées de design ou de contenu, même génériques, ChatGPT m’a permis d’envisager des directions auxquelles je n’aurais pas forcément pensé spontanément. Il sert de&nbsp;<strong>moteur à idées</strong>&nbsp;en phase de brainstorming.</p>



<p>Je préfère travailler avec des humains. Mais je préfère travailler avec une IA plutôt que tout seul dans bien des cas, car cela nous impose de r<strong>éfléchir autrement</strong>, de <strong>reformuler</strong>, de se faire <strong>challenger</strong>, ce qui vient stimuler sa propre <strong>créativité</strong> et <strong>imagination</strong>.</p>



<p>Cependant,&nbsp;<strong>tout n’est pas rose</strong>&nbsp;dans la collaboration avec une IA et il faut connaître ses&nbsp;<strong>limites</strong>&nbsp;pour en tirer le meilleur parti.</p>



<h3 class="wp-block-heading">➔ Garder un œil critique&nbsp;: les limites et risques à anticiper</h3>



<h4 class="wp-block-heading">Pas de véritable créativité ni de sensibilité humaine, risques de standardisations</h4>



<p>ChatGPT, aussi avancé soit-il, reste un modèle statistique. Il&nbsp;<strong>manque de la créativité et de l’innovation qu’un designer humain peut apporter</strong>, et ses propositions peuvent manquer de personnalité. Il a tendance à donner des solutions génériques, déjà vues (puisqu’il s’entraîne sur de l’existant). Il faut donc éviter de prendre ses idées pour argent comptant, et toujours les adapter pour&nbsp;<em>se démarquer</em> et correspondre à son identité propre.</p>



<p><em>Des designs uniformes</em>&nbsp;– Lié au point précédent, un risque en s’appuyant trop sur l’IA est de se retrouver avec un site «&nbsp;formaté&nbsp;» comme d’autres. Par exemple, si ChatGPT propose une structure de page standard et qu’on l’applique telle quelle, on obtient quelque chose d’efficace mais de peu original.&nbsp;<strong>Plusieurs utilisateurs pourraient recevoir les mêmes suggestions</strong>, aboutissant à des sites au look similaire. L’intervention humaine est donc cruciale pour injecter de l’unicité et de la personnalité dans le design.</p>



<h4 class="wp-block-heading">Besoins de vérification et de contrôle. Le plus gros point noir à mon sens</h4>



<p>ChatGPT n’est pas infaillible. Il lui arrive de se tromper ou de proposer du code erroné, de s&rsquo;enfoncer dans des <strong>« tunnels » d&rsquo;erreurs en cascade, ce qui, tout d&rsquo;abord, peut être extrêmement chronophage (et donc à l&rsquo;inverse de ce dont on en attend) ou pire, mener à des catastrophes ou de la casse</strong>. Il peut affirmer des choses fausses, même en lui rappelant sans cesse de ne pas être affirmatif, d&rsquo;étayer&#8230;  <strong>De mon point de vue, c&rsquo;est son plus gros défaut</strong>. Dans notre collaboration, j’ai dû&nbsp;<strong>vérifier chaque recommandation technique</strong>&nbsp;avant de l’appliquer. Par exemple, l’IA m’a suggéré une requête SQL pour convertir mes anciens&nbsp;<em>posts</em>&nbsp;de portfolio en articles standards&nbsp;: j’ai dû la tester sur une copie de la base et ajuster certaines syntaxes.&nbsp;<strong>Aucune action n’a été faite aveuglément</strong>. L’IA est un excellent assistant, mais il faut garder le manche. En ergonomie, on parle d’<em><strong>automation surveillée</strong></em>, et c’est exactement cela&nbsp;: j’ai utilisé l’IA pour aller plus vite, tout en gardant constamment le contrôle humain et en validant chaque étape avec mon expertise. </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>En ergonomie, bien avant l&rsquo;ère de l&rsquo;IA générative actuelle, nous connaissons depuis longtemps les problématiques de supervision de systèmes automatisés, de coopération entre les hommes et les machines. C&rsquo;est d&rsquo;ailleurs ici, depuis un peu plus d&rsquo;un siècle, que l&rsquo;ergonomie moderne est née&nbsp;: dans les cockpits et dans les salles de contrôle de systèmes complexes où des hommes supervisent des machines intégrant des automatismes.</p>
</blockquote>



<h4 class="wp-block-heading">Dépendance et perte de compétences</h4>



<p>Un écueil à éviter est de devenir&nbsp;<strong>dépendant</strong>&nbsp;de l’IA pour la moindre décision. Il était tentant parfois de demander à ChatGPT de rédiger directement un paragraphe de présentation ou de générer un style CSS complet. Je l’ai fait ponctuellement, mais toujours en retravaillant ensuite le résultat. Je reste conscient que&nbsp;<strong>s’appuyer excessivement sur l’IA peut faire régresser certaines compétences</strong>&nbsp;sur le long terme. Il est important de continuer à pratiquer et à décider par soi-même, sans quoi on risque de perdre la maîtrise technique ou rédactionnelle. ChatGPT doit rester un outil, pas un&nbsp;<em>remplaçant</em>&nbsp;de notre savoir-faire. <strong>Ce point ouvre un très vaste débat concernant les risques et les enjeux de l&rsquo;introduction de l&rsquo;IA sur les compétences et métiers</strong>. C&rsquo;était un des volets traité dans une expertise que j&rsquo;ai réalisé récemment pour un leader de l&rsquo;informatique européen.</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/analyse-et-conseil-strategique-sur-lintroduction-de-systemes-dintelligence-artificielle-dans-un-groupe-europeen-de-services-informatiques/" target="_blank">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/05/ia.png" alt="Analyse et conseil stratégique sur l&#039;introduction de systèmes d&#039;intelligence artificielle - Pierre Lannes">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/analyse-et-conseil-strategique-sur-lintroduction-de-systemes-dintelligence-artificielle-dans-un-groupe-europeen-de-services-informatiques/" target="_blank">
			Analyse et conseil stratégique sur l'introduction de systèmes d'intelligence artificielle - Pierre Lannes		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/analyse-et-conseil-strategique-sur-lintroduction-de-systemes-dintelligence-artificielle-dans-un-groupe-europeen-de-services-informatiques/" target="_blank">
			<p>2025 – Dans le cadre d’une mission d’expertise habilitée, j’ai accompagné un grand groupe européen du secteur IT dans l’analyse et l’orientation stratégique de l’intégration de systèmes d’intelligence artificielle (IA). L’intervention a couvert les volets suivants&nbsp;: organisation, évolution de l’offre de services, transformation des processus internes, accompagnement des métiers (formation,…</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>


<p>En résumé, cette première partie de l’aventure montre que&nbsp;<strong>ChatGPT-4 a été un formidable allié</strong>, m’offrant support et gain de temps, mais qu’il a fallu l’utiliser&nbsp;<strong>de manière réfléchie</strong>. L’IA n’est pas (encore) une baguette magique capable de refaire votre site toute seule gratuitement&nbsp;– c’est votre expertise combinée à la sienne qui fait la différence. D’ailleurs, même les experts du domaine soulignent que&nbsp;<em>«&nbsp;l’IA est un excellent outil pour automatiser certaines étapes […]. Toutefois, elle ne remplace pas la créativité et la sensibilité humaines […] pour des sites plus personnalisés ou complexes, l’intervention humaine reste indispensable&nbsp;»</em>&nbsp;<em>(Source: &nbsp;<a href="https://www.advisuel.com/creation-site-internet/avantages-et-inconvenients-de-lutilisation-de-lia-dans-la-creation-de-site-internet/#:~:text=L%E2%80%99IA%20est%20un%20excellent%20outil,complexes%2C%20l%E2%80%99intervention%20humaine%20reste%20indispensable">advisuel.com</a>)</em>. Ce projet en collaboration avec ChatGPT illustre bien ce principe&nbsp;: j’ai pu accélérer et sécuriser ma refonte grâce à l’IA, tout en imprimant ma patte et en prenant chaque décision finale.</p>



<p>Dans la partie suivante, nous allons voir&nbsp;<strong>pourquoi</strong>&nbsp;j’ai entrepris cette refonte totale. Quels étaient les problèmes de l’ancienne version du site, et quels objectifs m’ont poussé à tout recommencer sur de nouvelles bases.</p>



<h2 class="wp-block-heading">2. Pourquoi refondre&nbsp;? Un site plus léger, résilient et épuré</h2>



<p>Mon site professionnel existait depuis de nombreuses années et avait connu plusieurs évolutions. Avant la refonte, il tournait sous WordPress avec un&nbsp;<strong>thème premium nommé Bridge (par Qode)</strong>, très populaire il y a quelques années. Ce thème était couplé au&nbsp;<strong>constructeur de pages WPBakery (anciennement Visual Composer)</strong>, un plugin de&nbsp;<em>page builder</em> visuel intégré. Si cette solution m’avait permis à l’époque de bâtir un site au design riche sans coder, elle montrait désormais ses limites. Voici les&nbsp;<strong>raisons principales qui m’ont poussé à abandonner l’ancienne version</strong>.</p>



<figure class="wp-block-image size-large"><img alt="" loading="lazy" decoding="async" width="1024" height="599" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge-1024x599.jpg" alt="" class="wp-image-57891" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge-1024x599.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge-300x175.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge-768x449.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge-1536x898.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/bridge.jpg 1574w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Le thème Bridge, par Qode Interactive</figcaption></figure>



<h3 class="wp-block-heading">Un site devenu lourd et lent à charger</h3>



<p>Le thème Bridge est un thème «&nbsp;tout-en-un&nbsp;» offrant des dizaines de modèles et de fonctionnalités (sliders, animations, portfolio intégré, etc.), embarquant énormément de code même pour des fonctions que je n’utilisais pas. De même, WPBakery injecte de nombreux shortcodes et scripts pour chaque mise en page. Des tests comparatifs indiquent qu’en moyenne,&nbsp;<strong>un site construit avec un page builder peut charger jusqu’à 57&nbsp;% plus lentement que le même site réalisé avec l’éditeur Gutenberg natif</strong>&nbsp;<em>(<em>Source&nbsp;:</em> <a href="https://www.kalamuna.com/blog/gutenberg-vs-page-builders-how-choose-guide-mission-driven-organizations#:~:text=Page%20builders%20add%20a%20lot,than%20a%20Guttenberg%20powered%20site"><em>kalamuna.com</em>)</a></em>, l&rsquo;éditeur de blocs de WordPress. Cette différence de performance, due à l’excès de code embarqué, pénalise l’expérience utilisateur et potentiellement le référencement dans les moteurs de recherche. L’objectif de la refonte était donc&nbsp;<strong>d’alléger drastiquement le site</strong>&nbsp;pour améliorer sa rapidité.</p>



<h3 class="wp-block-heading">Une maintenance complexe et des mises à jour risquées</h3>



<p>Utiliser un thème lourd et un page builder rend les mises à jour de WordPress délicates. Chaque nouvelle version du CMS ou de PHP peut casser des éléments du thème Bridge ou de WPBakery. D’ailleurs, mettre à jour le thème Bridge nécessitait d’attendre des patchs du fournisseur, et WPBakery devait aussi être mis à jour séparément (parfois via une licence). Cela créait une&nbsp;<strong>dépendance vis-à-vis de l’éditeur du thème</strong>. De plus, la quantité d’extensions installées augmentait les risques de conflit ou de faille de sécurité. Je voulais&nbsp;<strong>un site plus résilient</strong>, c’est-à-dire capable de traverser les évolutions sans encombre, en s’appuyant un maximum sur le&nbsp;<strong>noyau WordPress natif</strong>&nbsp;(core) plutôt que sur des couches tierces. En passant à un site “allégé”, je réduis la surface d’attaque et les problèmes de compatibilité, et gagne en&nbsp;<strong>stabilité sur le long terme</strong>.</p>



<h3 class="wp-block-heading">Le verrouillage du contenu (“content lock-in”)</h3>



<p>C’est un problème bien connu des sites construits avec des page builders propriétaires. Concrètement,&nbsp;<strong>si vous désactivez WPBakery/Bridge, vos pages ne ressemblent plus à rien</strong>. Elles affichent une bouillie de shortcodes invraisemblables (<em>Source&nbsp;:</em> <a href="https://www.kalamuna.com/blog/gutenberg-vs-page-builders-how-choose-guide-mission-driven-organizations#:~:text=Page%20builders%20add%20a%20lot,than%20a%20Guttenberg%20powered%20site"><em>kalamuna.com</em>)</a>. En refondant le site avec les blocs WordPress (Gutenberg) qui sont maintenant intégrés au core, je m’assure que&nbsp;<strong>mes articles et pages resteront lisibles et éditables peu importe le thème actif</strong>. WordPress évolue désormais vers plus de standardisation avec les&nbsp;<em>block themes</em>, il était logique d’embrasser ce mouvement pour pérenniser mes contenus.</p>



<h3 class="wp-block-heading">Une interface d’édition contraignante pour le blog&nbsp;</h3>



<p>WPBakery permettait de jolis layouts, mais pour rédiger un simple article de blog, c’était overkill. L’éditeur était lourd, peu ergonomique pour du texte, avec des&nbsp;<em>shortcodes</em> partout dans le contenu en mode édition. À l’inverse, le nouvel éditeur WordPress (Gutenberg) offre une expérience bien plus fluide pour la rédaction&nbsp;: on voit directement à l’écran le rendu, on peut structurer avec des blocs (paragraphes, images, titres, etc.) de façon claire.</p>



<h3 class="wp-block-heading">Un design à moderniser et épurer</h3>



<p>Sur le plan visuel, mon ancien site n’était pas «&nbsp;moche&nbsp;», mais il commençait à dater. J’avais par exemple une&nbsp;<strong>colonne latérale (sidebar)</strong>&nbsp;avec des widgets, des effets de transition au scroll, etc., hérités de l’ère des blogs des années 2010. Aujourd’hui les tendances design penchent vers plus d’aération, de minimalisme, et surtout un usage majoritaire du mobile qui rend les sidebars souvent superflues. J’ai donc voulu&nbsp;<strong>simplifier l’interface</strong>&nbsp;: tout est centré sur le contenu principal, j’ai retiré les animations gadgets pour revenir à quelque chose de plus sobre. </p>



<p>En termes de style, j’ai opté pour un design très épuré qui&nbsp;<strong>met en valeur le contenu et la lecture</strong>, avec une palette restreinte respectant ma charte graphique mais sans fioritures. Cette épuration visuelle s’aligne avec mon positionnement professionnel (ergonomie, design centré sur l’utilisateur)&nbsp;: un site simple d’apparence, mais efficace pour communiquer l’essentiel.</p>



<p>En&nbsp;<strong>résumé</strong>, la refonte s’est imposée car&nbsp;<em>sous le capot</em>, il y avait&nbsp;<strong>trop de complexité et de lourdeur</strong>. Mon objectif était triple&nbsp;:&nbsp;<strong>alléger</strong>&nbsp;(pour la performance),&nbsp;<strong>standardiser</strong>&nbsp;(pour la maintenabilité et la durabilité), et&nbsp;<strong>simplifier</strong>&nbsp;(pour l’UX et l’édition de contenu). À l’arrivée, même si&nbsp;<em>en apparence</em>&nbsp;le site reste dans la continuité (mêmes contenus, même auteur <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f601.png" alt="😁" class="wp-smiley" style="height: 1em; max-height: 1em;" />), les changements techniques sont majeurs. J’ai pratiquement&nbsp;<em>divisé par deux</em>&nbsp;le nombre d’extensions actives, éliminé tout ce qui était spécifique au thème précédent, et adopté une solution WordPress beaucoup plus «&nbsp;pure&nbsp;» et pérenne.</p>



<p>Dans la partie suivante, entrons dans le&nbsp;<strong>concret</strong>&nbsp;: comment avons-nous procédé avec notre amie ChatGPT-4 pour réaliser cette refonte&nbsp;? Quelles étapes ont été suivies, et quelles solutions techniques mises en place pour atteindre ces objectifs&nbsp;?</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="765" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blog-old-1024x765.jpg" alt="Colonne latérale / sidebar widget (ancien site)" class="wp-image-57894" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blog-old-1024x765.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blog-old-300x224.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blog-old-768x574.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blog-old.jpg 1229w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Old School&nbsp;: colonne latérale / sidebar widget (ancien site)</figcaption></figure>



<h2 class="wp-block-heading">3. Repartir sur des bases saines&nbsp;: réalisation technique de la refonte</h2>



<p>Une refonte complète implique généralement de&nbsp;<strong>réinstaller un nouveau site</strong>&nbsp;et d’y migrer les contenus de l’ancien. C’est exactement l’approche que j’ai suivie&nbsp;: nouveau serveur de test, installation fraîche de WordPress, puis import des données et mise en place du nouveau thème/configuration, avant de mettre en production. J’ai pu m’appuyer sur ChatGPT-4 pour planifier ce chantier et éviter d’oublier des étapes. Voici un aperçu détaillé des actions réalisées.</p>



<h3 class="wp-block-heading">Importation et conversion des contenus de l’ancien site</h3>



<h4 class="wp-block-heading">Export des données depuis l’ancien site</h4>



<p>Sur le site sous Bridge/WPBakery, j’ai exporté l’ensemble des contenus à l’aide des outils WordPress (fichiers XML d’export pour les articles, pages, menus, médias…). Cela m’a permis de récupérer mes textes et images. J’ai également veillé à exporter les réglages SEO&nbsp;: j’utilisais le plugin&nbsp;<strong>All In One SEO (AIOSEO)</strong>&nbsp;auparavant, qui stocke les balises méta (titres SEO, descriptions, etc.). Il était crucial de ne pas perdre ce travail de référencement lors de la migration.</p>



<h4 class="wp-block-heading">Import dans le nouveau site WordPress vierge</h4>



<p>J’ai installé un&nbsp;<strong>nouveau WordPress minimal</strong>&nbsp;sur un hébergement de test. Aucune extension superflue, juste le nécessaire. J’ai importé le fichier XML des contenus via l’outil d’import natif (ce qui a recréé tous mes articles, pages et médias dans la base). J’ai installé le plugin&nbsp;<strong>SEO Press</strong>&nbsp;(mon choix pour remplacer AIOSEO, plus moderne et léger) et utilisé sa fonction d’<strong>importation des métadonnées SEO</strong> depuis AIOSEO. Ainsi,&nbsp;<em>toutes mes pages ont conservé leurs optimisations SEO</em>&nbsp;(titres personnalisés, descriptions, textes ALT d’images…) après la migration, malgré le changement de plugin.</p>



<h4 class="wp-block-heading">Conversion de l’ancien portfolio en articles standards</h4>



<p>Sur mon ancien site, le thème Bridge utilisait un&nbsp;<strong>type de contenu personnalisé “Portfolio”</strong>&nbsp;pour présenter mes <a href="https://www.pierre-lannes.fr/category/portfolio/" data-type="category" data-id="141">Missions réalisées</a>. Plutôt que de conserver ce format propriétaire, j’ai décidé d’intégrer ces réalisations comme des articles WordPress, standards pour m’éviter d’installer un plugin de portfolio, faciliter et alléger l&rsquo;édition de ces contenus. Avec l’aide de ChatGPT, j’ai mis au point une&nbsp;<strong>requête SQL</strong>&nbsp;permettant de transformer ces entrées de portfolio en articles WordPress normaux. Techniquement, cela revient à changer la valeur&nbsp;post_type&nbsp;de chaque entrée&nbsp;portfolio&nbsp;en&nbsp;post&nbsp;dans la table de la base de données, et à remapper les taxonomies associées (les catégories/étiquettes du portfolio ont été converties en catégories du blog). Cette manipulation s’est bien déroulée et m’a fait gagner un temps fou&nbsp;: plutôt que de copier-coller chaque ancien projet manuellement, tout a été converti en une opération.</p>



<h4 class="wp-block-heading">Nettoyage de la base de données</h4>



<p>Après ces opérations, j’ai passé un petit coup de balai dans la base WordPress. J’ai supprimé les tables laissées par l’ancien thème et ses plugins (par exemple les tables spécifiques à Bridge ou WPBakery s’il y en avait, ainsi que des entrées&nbsp;wp_options&nbsp;obsolètes). J’ai aussi vérifié qu’il n’y avait pas d’erreurs d’encodage, et reconstruit les permaliens. L’idée était d’avoir&nbsp;<strong>une base propre et allégée</strong>, sans vestiges du passé, afin d’assurer les meilleures performances et éviter tout conflit. Ce nettoyage s’apparente à un&nbsp;<em>démarrage frais</em>&nbsp;: on élimine tout le “gras” accumulé.</p>



<p>À ce stade, sur le nouveau site,&nbsp;<strong>tous mes contenus étaient en place</strong>&nbsp;(articles, pages, images, menus) mais avec le thème WordPress par défaut et aucune personnalisation visuelle. J’avais donc un site fonctionnel mais très brut visuellement. La prochaine étape a été de construire le&nbsp;<strong>nouveau design minimaliste</strong>&nbsp;et la structure du site selon les principes définis.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="887" height="902" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blcockbase.jpg" alt="Blockbase Theme" class="wp-image-57897" style="width:1000px;height:auto" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blcockbase.jpg 887w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blcockbase-295x300.jpg 295w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/blcockbase-768x781.jpg 768w" sizes="auto, (max-width: 887px) 100vw, 887px" /><figcaption class="wp-element-caption">Le thème <a href="https://wordpress.org/themes/blockbase/" target="_blank" rel="noreferrer noopener nofollow">WordPress <strong>Blockbase</strong> par <strong>Automattic</strong></a></figcaption></figure>



<h3 class="wp-block-heading">Minimalisme, thème enfant et Full Site Editing</h3>



<h4 class="wp-block-heading">De Blocksy à Blockbase&nbsp;: pourquoi ce choix&nbsp;?</h4>



<p>Au début du projet, j’ai testé le thème <strong>Blocksy</strong> — moderne et riche en options —, mais je me suis vite rendu compte qu’il <strong>regorgeait encore de fonctionnalités non indispensables</strong> (scripts dynamiques, système de hooks propriétaire, panneau d’options très lourd). Je cherchais quelque chose de <strong>plus minimaliste et 100 % axé Full Site Editing (FSE)</strong> l’éditeur de site complet introduit dans WordPress 5.9&nbsp;<em>(Source&nbsp;:&nbsp;<a href="https://wpmarmite.com/en/gutenberg-vs-page-builder/#:~:text=2022,9">wpmarmite.com</a>)</em>.&nbsp;<em>Pour faire simple, le FSE permet d’éditer non seulement le contenu des pages, mais aussi le header, footer, modèles d’articles… le tout depuis l’interface WordPress avec des blocs, sans écrire une ligne de code.</em></p>



<p>C’est ainsi que je me suis orienté vers <strong>Blockbase</strong>, un thème parent FSE  ultra minimaliste fourni et maintenu par les développeurs de WordPress (société Automattic). Blockbase fournit&nbsp;:</p>



<ul class="wp-block-list">
<li>Un <strong>socle ultra-léger</strong> (quelques templates et un fichier <code>theme.json</code> concis) offrant une&nbsp;<strong>bonne base “minimum syndical”</strong>&nbsp;pour construire sa propre identité visuelle,</li>



<li><strong>Aucun framework JS supplémentaire</strong>,</li>



<li>La garantie d’une <strong>compatibilité native</strong> avec l’éditeur de site WordPress.</li>
</ul>



<p>J’ai donc créé <strong>blockbase-child</strong>, mon thème enfant, pour surcharger les styles (<code>style.css</code>), embarquer mes polices locales et ajouter quelques fonctions PHP mineures sans toucher au code du thème parent (ce qui assure qu’on pourra mettre à jour le parent sans perdre nos modifications). Dans mon thème enfant, j’ai surtout travaillé sur le fichier&nbsp;style.css&nbsp;pour y définir mes styles personnalisés&nbsp;:</p>



<ul class="wp-block-list">
<li>Couleurs exactes de ma charte, choix typographiques, marges et mises en page spécifiques</li>



<li>Comme dans la version précédente de mon site, il y a 2 styles&nbsp;: un pour le mode clair, et un pour le mode sombre&nbsp;: ils se chargent automatiquement en fonction de la configuration du système de l&rsquo;utilisateur consultant le site</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="638" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-1024x638.png" alt="Mode Clair" class="wp-image-57874" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-1024x638.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-300x187.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-768x478.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-1536x957.png 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/clair-2048x1276.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Mode Clair</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="639" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-1024x639.png" alt="Mode sombre" class="wp-image-57875" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-1024x639.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-300x187.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-768x479.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-1536x959.png 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sombre-2048x1279.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Mode sombre</figcaption></figure>
</div>
</div>



<ul class="wp-block-list">
<li><strong>Intégration des polices de caractères en local</strong>&nbsp;plutôt que de les appeler depuis l’extérieur. Cela présente plusieurs avantages&nbsp;: aucune requête externe n’est nécessaire pour les polices, ce qui&nbsp;<strong>améliore les temps de chargement et l’indépendance du site vis-à-vis de services tiers</strong>&nbsp;(Source&nbsp;:&nbsp;<a href="https://blog.raidboxes.io/en/online-marketing/google-fonts-wordpress/#:~:text=,the%20display%20of%20your%20website">blog.raidboxes.io</a>), et c’est également bien plus respectueux du RGPD&nbsp;: plus de transfert de l’IP du visiteur vers Google Fonts pour charger la police de caractère.</li>



<li>En plus du CSS, j’ai défini un fichier de fonctions du thème enfant pour de légers ajustements. L’ensemble de ces personnalisations m’a permis d’atteindre&nbsp;<strong>un design épuré sur mesure</strong>&nbsp;: un fond clair, une typo professionnelle, un rendu compatible sur mobile et desktop, le tout&nbsp;<strong>sans l’encombrement d’un page builder</strong>.</li>
</ul>



<h4 class="wp-block-heading">Un design épuré et centré contenu</h4>



<p>Comme évoqué précédemment, j’ai supprimé les éléments visuels superflus. Concrètement, le site adopte désormais une&nbsp;<strong>mise en page sur une seule colonne</strong>&nbsp;(plus de sidebar latérale). Le menu de navigation est en haut de page de façon classique ainsi que le pied de page. Les articles de blog s’affichent avec une largeur de texte confortable pour la lecture, sans distractions autour. J’ai également limité la palette de couleurs aux tons de ma charte, sans ajouter d’effets graphiques inutiles.&nbsp;<strong>Moins d’effets = plus de clarté</strong>&nbsp;pour le lecteur. Les quelques illustrations présentes servent le contenu. Cette sobriété rend le site non seulement plus élégant et lisible, mais contribue aussi aux performances (moins d’images de déco, moins de scripts d’animation, etc.). C’est en phase avec le courant du&nbsp;<em>minimalisme web</em>&nbsp;dont l’un des bénéfices est justement d’<strong>accélérer le site et d’améliorer le SEO en réduisant le temps de chargement</strong>&nbsp;(Source&nbsp;: <a href="https://crocoblock.com/blog/best-minimalist-wordpress-themes/#:~:text=Key%20advantages%20of%20minimalist%20themes%3A,seamless%20viewing%20across%20all%20devices">crocoblock.com</a>).</p>



<h4 class="wp-block-heading">Utilisation du système de blocs (Gutenberg) et du Full Site Editing</h4>



<p>L’une des évolutions majeures de WordPress ces dernières années est l’éditeur Gutenberg et le FSE. Je souhaitais capitaliser sur cet outil pour&nbsp;<strong>faciliter la gestion du site à l’avenir</strong>. Concrètement, après avoir activé mon thème enfant <strong>Blockbase</strong>, je suis passé par l’<strong>éditeur de site</strong> (Apparence &gt; Éditeur dans l’admin WP) pour personnaliser mes gabarits&nbsp;: articles de blog, page d’accueil, de contact, etc., en assemblant des&nbsp;<em>blocs</em>&nbsp;(en-tête, titre du site, liste des derniers articles, zone de contenu, formulaire de commentaire, pied de page…). C’est un plaisir de pouvoir faire cela&nbsp;<strong>visuellement, en direct</strong>, sans toucher au PHP&nbsp;: WordPress affiche une prévisualisation du site et on glisse/dépose les blocs souhaités. Et si un jour je veux changer la disposition d’un élément (par ex. placer la date sous le titre ou inversement), je peux le faire en 3 clics dans cet éditeur de site.</p>



<p>En parallèle,&nbsp;<strong>pour la rédaction au quotidien</strong>, j’utilise maintenant pleinement l’éditeur de blocs Gutenberg. Plus besoin de WPBakery&nbsp;: quand je créé un nouvel article, j’ai une page blanche où chaque paragraphe, image ou citation est un bloc qu’on peut styliser et déplacer facilement. C’est&nbsp;<strong>bien plus intuitif pour un utilisateur</strong>&nbsp;lambda qu’un builder à interface complexe. D’ailleurs, en n’ayant plus qu’un seul système (les blocs natifs) à maîtriser, je simplifie la formation et la maintenance&nbsp;:&nbsp;<em>«&nbsp;Parce que Gutenberg fait partie de WordPress, il suffit de former les éditeurs de contenu sur un seul système, pas deux&nbsp;»</em>&nbsp;note un expert&nbsp;<em>(Source&nbsp;:&nbsp;<a href="https://www.kalamuna.com/blog/gutenberg-vs-page-builders-how-choose-guide-mission-driven-organizations#:~:text=2.%20,training%20time">kalamuna.com</a>)</em>. C’est exactement ce que je recherchais&nbsp;:&nbsp;<strong>unifier l’expérience d’édition</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="533" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg-1024x533.jpg" alt="Gutenberg Full Site Editing" class="wp-image-57901" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg-1024x533.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg-300x156.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg-768x400.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg-1536x799.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/07/gutemberg.jpg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">L&rsquo;éditeur de blocs Gutenberg intégré dans WordPress</figcaption></figure>



<h4 class="wp-block-heading">Réduction drastique des extensions</h4>



<p>Qui dit simplicité dit aussi limiter le nombre de plugins. J’ai pu supprimer plusieurs extensions liées à l’ancien thème (slider, portfolio, page builder…). À présent, le site tourne avec&nbsp;<strong>moins d&rsquo;extensions</strong>&nbsp;: essentiellement&nbsp;<strong>SEOPress pour le référencement</strong>,&nbsp;<strong>cache/performance</strong>&nbsp;(pour servir les pages encore plus vite aux visiteurs, bien que le site soit déjà rapide, un cache ne fait pas de mal),&nbsp;2 extensions pour la <strong>sécurité</strong>, une autre pour le <strong>formulaire de contact</strong>&nbsp;; globalement, une dizaine d&rsquo;extensions, contre plus d&rsquo;un quinzaine auparavant. Chaque plugin en moins, c’est du code en moins, donc potentiellement des gains de performance et moins de risques de faille. C’est en cela que le site est plus&nbsp;<strong>léger et maintenable</strong>&nbsp;: la plupart des fonctions sont assurées soit par WordPress lui-même, soit par quelques dizaines de lignes dans le thème enfant, plutôt que par de grosses extensions.</p>



<h4 class="wp-block-heading">Une extension « maison » développée avec ChatGPT-4</h4>



<p>L&rsquo;interface de recherche (icône loupe en haut à droite de ce site) lance une fenêtre modale pleine page pour faire une recherche sur le site en utilisant les fonctionnalités standards intégrées à WordPress. Comme je voulais quelque chose de spécifique et de très léger, j&rsquo;ai fait du sur mesure avec ChatGPT-4 qui m&rsquo;a développé une grande partie du code. Je lui ai fait faire quelques ajustements et j&rsquo;ai codé le style CSS moi-même.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">En conclusion</h2>



<p>Cette refonte de mon site professionnel en collaboration avec ChatGPT-4 a été une expérience enrichissante. Le résultat est à la hauteur de mes attentes&nbsp;: un site à l’apparence&nbsp;<em>sobre et professionnelle</em>, qui cache une&nbsp;<strong>architecture modernisée</strong>&nbsp;et épurée. J’y ai gagné en&nbsp;<strong>vitesse</strong>&nbsp;(le site se charge beaucoup plus vite qu’avant), en&nbsp;<strong>flexibilité</strong> (je peux faire évoluer la mise en page ou les contenus très facilement grâce aux blocs), et en&nbsp;<strong>sérénité</strong>&nbsp;(moins de bugs à craindre lors des mises à jour, un codebase allégé que je comprends de A à Z).</p>



<p>Travailler avec ChatGPT-4 m’a clairement fait gagner du temps et m’a aidé à éviter bien des écueils techniques, tout en me permettant d’apprendre de nouvelles astuces au passage. Cette&nbsp;<strong>collaboration humain + IA</strong>&nbsp;illustre bien comment on peut, dès aujourd’hui, mener un projet web de bout en bout en tirant parti de l’intelligence artificielle sans jamais perdre la main sur les décisions. Les avantages sont nombreux – assistance, inspiration, efficacité – à condition de rester maître du processus et de ne pas tomber dans la facilité de tout déléguer aveuglément.</p>



<p>Si vous envisagez vous aussi de refondre votre site (ou tout autre projet de design), je ne peux que vous conseiller d’essayer cet accompagnement d’un nouveau genre. Bien utilisé,&nbsp;<strong>ChatGPT-4 peut être un véritable catalyseur</strong>&nbsp;pour vos projets numériques, vous permettant d’aller plus loin et plus vite, tout en enrichissant votre propre expertise. Et qui sait, vous aurez peut-être, comme moi, envie de raconter cette expérience innovante sur votre blog <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" />&nbsp;!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/refonte-de-mon-site-web-en-collaboration-avec-chatgpt-4/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://www.pierre-lannes.fr/wp-content/uploads/2025/07/sol.mp4" length="217892" type="video/mp4" />

			</item>
		<item>
		<title>Analogies des démarches en ergonomie et design de permaculture, autonomie et polyculture</title>
		<link>https://www.pierre-lannes.fr/analogies-des-demarches-dergonomie-et-de-design-en-permaculture/</link>
					<comments>https://www.pierre-lannes.fr/analogies-des-demarches-dergonomie-et-de-design-en-permaculture/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Mon, 13 Apr 2020 12:24:51 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[agriculture]]></category>
		<category><![CDATA[alimentation]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[Gers]]></category>
		<category><![CDATA[low-tech]]></category>
		<category><![CDATA[méthodologie]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[survivologie]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=33095</guid>

					<description><![CDATA[Approches pragmatiques et collaboratives, contextuelles, vision systémique de l'environnement, amélioration des interactions et productivité, l'ergonomie comme le design en permaculture consistent à observer et penser en terme de relations entre les choses / éléments d'un système - de design relationnel - et agir, améliorer et harmoniser de manière durable les relations entre les hommes et leur environnement de travail, de vie, nourricier, la cohabitation : la définition même de l'écologie. En facilitant les échanges, les interactions, la complémentarité et la coopération entre les éléments végétaux, animaux, technologiques low-tech, humains. Par son agilité, la polyculture a de grandes facultés adaptatives et s'oppose à la monoculture intensive, rigide, lourde, à forte inertie, soumise à de fortes dépendances et aux risques systémiques ]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Approches pragmatiques et collaboratives, contextuelles, vision systémique de l&rsquo;environnement, amélioration des interactions et productivité, l&rsquo;ergonomie comme le design en permaculture consistent à observer et penser en terme de relations entre les choses / éléments d&rsquo;un système &#8211;&nbsp;design relationnel&nbsp;&#8211; et agir, améliorer, harmoniser de manière durable les relations entre les hommes et leur environnement de travail, de vie, nourricier, de cohabitation&nbsp;: la définition même de l&rsquo;écologie.</p>



<p>En facilitant les échanges, les interactions, la complémentarité et la coopération entre les éléments végétaux, animaux, technologiques low-tech, humains.</p>



<p>Par son agilité, la polyculture a de grandes facultés adaptatives et s&rsquo;oppose à la monoculture intensive, rigide, lourde, à forte inertie, soumise à de fortes dépendances et aux risques systémiques.</p>
</div>



<p><strong>Observation</strong>,&nbsp; démarche <strong>pragmatique</strong> et <strong>collaborative</strong>, prise en compte du <strong>contexte</strong>, vision <strong>systémique</strong> de l&rsquo;environnement, esquisses, design et aménagements, création d&rsquo;<strong>écosystèmes</strong>, <strong>tests</strong> et recherche du meilleur <strong>confort</strong>, de la meilleure <strong>productivité</strong>, <strong>efficience</strong>, <strong>sécurité</strong>, <strong>durabilité</strong>, plaisir <strong>esthétique</strong>&#8230;</p>



<p>Décidément, ergonomie et design en permaculture ont plus que des analogies. En réalité, ils se <strong>confondent</strong> dans leur <strong>pratique</strong>, mais aussi dans leurs <strong>principes</strong>.</p>



<p>C’est par l’observation que viennent la <strong>compréhension</strong> mais aussi les <strong>idées</strong>. Il en est ainsi chez l&rsquo;homme depuis la nuit des temps. Et les idées seront <strong>adaptées</strong> à la réalité puisqu’elle aura été observée. Il reste une part <strong>d’interprétation</strong> de <strong>l&rsquo;invisible</strong>, et du risque dans <strong>l&rsquo;imprévisible</strong>. C&rsquo;est pour cela qu&rsquo;il y a des scénarios et des tests en ergonomie et en permaculture, souvent dans des environnements <strong>maîtrisés</strong>, <strong>réduits</strong>, <strong>clos</strong>, pour éviter des effets de bord, des risques, avant <strong>d&rsquo;engager</strong> de l&rsquo;énergie et des efforts dans la généralisation&#8230; Pour voir ce qui <strong>marche</strong>, ce qui ne marche pas, ce qu&rsquo;il se passe, comment les choses sont <strong>perçues</strong>, <strong>vécues</strong>. Les tests, c&rsquo;est aussi de l’observation.</p>



<h2 class="wp-block-heading">Une écologie véritable&nbsp;: améliorer les relations entre les hommes et leur environnement</h2>



<p>L&rsquo;ergonomie, le design en permaculture consistent à observer et penser en terme de <strong>relations</strong> entre les choses / éléments d&rsquo;un système &#8211; <em>de design relationnel</em> &#8211; et agir, améliorer et harmoniser de manière durable les relations entre les hommes et leur environnement de travail, de vie, <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/">nourricier</a>, la cohabitation: c&rsquo;est <strong>la définition même de l&rsquo;écologie..</strong>.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader.jpg"><img loading="lazy" decoding="async" width="1820" height="1137" src="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader.jpg" alt="Photographie avion chauve-souris, bioinspiré, de Clément Ader" class="wp-image-33308" title="Avion chauve-souris, bioinspiré, de Clément Ader" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader.jpg 1820w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader-300x187.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader-1024x640.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader-768x480.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/avion_chauve-souris_-bioinspire_Clement-Ader-1536x960.jpg 1536w" sizes="auto, (max-width: 1820px) 100vw, 1820px" /></a></figure>



<p>L&rsquo;ergonomie, le design et la permaculture s&rsquo;influencent mutuellement&nbsp;: l&rsquo;homme façonne son environnement naturel et à l&rsquo;inverse, il s&rsquo;inspire de la nature quand il conçoit des choses, des artéfacts, on parle alors d&rsquo;<strong>écomimétisme</strong> et de <strong>biomimétisme</strong>. En permaculture, un design de paysages mime <strong>modèles</strong> et <strong>relations</strong> observés dans la nature.</p>



<h2 class="wp-block-heading">Ne pas imposer, collaborer et faciliter le changement</h2>



<p>Même si on s&rsquo;appuie sur des <strong>normes</strong>, des expériences <strong>connues</strong> et <strong>similaires</strong>, un <strong>style</strong> ou une <strong>culture</strong>, dans toutes ses pratiques, il ne s&rsquo;agit pas d&rsquo;appliquer et d&rsquo;imposer aveuglément des recettes ou des règles d&rsquo;ergonomie ou de design&nbsp;: modèles d&rsquo;organisation, d&rsquo;aménagement, de circulation, de formes, de style&#8230;</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Le Design, est-ce pratique ou esthétique&nbsp;? Ce n’est que fonctionnel. L’objet est esthétique seulement dans la mesure où il a d’abord totalement répondu à sa demande ergonomique (…). Le Design permet d’éclairer la fonctionnalité. </p>



<p>Philippe Starck, 2019</p>
</blockquote>



<p>Le <strong>contexte</strong> spécifique est à prendre en compte et à observer, analyser&nbsp;: en permaculture, que ce soit la <strong>région</strong>, les spécificités du <strong>terroir</strong>, du <strong>terrain</strong>, <strong>orientation</strong> et <strong>topographie</strong>, <strong>ressources</strong> disponibles, <strong>risques</strong>, l&rsquo;<strong>analyse des besoins</strong>&#8230; et en ergonomie et en design&nbsp;:&nbsp; les contextes d&rsquo;usages, l&rsquo;<strong>expérience des usagers et des utilisateurs</strong>, etc.</p>



<p>La permaculture prend en considération la biodiversité de chaque système et son contexte propre, d’où la notion centrale d’<strong>adaptabilité</strong> du design, concept également central dans le domaine de l&rsquo;ergonomie et de l&rsquo;<strong><a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">expérience utilisateur</a></strong>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>C’est une chimère que de prétendre donner une méthode d&rsquo;Agriculture générale&nbsp;: il en faudrait une différente pour chaque province ou chaque canton&nbsp;; car chaque province ne doit travailler à perfectionner que ce qu&rsquo;elle possède, et ne faire d&rsquo;essais que sur les productions analogues à son terroir. </p>



<p>Pons Augustin Alletz, 1760</p>
</blockquote>



<p>Il ne s&rsquo;agit pas de <strong>martyriser les sols</strong>, d&rsquo;aller <strong>contre la nature</strong>, ou tout vouloir changer sans <strong>impliquer</strong> les différents <strong>acteurs</strong> de la situation, de contraindre, sous peine de <strong>dégradation</strong>, de <strong>résistance au changement</strong>&#8230; Il s&rsquo;agit de <strong>travailler avec la nature</strong>, <strong>composer</strong> avec elle, de travailler avec des utilisateurs et des usagers, pour s&rsquo;appuyer sur la dynamique collective, <strong>faciliter le changement</strong>, l&rsquo;<strong>adoption</strong>, la <strong>prise en main</strong> et l&rsquo;<strong>utilisation</strong>, la coopération, le travail.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1025" height="684" src="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/coagir.jpg" alt="Personnes travaillant dans un jardin en permaculture" class="wp-image-33324" title="Collaboration humaine en permaculture" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/coagir.jpg 1025w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/coagir-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/coagir-768x512.jpg 768w" sizes="auto, (max-width: 1025px) 100vw, 1025px" /></figure>



<p>L&rsquo;ergonomie et le design, c&rsquo;est un travail collaboratif et de facilitation, il est en de même pour la permaculture, dont c&rsquo;est l&rsquo;essence même&nbsp;: favoriser les <strong>échanges</strong>, les <strong>interactions</strong>, la <strong>complémentarité</strong> et la <strong>coopération</strong> entre les <strong>éléments</strong>, les <strong>végétaux</strong>, entre végétaux et <strong>animaux</strong>, <strong>humains</strong>&nbsp;; jouer sur les <strong>emplacements</strong>, les <strong>agencements</strong> (notion de « <strong>zone</strong> » en permaculture), les <strong>circuits</strong>&nbsp;; en contraignant le moins possible&nbsp;; juste faciliter. Les solutions sont souvent sous nos yeux, et il ne faut souvent pas grand chose&nbsp;: pas besoin de tout retourner, tout détourner, tout arracher. Sauf quand on manque d&rsquo;humilité, que l&rsquo;on veut tout écraser. Cela peut s&rsquo;avérer contre-productif&nbsp;: vaste sujet.</p>



<h2 class="wp-block-heading" id="monoculture">Petits rappels avant de lire la suite et principe de réalité&nbsp;: 75% de ce qui permet de nourrir l’humanité vient de petits producteurs qui ont des fermes familiales de moins de 2ha</h2>



<p>Avant toute glorification exagérée de la <strong>révolution </strong><strong>verte</strong> (à partir des années 60, intensification et utilisation de l&rsquo;irrigation, de variétés de céréales à hauts potentiels de rendements, intrants &#8211; engrais ou produits phytosanitaires) et des soit-disantes vertus de la monoculture intensive, on rappellera que 75% de ce qui permet de nourrir l’humanité vient de petits producteurs qui ont des fermes familiales de moins de 2 hectares (<a href="http://www.fao.org/news/story/fr/item/260735/icode/">Rapport sur la situation mondiale de l’alimentation et de l’agriculture, 2014, FAO</a> Food and Agriculture Organization of the United Nations).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="900" height="1273" src="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/FAO_900.jpg" alt="Couverture du rapport sur la situation mondiale de l’alimentation et de l’agriculture 2014 Food and Agriculture Organization of the United Nations" class="wp-image-33391" title="Rapport situation mondiale de l’alimentation et de l’agriculture 2014 Food and Agriculture Organization of the United Nations" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/FAO_900.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/FAO_900-212x300.jpg 212w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/FAO_900-724x1024.jpg 724w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/FAO_900-768x1086.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure>



<p>Rappelons aussi qu&rsquo;une très grande partie des surfaces agricoles ne sont pas là pour nourrir directement les humains mais pour produire de l&rsquo;alimentation pour l&rsquo;élevage industriel, et pour cet élevage lui-même.</p>



<p>Les <a href="https://resiliencealimentaire.org/les-consequences-de-la-revolution-verte/">effets de la révolution verte</a> sur la sécurité alimentaire des pays qui l&rsquo;ont mise en œuvre n&rsquo;ont pas été mécaniques et sont difficiles à appréhender. Le lien entre le niveau de la production agricole et l&rsquo;alimentation des populations n&rsquo;est pas direct.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Les grandes famines historiquement répertoriées n&rsquo;ont pas été causées par une baisse de la production alimentaire mais par des dynamiques politiques, socio-économiques et un échec de l&rsquo;action publique qui ont engendré des inégalités dans la redistribution de la nourriture.</p>



<p><em>Amartya Sen, Poverty and Famines&nbsp;: an essay on entitlements and deprivation, Clarendon Press, Oxford, 1982.</em></p>
</blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Il faut chercher dans la répartition aberrante des richesses la cause de la persistance d&rsquo;un haut niveau de malnutrition. Jean Ziegler, rapporteur spécial de la commission des droits de l&rsquo;homme de l&rsquo;ONU pour le droit à l&rsquo;alimentation, 2007</p>
</blockquote>



<p>Evidemment, quand on parle de <strong>permaculture</strong>, de <strong>polyculture</strong>, d&rsquo;<a href="https://www.agroforesterie.fr/definition-agroforesterie.php"><strong>agroforesterie</strong></a> et de <strong>sols vivants</strong> reposant sur la diversité, s&rsquo;y oppose l&rsquo;uniformité et à la mondialisation des pratiques, la monoculture intensive tournée vers l&rsquo;exportation ou la nourriture animale et recherchant une rentabilité des surfaces ([highlight color= » background_color= »]PAS UNE PRODUCTIVITÉ, point développé dans le paragraphe suivant[/highlight]) pour aller se battre dans une guerre des prix sur un marché mondial régit par la spéculation, les <a href="https://sosmaires.org/2024/01/29/une-infographie-pour-comprendre-la-mainmise-des-mondialistes-et-du-capitalisme-de-connivence-sur-notre-alimentation-et-notre-sante/" target="_blank" rel="noopener" title="">lobbies de l&rsquo;agri-business et les intermédiaires</a>. Tout cela parait bien loin des préoccupations sur la question de l&rsquo;<a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/">alimentation</a>, mais une des conséquences est que <strong>80 % des personnes sous-alimentées appartiennent à la petite paysannerie des pays du Sud</strong>.</p>


<div class=" content_cards_card content_cards_domain_sosmaires-org">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://sosmaires.org/2024/01/29/une-infographie-pour-comprendre-la-mainmise-des-mondialistes-et-du-capitalisme-de-connivence-sur-notre-alimentation-et-notre-sante/" target="_blank">
					<img decoding="async" src="https://i0.wp.com/sosmaires.org/wp-content/uploads/2024/02/mael-de-calan.jpg?fit=1200%2C1058&#038;ssl=1" alt="Une infographie pour comprendre la mainmise des mondialistes et du capitalisme de connivence sur notre alimentation et notre santé">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://sosmaires.org/2024/01/29/une-infographie-pour-comprendre-la-mainmise-des-mondialistes-et-du-capitalisme-de-connivence-sur-notre-alimentation-et-notre-sante/" target="_blank">
			Une infographie pour comprendre la mainmise des mondialistes et du capitalisme de connivence sur notre alimentation et notre santé		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://sosmaires.org/2024/01/29/une-infographie-pour-comprendre-la-mainmise-des-mondialistes-et-du-capitalisme-de-connivence-sur-notre-alimentation-et-notre-sante/" target="_blank">
			<p>Cette infographie comporte plusieurs parties, construites autour de l’actuel président du département du Finistère, Maël de Calan&nbsp;: stratégie vaccinale COVID, filière porcine bretonne, co-gestion d…</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://sosmaires.org/wp-content/uploads/2022/01/cropped-sos-maires-2.png?w=32" alt="SOS Maires" class="content_cards_favicon"/>		SOS Maires	</div>
</div>


<p>Et remarquez bien que je n&rsquo;ai pas encore parlé de tous les autres ravages de cette logique et je ne les développerai pas ici&nbsp;: <a href="https://www.ladepeche.fr/article/2018/09/21/2873128-l-inquietante-disparition-de-la-petite-faune-gersoise.html">destruction de la faune</a> et des écosystèmes, déclin de la diversité agricole, pollution des nappes phréatiques, appauvrissement des sols, réduction des marges bénéficiaires et appauvrissement des agriculteurs, problèmes de santé publique liés à l&rsquo;usages des produits phytosanitaires et l&rsquo;alimentation industrielle, santé des agriculteurs (voir <a href="https://www.senat.fr/rap/l17-236/l17-236_mono.html#toc58">les maladies professionnelles liés aux risques d&rsquo;exposition aux pesticides dans le régime agricole</a>, rapport du Sénat dans le Proposition de loi portant création d&rsquo;un fonds d&rsquo;indemnisation des victimes des produits phytopharmaceutiques, 2018, ou encore « <a href="https://www.ladepeche.fr/article/2018/03/27/2768045-jean-luc-fabre-vigneron-atteint-cancer-cause-pesticides-sante-passe.html">Jean-Luc Fabre, vigneron atteint d&rsquo;un cancer causé par les pesticides</a>« ).</p>



<p>L&rsquo;actuelle crise sanitaire mondiale du <strong>COVID 19</strong> met en évidence les <a href="/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/">risques systémiques</a> dus à la globalisation avec la spécialisation rendue possible grâce aux flux et à la mécanisation reposant sur le <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole">pétrole pas cher</a>, l&rsquo;extrême interdépendance mondiale (exemple&nbsp;: 60 % des actifs médicamenteux proviennent d&rsquo;Inde et de Chine).</p>



<p>Quand il s&rsquo;agit de la question <strong>vitale</strong> de l&rsquo;alimentation, ce ne sont ni des fédérations bureaucratiques et technocratiques, ni l’État, ni l’Europe et encore moins l’OMC qui doivent en avoir la gouvernance et la souveraineté, mais d’abord les individus et les territoires, par <a href="/gilets-jaunes-et-pyramide-des-besoins/#subsidiarite"><strong>subsidiarité ascendante</strong></a> (et pas descendante de l&rsquo;OMC ou de l&rsquo;Europe) afin d’assurer un seuil suffisant d’<strong>autonomie</strong> et de <strong><a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/">résilience alimentaire</a></strong>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Le plus grand événement du vingtième siècle reste sans conteste la disparition de l’agriculture comme activité pilote de la vie humaine en général et des cultures singulières. Michel Serres</p>
</blockquote>



<p>Damase Potvin écrivait en 1908&nbsp;: « Rien n’est meilleur que l’agriculture, rien n’est plus beau, rien n’est plus digne d’un homme libre. » L&rsquo;avenir a montré que le système agricole mondialisé a privé l&rsquo;homme de sa liberté, et paradoxe terrible, en a affamé beaucoup.</p>



<p>Il n&rsquo;a pas seulement appauvri des hommes, il a appauvri la biodiversité, les sols, les cultures humaines. Il a standardisé.</p>



<h2 class="wp-block-heading">Améliorer la vraie productivité et nourrir. Pas enrichir des bureaucrates et des lobbies rentiers</h2>



<p>Comme l&rsquo;ergonomie recherche les <strong>meilleurs compromis</strong> entre la productivité et le confort, la santé et la sécurité de l&rsquo;opérateur humain, ce qui guide le design en permaculture est la recherche d&rsquo;une productivité maximale basée sur l&rsquo;<strong>optimisation des échanges naturels</strong> (interactions et coopération naturelles, physiques, végétales, animales…) en dépensant le moins possible d’énergie humaine, animale, d&rsquo;autres ressources naturelles et non naturelles&nbsp;: efforts <strong>mécaniques</strong>, <strong>machines</strong>, <strong>carburants</strong>, produit transformés (<strong>phytosanitaires</strong> et <strong>engrais</strong>, reposant largement sur le <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole">pétrole pas cher</a>).</p>



<p>L&rsquo;agriculture intensive ne recherche pas la productivité. Je ne suis pas agriculteur et je ne suis pas là pour faire mon « Jean-Michel Agronome » (il y a suffisamment d&rsquo;experts auto-proclamés et champions du « Thread » sur Twitter). En revanche, je peux dire que la question de la productivité et de l&rsquo;identification des <strong>indicateurs de productivité</strong> dans les activités humaines est au cœur de mon <a href="/ergonome/">métier d&rsquo;ergonome</a>&nbsp;et de sa raison d&rsquo;être.</p>



<p><a id="bureaucrates" href="https://www.facebook.com/La-Prairie-de-Victorine-547887218709016">Jean-Christophe Bady</a>, paysan à <a href="https://www.geoportail.gouv.fr/carte?c=0.7752737148493096,43.69015061037075&amp;z=19&amp;l0=ORTHOIMAGERY.ORTHOPHOTOS::GEOPORTAIL:OGC:WMTS(1)&amp;permalink=yes">Ansan dans le Gers</a> a fait le choix de ne plus recevoir d&rsquo;aide de l’État. Ancien agriculteur « repenti » de l&rsquo;agriculture intensive, il n&rsquo;utilise ni engrais ni pesticides après avoir eu des problèmes de santé à cause de ceux-ci. Il a fait le choix de l’agroécologie en cultivant grâce aux couverts végétaux (couverture végétale à la place du labour. Difficile à penser, pour certains agriculteurs)&nbsp;: une terre qui s&rsquo;enrichit (au bout de 5 ans en moyenne) au lieu d&rsquo;être appauvrie, une productivité supérieure à l&rsquo;agriculture conventionnelle, non polluante, non toxique, aucun intrants, beaucoup moins de travail mécanique et de pétrole&#8230;</p>



<p>Jean-Christophe produit des légumineuses comme les pois chiches, lentilles qui seront sublimés par le Chef Régis et ses équipes aux restaurants <strong><a href="https://www.penibles.com/un-penible-le-lundi-soir-a-paris/">J&rsquo;Go</a></strong>, des céréales comme l’épeautre, de plus en plus en plus réutilisée par les boulangers.</p>



<div class="VideoFranceTV"><iframe src="//embedftv-a.akamaihd.net/f9e3dd1c5854ce70bfcb805aacfdecfa" width="500" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></div>



<p class="has-text-align-center"><em>Extrait du reportage « Soigneurs de terre » dans l&rsquo;émission « 13h15 le dimanche » sur la chaîne France 2, diffusé le 31/01/2016</em></p>



<p>Nourrir l&rsquo;humanité et rechercher l&rsquo;efficacité des interactions naturelles ne sont pas au cœur de l&rsquo;agriculture moderne. Elle conduit à une <strong>forte concentration économique</strong> qui va avec de <strong>fortes dépendances des agriculteurs</strong>. Elle est là pour <strong>enrichir la spéculation financière</strong>, des <strong>laboratoires</strong>, l&rsquo;<strong>industrie</strong> pétrolière et pétrochimique, les <strong>banques</strong> qui prêtent pour l&rsquo;achat des machines, le foncier&#8230; (endettement) , les industries agricoles et alimentaires (agro-fournisseurs), les <strong>transporteurs</strong> et les <strong>distributeurs</strong> (<a href="https://www.utopies.com/wp-content/uploads/2017/06/autonomie-alimentaire-des-villes-notedeposition12.pdf">les territoires importent en moyenne 98 % des aliments qu&rsquo;ils consomment et exportent 97 % de leur production agricole</a>), les <strong>technocrates</strong> et les <strong>bureaucraties</strong>.</p>



<p>Comme le dit Jean-Christophe&nbsp;:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>« quand on sait qu&rsquo;il y a 3 fois plus de personnel dans les chambres d&rsquo;agriculture que dans les champs, il y a comme un malaise »</p>
</blockquote>



<p>Le problème de l&rsquo;<a href="/citoyens-et-entrepreneurs-reprenez-le-pouvoir-aux-banksters-multinationales-politiques-et-medias/8/#bureaucratie">obésité bureaucratique, technocratique et étatique</a> n&rsquo;est pas l&rsquo;apanage de l&rsquo;agriculture. En ce moment nous pourrions aussi parler de la gouvernance du système de santé en France&#8230; Ou de la France tout simplement, pays le plus taxé et imposé du monde pour alimenter cette obésité bureaucratique et technocratique forcenée.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="900" height="563" src="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/sol-vivant.jpg" alt="Coléoptère sur un tapis de branche" class="wp-image-33399" title="Partenaire ouvrier agriculteur gratuit" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2020/04/sol-vivant.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/sol-vivant-300x188.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2020/04/sol-vivant-768x480.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure>



<p>Avoir recours au <a href="/trop-high-tech-tue-la-french-viva-tech/#lowtech"><strong>low-tech</strong></a>, faire reposer la productivité agricole en <strong>permaculture</strong>, <strong>polyculture</strong>, <strong>agroforesterie</strong>&nbsp;sur des <strong>sols vivants</strong> avec des <strong>ouvriers gratuits</strong> comme les <a href="https://www.verdeterreprod.fr">vers de terre</a>, les coléoptères, etc. c&rsquo;est exploiter les interactions et coopérations naturelles, ça ne rapporte rien à l&rsquo;agri-business. Chut&#8230; ne dites rien, on va donner l&rsquo;idée à un technocrate de taxer l&rsquo;énergie des échanges naturels ou le nombre d&rsquo;insectes recensés dans les parcelles.</p>



<h2 class="wp-block-heading">Des humains plus autonomes et une&nbsp;polyculture&nbsp;individuelle</h2>



<p>L&rsquo;ergonomie comme la permaculture cherchent à améliorer l&rsquo;autonomie (capacité de décision) et l&rsquo;indépendance (capacité à agir) des individus et des groupes, en s&rsquo;appropriant les outils, en aménageant leur propre environnement, pour créer des lieux de travail et d&rsquo;habitats plus <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/">durables et résilients</a>, plus respectueux de l&rsquo;environnement tout en réduisant la dépendance aux systèmes industriels de production et de distribution.</p>



<p>L&rsquo;ergonomie essaye de fournir les outils, les marges de manœuvre pour permettre à l&rsquo;<strong>intelligence situationnelle</strong> des individus de faire face à des imprévus, situations nouvelles ou dégradées. Cela va avec les capacités des individus à s&rsquo;adapter et cela repose aussi pour beaucoup sur la <strong>polyvalence</strong>.</p>



<p>Comme la monoculture intensive, rigide, lourde, à forte inertie, soumise à de fortes dépendances et aux <a href="/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/">risques systémiques</a> s&rsquo;oppose à l&rsquo;<strong>agilité de la polyculture</strong> dont j&rsquo;ai beaucoup parlé, il existe une certaine <strong>monoculture individuelle</strong> et <strong>mono-financière</strong> dans nos métiers et nos carrières (plus ou moins long fleuve tranquille)&nbsp;: connaissances et expertises ultra-spécialisées, maintien dans la <strong>zone de confort</strong> d&rsquo;un boulot stable dans une entreprise, moins de précarité, pouvoir payer son <strong>confort</strong>, ses taxes et impôts. Le double usage du mot « <a href="/passer-du-role-passif-de-spectateur-victime-a-celui-dacteur-de-notre-bien-etre-dans-le-monde-moderne/">confort</a> » dans la phrase précédente est édifiant.</p>



<p>Tout cela revêt une inertie potentielle et un risque de manque de capacités d&rsquo;adaptation en cas de grand bouleversement économique. Les conséquences de la crise sanitaire actuelle du <strong>COVID 19</strong> vont être énormes sur l&rsquo;économie, le marché du travail et le quotidien. Face aux bouleversements à venir, il serait sans doute opportun de profiter du <strong>confinement</strong> actuel pour <a href="/passer-du-role-passif-de-spectateur-victime-a-celui-dacteur-de-notre-bien-etre-dans-le-monde-moderne/">réfléchir à nos capacités d&rsquo;adaptation</a> et sortir d&rsquo;une autre forme de confinement. Observons la nature, peut être que chacun d&rsquo;entre nous y trouvera des réponses.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/analogies-des-demarches-dergonomie-et-de-design-en-permaculture/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Prospective Design</title>
		<link>https://www.pierre-lannes.fr/prospective-design/</link>
					<comments>https://www.pierre-lannes.fr/prospective-design/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 09 Feb 2020 18:37:47 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[design thinking]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[méthodologie]]></category>
		<category><![CDATA[prospective]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=32653</guid>

					<description><![CDATA[Plus la prospective est pensée au travers du filtre de l’innovation, en se penchant sur les usages et la recherche de solutions, plus le design y trouve naturellement sa place : en apportant à la prospective de l’agilité, de l’accélération, de la facilitation, de la tangibilité, en donnant à voir des idées, des analyses, des projections, et de la connexion au terrain des usages grâce aux outils et aux méthodes du design.]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Rétrospective</h2>



<p>Avec mon travail d&rsquo;ergonome depuis plus de 20 ans, le bain dans la <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/" title="Résilience numérique partie 3: risques majeurs">culture cyber-punk</a> à la fin des années 80, mon côté geek et mon intérêt pour internet (le présent site web est né il y a 24 ans&#8230;), c&rsquo;est tout naturellement que <a href="/blog/">mon blog</a> m’a amené depuis longtemps à réfléchir au <a href="/category/usages/">futur des usages</a> avec l’émergence de certaines technologies d’interactions hommes-machines. Le terrain était déjà prêt pour mon intérêt pour la prospective.</p>



<p>Une <a href="https://www.pierre-lannes.fr/portfolio_page/ux-ui-monolithe-interactif-orientation-passagers/">mission de design de service innovant en 2011 (dispositifs d’orientation en aéroport)</a> a été un succès personnel et une véritable révélation, et m’a amené par la suite à travailler sur des projets d’innovation et, avec l&rsquo;ubiquité des smartphones et la multiplication des contextes d&rsquo;usages, sur l’émergence de parcours mêlant le physique et le digital.</p>



<p>Depuis 2015 j’ai commencé à travailler sur des parcours cross-canal/multi-canal. Je m&rsquo;appuies sur mon passé d&rsquo;ergonome « généraliste » (voir <a href="/ergonome/">mon parcours professionnel</a>) en contribuant au <strong>Design d&rsquo;organisation,</strong> de <strong>services</strong>, de <strong>méthodes</strong>, de <strong>produits</strong> et d&rsquo;<strong>expériences</strong>. Quand il s&rsquo;agit de se projeter sur les usages futurs, je sens qu&rsquo;il manque quelque chose, en terme d&rsquo;approche et de méthodes.</p>



<h2 class="wp-block-heading">un premier projet pour une première réflexion</h2>



<p>Il y a 3 ans j’ai commencé à m’intéresser aux méthodes de prospective après une journée d’initiation au centre d’études <strong><a href="https://www.futuribles.com/" target="_blank" rel="noopener" title="">Futuribles</a></strong> [futur(poss)ibles], je travaillais alors sur un projet d&rsquo;<a href="https://www.pierre-lannes.fr/portfolio_page/etude-futurs-usages-vehicules-autonomes/">étude prospective sur les usages du véhicule autonome</a>, en parallèle de l&rsquo;animation d&rsquo;un groupe de travail dédié aux méthodes de prospective dans l&rsquo;agence de Design où je travaillais. J&rsquo;ai vu tout l&rsquo;intérêt de ces méthodes, avec le travail <strong>rétrospectif</strong>, l&rsquo;identification des <strong>variables</strong> qui influent sur le sujet traité, leurs <strong>interactions</strong> et leur <strong>motricité</strong>, la construction des <strong>scénarios prospectifs</strong>.</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/portfolio_page/etude-futurs-usages-vehicules-autonomes/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept.jpg" alt="Etude prospective des usages du véhicule autonome - Pierre Lannes">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/portfolio_page/etude-futurs-usages-vehicules-autonomes/">
			Etude prospective des usages du véhicule autonome - Pierre Lannes		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/portfolio_page/etude-futurs-usages-vehicules-autonomes/">
			<p>Projet confidentiel depuis 2017 pour 3 ans. Dans le cadre d’un programme d’investissements d’avenir (PIA) sur les futurs véhicules à délégation partielle ou totale de la conduite (véhicule autonome), j’assure la direction sur les activités de l’équipe en charge de l'état de l'art, les études ethnographiques, la prospective des usages,…</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>


<p>Le projet s&rsquo;intéressait aux différents niveaux de délégation de conduite automobile et la problématique de leur adoption et leur adaptation. Concernant la délégation totale de la conduite, où l&rsquo;automatisation est complète et qu&rsquo;il n&rsquo;y a plus de conducteur, avec la question des services et de la vie à bord, nous étions clairement sur une dimension prospective. Le projet en question m&rsquo;a amené à travailler avec un groupe de Designers, rompus aux <strong>méthodes d&rsquo;idéation et de design visuel</strong>, mais moins à leur aise avec les <strong>méthodes ethnographiques</strong> à mettre en œuvre sur ce projet, et encore moins aux <strong>méthodes prospectives</strong>, le recours à celles-ci n&rsquo;ayant pas été détaillé au préalable.</p>



<p>Dans le cadre de ce projet nous avons commencé à mobiliser et à réfléchir sur un mixe de méthodes et outils du <strong>Design Thinking</strong> et de la <strong>prospective</strong>, dont nous avons perçu les complémentarités, dés lors que l&rsquo;on adresse des questions d&rsquo;usages.</p>



<h2 class="wp-block-heading">Voir plus loin dans un monde de risques systémiques, d&rsquo;accélération des innovations, et nécessité de nouveaux outils</h2>



<p>Avec la révolution numérique, les risques de se faire disrupter et déborder par des concurrents sont devenus nombreux, les cycles d&rsquo;innovation sont devenus plus rapides et les risques nombreux.</p>



<p>Avec les crises économiques et politiques liées à la globalisation mondiale des activités rendues possibles par le <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole">pétrole pas cher</a>, les <a href="/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/">risques systémiques</a> que laissent planer une crise sanitaire comme celle du<strong> COVID&nbsp;19</strong>&nbsp;(notamment sur les <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/">chaînes alimentaires</a>), <strong>toute organisation a besoin de réfléchir et travailler sur sa résilience</strong> et sa capacité à s&rsquo;adapter à de grands bouleversements.</p>



<p>L&rsquo;année dernière la compagnie <a href="https://www.invisionapp.com/" target="_blank" rel="noopener" title=""><strong>InVision</strong></a> (qui développe des plateformes et des solutions pour les designers visuels et interactifs) a publié un rapport « <a href="https://s3.amazonaws.com/www-assets.invisionapp.com/The-New-Design-Frontier-from-InVision.pdf" target="_blank" rel="noopener" title="">The New Design Frontier</a> » (les nouvelles frontières du design) reposant sur une enquête auprès de <strong>2200 entreprises</strong> dans <strong>77 pays</strong>, où <strong>5 niveaux de maturités du design</strong>&nbsp;ont été identifiés.</p>



<figure class="wp-block-image size-full"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design-.jpg"><img loading="lazy" decoding="async" width="1405" height="1176" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design-.jpg" alt="5 niveaux de maturités du design" class="wp-image-52621" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design-.jpg 1405w, https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design--300x251.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design--1024x857.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/09/5-niveaux-maturite-design--768x643.jpg 768w" sizes="auto, (max-width: 1405px) 100vw, 1405px" /></a><figcaption class="wp-element-caption"><a href="https://s3.amazonaws.com/www-assets.invisionapp.com/The-New-Design-Frontier-from-InVision.pdf" target="_blank" rel="noopener" title="">The New Design Frontier from InVision</a></figcaption></figure>



<p>Le niveau le plus élevé de maturité ne concerne que <strong>5% des entreprises</strong> qui tirent les meilleurs bénéfices du design, et sont appelés les « <strong>visionnaires</strong> » dans cette étude. Leur pratique du design y est décrite de la manière suivante&nbsp;:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Le design apporte une longue-vue unique à la stratégie au travers de techniques de recherche utilisateur exploratoires, de recherche de tendances et de prospective qui permettent d&rsquo;évaluer l&rsquo;adéquation du produit au marché et la réalisation de stratégies multiplateformes</p>
</blockquote>



<h2 class="wp-block-heading">La prospective, place naturelle pour le design</h2>



<p>Plus la prospective est pensée au travers du filtre de l’innovation, en se penchant sur les usages et la recherche de solutions, plus le <strong>design</strong> y trouve naturellement sa place&nbsp;: en apportant à la prospective de l’<strong>agilité</strong>, de l’<strong>accélération</strong>, de la <strong>facilitation</strong>, de la <strong>tangibilité</strong>, en donnant à voir des <strong>idées</strong>, des analyses, des projections, et de la <strong>connexion au terrain</strong> des usages grâce aux outils et aux méthodes du design.</p>



<p>En construisant des <strong>scénarios prospectifs centrés usagers</strong>. Pour raconter l’histoire de <strong>futurs souhaitables</strong>, comme dans la pratique de la <strong>prospective stratégique</strong>, mais en les challengeant en les illustrant, en les racontant au travers des yeux de l’usager.</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/scenario-prospectif-2010-pandemie-deficit-democratique/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2021/12/lockstep-surveillance.jpg" alt="Infléchir l&#039;avenir via un scénario prospectif de pandémie">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/scenario-prospectif-2010-pandemie-deficit-democratique/">
			Infléchir l'avenir via un scénario prospectif de pandémie		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/scenario-prospectif-2010-pandemie-deficit-democratique/">
			<p>Une étude prospective d'il y a 10 ans nous décrit comment mettre en place un système totalitaire basé sur des technologies numériques</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/prospective-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>La fin de la relation fusionnelle du conducteur avec l&#8217;automobile&#160;?</title>
		<link>https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/</link>
					<comments>https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Tue, 17 Apr 2018 09:57:44 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[intelligence artificielle]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[robotique]]></category>
		<category><![CDATA[sécurité]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=23822</guid>

					<description><![CDATA[Les systèmes de délégation partielle (aide à la conduite) et totale (véhicule autonome) de la conduite (V.D.P.T.C.) vont ils mettre fin au rapport fusionnel entre le conducteur et l'automobile ? Je commencerai par évoquer le contexte dans lequel ces innovations se développent, puis je m'intéresserai à la nature fusionnelle du rapport entre l'homme et l'automobile. Pour finir, il sera question des risques sur la reprise en main de la conduite manuelle dans les configurations de délégation partielle de la conduite automobile.]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center"><em>Image d&rsquo;illustration ci-dessus&nbsp;: concept Instinct par Peugeot</em></p>



<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Les systèmes de délégation partielle (aide à la conduite) et totale (véhicule autonome) de la conduite (V.D.P.T.C.) vont ils mettre fin au rapport fusionnel entre le conducteur et l&rsquo;automobile&nbsp;? Je commencerai par évoquer le <a href="#introduction">contexte</a> dans lequel ces innovations se développent, puis je m&rsquo;intéresserai à la <a href="#exosquelette">nature fusionnelle</a> du rapport entre l&rsquo;homme et l&rsquo;automobile. Pour finir, il sera question des <a href="#homme-machine">risques</a> sur la reprise en main de la conduite manuelle dans les configurations de délégation partielle de la conduite automobile.</p>
</div>



<h2 class="wp-block-heading">Sommaire</h2>



<p><a href="#preambule">Préambule&nbsp;: Retour vers le futur</a><br><a href="#introduction">Introduction&nbsp;: délégation partielle et totale de la conduite automobile</a><br><a href="#revolution-numerique">Révolution numérique et accélérateurs d&rsquo;innovation&nbsp;: Google Car, Tesla, Airbus Pop.Up</a><br><a href="#symbole">L&rsquo;automobile, cœur et symbole de la civilisation industrielle</a><br><a href="#exosquelette">Faire corps&nbsp;: les facettes d&rsquo;un exosquelette&nbsp;en mouvement</a><br><a href="#facette-externe">&#8211; Facette externe&nbsp;: apparence et signes extérieurs</a><br><a href="#facette-interne">&#8211; Facette interne&nbsp;: un espace privé et un satellite prolongeant le domicile</a><br><a href="#liberte">&#8211; La liberté de se déplacer</a><br><a id="preambule" href="#voiture-corps">&#8211; Voiture-corps et contrôle de la conduite</a><br><a href="#homme-machine">Risques liés à la délégation partielle de la conduite</a><br><a href="#conclusion">Conclusion</a></p>



<h2 class="wp-block-heading">Préambule&nbsp;: Retour vers le futur</h2>



<p>Il y a plus de 5 ans je publiais un long billet « <strong><a href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/">Trop d’interfaces tue l’interface (utilisateur)&nbsp;?</a></strong>« . Derrière ce titre provocateur il s&rsquo;agissait d&rsquo;une prise de recul dans le contexte de frénésie sur les applications mobiles sur smartphones et la nécessité, dans la vision et la manière d&rsquo;appréhender les relations hommes-machines, de dépasser la conception d&rsquo;interface utilisateur. En effet, dans un monde où les hommes et les machines, le réel et le numérique sont imbriqués de manière omniprésente, il faut penser <a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">eXpérience Utilisateur (UX)</a> globale, quand se multiplient les contextes d’usage, les points de contact et les combinaisons de relations possibles entre humains, marques et produits. Pour illustrer l&rsquo;idée qu&rsquo;il est parfois utile et préférable d&rsquo;automatiser une grande partie des processus, je prenais l&rsquo;exemple des systèmes automatisés dans l&rsquo;industrie et l&rsquo;aéronautique. Au moment de la publication du billet (en octobre 2012) je mentionnais l&rsquo;État de Californie venant de mettre en place une législation autorisant la voiture autonome de Google à rouler sur la voie publique sous certaines conditions de sécurité.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur.jpg"><img loading="lazy" decoding="async" width="1280" height="854" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur.jpg" alt="L'automobile Delorean du film Retour vers le Futur - 1985" class="wp-image-23826" title="La Delorean" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur-1024x683.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Delorean-DMC-12-Retour-vers-le-Futur-768x512.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em>La Delorean du film « Retour vers le Futur », 1985</em></figcaption></figure>



<p><strong>Le futur m&rsquo;a rattrapé</strong>, car&nbsp;<a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">je travaille sur l&rsquo;expérience dans les futurs véhicules autonomes</a>&nbsp;depuis&nbsp;l&rsquo;année dernière, plus précisément le « <strong>véhicule à délégation partielle ou totale de la conduite</strong>« . Et aussi parce que ce sujet est désormais présent dans les médias grand public et il est devenu une réalité en tant que projet industriel, s&rsquo;appuyant sur un existant en matière de <strong>systèmes d&rsquo;aides à la conduite</strong>&nbsp;(en anglais Advanced driver-assistance systems ou ADAS).</p>



<p>Le mois dernier les accidents mortels&nbsp;impliquant un <strong>robot-taxi d&rsquo;Uber</strong> en <strong>Arizona</strong> et une <strong>automobile Tesla</strong> en <strong>mode Autopilot</strong>&nbsp;(voir <a id="introduction" href="#revolution-numerique">plus bas</a>) en <strong>Californie</strong> mettent la promesse du véhicule autonome au coeur du débat&nbsp;: déléguer le contrôle de la conduite et confier sa vie à des automates et des algorithmes nécessite l&rsquo;acceptation de la perte de tout ou partie de ce contrôle, d&rsquo;accorder la confiance, et impose idéalement le zéro défaut. Dans ce contexte, il m&rsquo;a paru naturel et opportun de prendre la parole sur ce sujet ici et maintenant.</p>



<h2 class="wp-block-heading">Introduction&nbsp;: délégation partielle et totale de la conduite</h2>



<p>Le sujet des potentialités du véhicule autonome et connectée n&rsquo;est pas nouveau dans l&rsquo;industrie automobile, comme on peut le voir dans ce passage d&rsquo;un film promotionnel de <strong>General Motors</strong> en <strong>1956</strong>.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="GM Motorama Exhibit 1956" width="500" height="375" src="https://www.youtube.com/embed/Rx6keHpeYak?start=262&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="has-text-align-center"><em>General Motors « Key of The Future », 1956</em></p>



<p>La délégation de conduite est classifiée selon <a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/"><strong>5 niveaux</strong></a>. Les <strong>niveaux 1 à 3</strong> correspondent aux <strong>niveaux de délégation partielle</strong>&nbsp;(ou <strong>conduite&nbsp;semi-automatisée</strong>), les <strong>niveaux 4 et 5</strong>&nbsp;à la <strong>délégation totale</strong> (<strong>véhicule autonome</strong>).</p>



<p>Au delà de l’<strong>amélioration de la sécurité</strong>, parmi les promesses de la délégation de conduite nous avons notamment&nbsp;:</p>



<ul class="wp-block-list">
<li>l’économie d’énergie</li>



<li>la réduction des embouteillages</li>



<li>un gain de temps considérable</li>



<li>le maintien de la vie à domicile, de l’autonomie et de l&rsquo;indépendance pour les personnes inaptes à la conduite et ayant de problèmes de mobilité corporelle&nbsp;: personnes vieillissantes, en situation de handicap&#8230;</li>



<li>le soulagement du conducteur dans des états passagers d’inaptitude ou de fatigue, de confrontation à des situations stressantes, fatigantes ou potentiellement perçues ou ressenties&nbsp;sans intérêt, comme la conduite dans un embouteillage, des manœuvres urbaines comme le stationnement, les longs parcours sur route dégagée, ce qui ouvre le champ à des activités jusque là impossibles ou dangereuses pour le conducteur&nbsp;: dormir, travailler, jouer, lire, plus de possibilités d&rsquo;interactions avec des contenus multimédias, avec les autres passagers, profiter du paysage <a href="/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/">pourquoi pas <strong>augmenté</strong> par des contenus sur les vitres</a> &#8230;</li>
</ul>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big.jpg"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big.jpg" alt="Information en réalité augmentée sur la vitre d'une automobile" class="wp-image-23939" title="Réalité augmentée sur vitre automobile" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big.jpg 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big-768x432.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/ihm_vitre_passager_big-1536x864.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption"><a href="/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/"><em>Les défis de la réalité augmentée</em></a></figcaption></figure>



<p>La complexité du contexte de conduite est particulièrement liée aux infrastructures et leur capacité à réduire, limiter ou faire disparaitre certains facteurs de <strong>danger immédiat</strong>. En effet, la délégation partielle ou totale de la conduite est un sujet difficile sur le plan technique, dans un environnement particulièrement complexe et imprévisible où le danger peut surgir à tout moment, avec la nécessité d&rsquo;une réponse adaptée dans un temps de réaction parfois très court, d&rsquo;une stratégie prenant en compte les conséquences possibles sur les différents éléments en présence. Dans certains contextes, la répartition des tâches entre humain et machine avec une <strong>configuration avancée de délégation partielle mais pas totale</strong>, sans les mains sur le volant ni les yeux sur la route, le transfert de commandes vers le conducteur peut se révéler tout bonnement très dangereux voire impossible. Ce sera le sujet du dernier chapitre&nbsp;: « <a href="#homme-machine">Risques de la délégation partielle de la conduite</a>« . On le devine, la possibilité de délégation de conduite avancée ne sera <strong>envisageable que dans un contexte très bien défini</strong>&nbsp;et sous couvert d&rsquo;une <strong>grande fiabilité du système hommes-machines</strong>.&nbsp;Bien entendu, tout ceci pose également certaines questions <a href="https://www.lemonde.fr/sciences/article/2016/06/23/tuer-un-pieton-ou-sacrifier-le-passager-le-dilemme-macabre-des-voitures-autonomes_4956924_1650684.html" target="_blank" rel="noopener">sur le plan éthique</a> et juridique que nous ne traiterons pas ici.</p>



<p><strong>Dans le cas de la délégation totale de la conduite</strong>, à priori plus de problème de facteur humain, de responsabilité ou de répartition des tâches dans le système homme-machine puisque le processus est totalement automatisé. Ici, la dépendance au contexte, à l&rsquo;environnement et aux infrastructures est encore très forte. Mais de la délégation complète et de la perte totale du contrôle peut naître la peur de la prise de pouvoir par les robots ou la prise de contrôle des systèmes par des personnes ou des organisations malveillantes, vrais sujets et vieilles chimères qui ont déjà largement inspirés et inspirent encore la science fiction (comme déjà évoqué dans <a href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/">mon vieux billet précité</a>).</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene.jpg"><img loading="lazy" decoding="async" width="1280" height="548" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene.jpg" alt="Robot humanoïde sous l'eau par la fenêtre de l'automobile" class="wp-image-23953" title="Film I, Robot, 2004" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene-300x128.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene-1024x438.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/I-robot-crash-water-scene-768x329.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em>Scène du crash automobile dans le fleuve, film « I, Robot », 2004</em></figcaption></figure>



<p>Ce n’est pas un hasard s’il y a encore des hommes dans les <a href="/portfolio_page/analyse-ergonomique-dispatching-edf/">salles de supervision</a>&nbsp;de systèmes fortement automatisés (centrales nucléaires&#8230;) ou dans les <a href="/portfolio_page/psychologue-et-membre-de-jury-concours-epl-enac/">cockpits d’avion</a>. Des environnements où justement, rien n’est laissé au hasard, tant la problématique de la sécurité est sensible. On y connait et on étudie depuis longtemps le sujet du facteur humain et la répartition et l&rsquo;imbrication des tâches dans les<strong>&nbsp;systèmes hommes-machines,&nbsp;</strong>déjà opérationnels et en production depuis de nombreuses années. Dans les systèmes déjà en exploitation depuis longtemps, si l&rsquo;on s&rsquo;intéresse au véhicule&nbsp;sans conducteur, il y a certaines lignes de métro et des VAL (Véhicule Automatique Léger, à Rennes, Toulouse, l&rsquo;Orlyval et le CDGVAL en région parisienne) et un train sans conducteur actuellement en test sur la ligne Toulouse-Rodez. Ce sont des systèmes automatisés, surveillés et régulés depuis des salles de supervision où tout le réseau est sous contrôle, avec une infrastructure où le véhicule est totalement tributaire de la voie. Le contexte automobile sur la route est donc très différent et plus complexe.</p>



<p>Le degré d&rsquo;acceptation de la délégation de conduite totale dépend de facteurs notamment socio-culturels et démographiques. Dans le schéma suivant, on voit dans les pays concernés par <a href="https://www.ipsos.com/fr-fr/en-route-vers-les-vehicules-autonomes" target="_blank" rel="noopener">l&rsquo;étude</a> que le <strong>Japon</strong> se démarque en étant le seul pays ayant un intérêt fort pour la délégation totale de conduite, ce qui revient à confier sa vie à un robot. Avec une population vieillissante ayant besoin d&rsquo;être assistée ainsi qu&rsquo;une une faible natalité et donc une baisse de la population, une forte culture insulaire basée sur des traditions hiérarchiques protégée par une extrême limitation de l&rsquo;immigration, le robot s&rsquo;est imposé comme une solution acceptée et souhaitée pour de multiples activités, dont la conduite automobile.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome.jpg"><img loading="lazy" decoding="async" width="1280" height="960" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome.jpg" alt="Graphique par pays sur la conduite autonome&nbsp;: prêt à payer en ordonnée, intérêt en absice" class="wp-image-23970" title="Intérêt par pays pour le véhicule autonome" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome-1024x768.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/interet-par-pays-vehicule-autonome-768x576.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em><a href="https://www.ipsos.com/fr-fr/en-route-vers-les-vehicules-autonomes" target="_blank" rel="noopener">Étude IPSOS « En route vers les véhicules autonomes&nbsp;! »</a> octobre 2017</em></figcaption></figure>



<p>L&rsquo;activité de conduite manuelle permet le maintien des fonctions cognitives chez la personne âgée, et potentiellement, repousser donc à plus loin le moment où l&rsquo;on devra abandonner la conduite.&nbsp;De plus, la pratique automobile structure les emplois du temps, la socialité et une forme de maintien en santé et en estime de soi. <strong>Devoir arrêter la pratique de la conduite automobile</strong> quand on ne peut plus, quand sa propre conduite devient dangereuse, peut être vécu comme un <strong>véritable traumatisme</strong>. Les personnes âgées ou handicapées perçoivent leur impossibilité de conduire comme une aggravation de leur isolement. A l&rsquo;inverse, La délégation totale de conduite avec <strong>une automobile autonome est un facteur de résilience</strong>, qui permettra de garder son autonomie de déplacement et de transport pour la personne âgée quand elle ne sera plus en mesure d&rsquo;assurer la conduite.</p>



<p>Dans de nombreux cas, les individus sont plus à l’aise au volant de leur voiture qu’à bord d’un avion, parce qu’ils ont bien souvent la sensation (ou plutôt l&rsquo;illusion) de mieux contrôler la situation. <strong>En maîtrisant l’engin, les individus maîtrisent leur existence</strong>. Il sera également difficile d&rsquo;abandonner <strong>une activité source de plaisir</strong>, tout au moins une expérience singulière&nbsp;: devenir une entité roulante faisant corps avec l&rsquo;automobile.&nbsp;Qui plus est&nbsp;:&nbsp;je pars quand je veux, je vais où je veux, avec qui je veux. Aucun autre moyen ne peut actuellement rivaliser avec cette <strong>liberté</strong>.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Etre un animal, c&rsquo;est être animé par le mouvement. L&rsquo;expérience de conduite augmente et accélère notre mouvement dans l&rsquo;espace. Nous rentrons en fusion avec ce produit que nous animons et qui est aussi sous son apparence externe le symbole de la civilisation industrielle et de notre place au sein de celle-ci.</p>
</blockquote>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept.jpg"><img loading="lazy" decoding="async" width="1920" height="1440" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept.jpg" alt="Nissan IDS concept" class="wp-image-24049" title="Nissan IDS concept" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept.jpg 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept-1024x768.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept-768x576.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Nissan-IDS-concept-1536x1152.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption"><em>Nissan IDS concept</em><br><em>Photo prise à Tokyo la semaine dernière par mon ami Eric, merci&nbsp;!</em></figcaption></figure>



<p>Selon moi, aborder&nbsp;le sujet du rapport fusionnel à l&rsquo;automobile remis en question par l&rsquo;automatisation, c&rsquo;est rentrer dans un univers des plus vastes, tant <strong>les relations entre humains et automobiles sont puissantes, multiples et quasi charnelles</strong>. Ces relations sont imbriquées. Il est donc limité et forcément réducteur de circonscrire l&rsquo;analyse de cette relation sur un seul de ces aspects. C&rsquo;est pourquoi je fais le choix d&rsquo;essayer, dans ce format peut être trop étroit du billet de blog, d&rsquo;avoir une approche transversale.<br></p>



<h2 class="wp-block-heading">Révolution numérique et accélérateurs d&rsquo;innovation</h2>



<p>Depuis quelques années <a href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">la révolution numérique bouleverse tous les secteurs d’activités et d’usages</a>.&nbsp;Les effets sont variables selon les caractéristiques des régions/pays. Concernant les usages de la mobilité (en France et d&rsquo;autres pays semblables), ceux-ci se sont diversifiés et devenus modulaires autour de l&rsquo;automobile elle-même, notamment dans les grandes villes&nbsp;: auto-partage, transports à la demandes optimisés sur la voiture de transport avec chauffeur (VTC, service et application comme <strong>UBER</strong>)&#8230; Le co-voiturage également, plutôt répandu pour les déplacements de type intercités (ou longue distance, cf. service et application&nbsp;<strong>BlaBlaCar</strong>&#8230;). Le vieux mastodonte qu&rsquo;est l&rsquo;industrie automobile n&rsquo;échappe pas aux bouleversements et doit démontrer sa capacité à se renouveler et innover. Au delà de l&rsquo;impact indirect des usages de services de mobilité, c&rsquo;est le fonctionnement de l&rsquo;automobile en tant que produit interactif qui est amené lui même à évoluer (ou disparaitre) sur&nbsp;fond&nbsp;:</p>



<ul class="wp-block-list">
<li>d&rsquo;épuisement imminent des ressources en énergie fossile</li>



<li>de dégâts humains et environnementaux dus à la pollution atmosphérique à laquelle participe l&rsquo;automobile</li>



<li>d&rsquo;amélioration continue de la sécurité routière et automobile</li>



<li>d’idéologies d&rsquo;automatisation totalisante, d&rsquo;obsession de la sécurité et du contrôle, du mythe du risque zéro</li>



<li>de centralisme (<a href="https://fr.wikipedia.org/wiki/Jacobinisme" target="_blank" rel="noopener">jacobiniste</a> en France), de discours écolo-bobo-urbain moralisant et de la répartition de plus en plus urbaine de la population abandonnant le véhicule particulier dans les centres villes</li>



<li>d’engorgement du trafic dans certaines zones et moments</li>



<li>et bien sur, de la concurrence d&rsquo;autres moyens de mobilités pour les courtes ou grandes distances</li>
</ul>



<p>Une caractéristique de l&rsquo;innovation est qu&rsquo;elle peut provenir de manière inattendue d&rsquo;acteurs externes au secteur historique et d&rsquo;alliances inédites.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car.jpg"><img loading="lazy" decoding="async" width="1200" height="797" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car.jpg" alt="Une personne aveugle à la place conducteur de la Google Car" class="wp-image-23547" title="Google Car, Californie, 2012" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car-300x199.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car-1024x680.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Google-Car-768x510.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption"><em>&nbsp;Personne non-voyante dans une Google Car, 2012</em></figcaption></figure>



<h3 class="wp-block-heading" id="tesla">Premier coup&nbsp;: Google Car</h3>



<p>La volonté première de Google <strong>avec son véhicule autonome</strong>&nbsp;<a href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/">que je mentionnais en 2012</a> était de montrer la précision et la toute puissance de son système de cartographie comme composant essentiel du système de conduite autonome. Google continue son chemin avec son projet d&rsquo;automobile autonome&nbsp;<strong>Waymo</strong>, dans laquelle il n&rsquo;y a plus de&nbsp;volant ni de pédales à bord. Nous sommes ici au&nbsp;<a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">niveau 4</a>&nbsp;et <a href="https://www.01net.com/actualites/les-voitures-autonomes-de-waymo-pretes-pour-la-route-1291005.html" target="_blank" rel="noopener">potentiellement 5</a> de la délégation de conduite.</p>



<h3 class="wp-block-heading">Second coup (double)&nbsp;: Tesla et Autopilot</h3>



<p>En 2012 également, <strong>Tesla Motors</strong> émerge comme un outsider improbable et fulgurant, avec une stratégie commerciale en rupture (précommandes sur le web&#8230;), et en se positionnant sur le segment inattendu de la berline premium 100% électrique (modèle S).&nbsp;Tout ceci s&rsquo;inscrit dans le « grand plan » mené d&rsquo;une main de maître par le PDG <strong>Elon Musk</strong> pour accélérer la transition vers un système complet d&rsquo;énergie renouvelable, avec une habitation et une automobile quasi autonomes grâce à son système de tuiles solaires <strong>Solar Roof</strong> et de batteries domestiques <strong>Powerwall</strong>.</p>



<p>Les modèles S, X et 3 d&rsquo;automobiles Tesla embarquent&nbsp;<strong>Autopilot</strong>, un système d&rsquo;aide à la conduite évoluant par mise à jour du programme (comme une application). Le mois dernier, une mise à jour majeure améliore encore la délégation de conduite partielle. Le conducteur doit rester attentif en permanence et sur autoroute, la voiture est capable seule de s&rsquo;adapter au trafic, freiner et accélérer, rester sur sa voie. Nous sommes ici au <a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">niveau 2</a> de la délégation de conduite. Nous flirtons même avec le&nbsp;<a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">niveau 3</a>&nbsp;car elle peut même changer de voie avec fluidité, effectuer un dépassement, sortir de l&rsquo;autoroute.</p>



<p><strong>Des systèmes équivalents existent aujourd&rsquo;hui chez d&rsquo;autres constructeurs. L&rsquo;Europe aujourd&rsquo;hui n&rsquo;est pas du tout en retard sur tous ces sujets&#8230;</strong></p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home.jpg"><img loading="lazy" decoding="async" width="1280" height="540" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home.jpg" alt="Une automobile Tesla S prêt de sa station de chargement à domicile" class="wp-image-23836" title="Tesla S charge at home" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home-300x127.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home-1024x432.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/tesla-S-charge-at-home-768x324.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a></figure>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View.jpg"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View.jpg" alt="Tableau de bord Tesla en mode Autopilot" class="wp-image-23863" title="Tesla Autopilot UI View" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View.jpg 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View-768x432.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Tesla_Autopilot_UI-View-1536x864.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption"><em>Tesla Modèle S,&nbsp;2012, affichage sur le tableau de bord en mode Autopilot</em></figcaption></figure>



<h3 class="wp-block-heading">Troisième coup&nbsp;(limite KO technique):&nbsp;Pop.Up Next</h3>



<p><strong>Pop.Up</strong>&nbsp;est un système modulaire de voiture roulante et volante d&rsquo;<strong>Airbus, allié à Audi et Italdesign</strong>, qui ouvre des possibilités de combinaisons et d&rsquo;usages inédits (voir la vidéo ci-dessous), concept présenté l’année dernière au <strong>Salon de l’automobile à Genève</strong> ainsi qu&rsquo;une nouvelle version le mois dernier&nbsp;:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Pop.Up Next 2018" width="500" height="281" src="https://www.youtube.com/embed/2LggHhR2kFk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption class="wp-element-caption"><em>Projet de drone-navette Pop.Up Next par Airbus, Italdesign et Audi, 2018</em></figcaption></figure>



<h2 class="wp-block-heading">L&rsquo;automobile, cœur et symbole de la civilisation industrielle</h2>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Je crois que l’automobile est aujourd’hui l’équivalent assez exact des grandes cathédrales gothiques&nbsp;: je veux dire une grande création d’époque, conçue passionnément par des artistes inconnus, consommée dans son image, sinon dans son usage, par un peuple entier qui s’approprie en elle un objet parfaitement magique (Roland Barthes, Mythologies, 1957)</p>
</blockquote>



<p>Plus qu&rsquo;un objet ou un produit, l&rsquo;automobile concentre des symboles et des enjeux au cœur même de notre civilisation et de nos vies. Elle est une <strong>machine</strong>. La mécanisation est à la base de la civilisation industrielle. Succédant sur terre à des millénaires de traction hippomobile et offrant une liberté de mouvement plus grande que le chemin de fer, elle fonctionne (encore en grande partie aujourd&rsquo;hui) à partir du <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole"><strong>pétrole</strong></a>. Omniprésent dans notre quotidien et notre confort, à la fois énergie et source d&rsquo;énergie et matière première, elle seule a rendu également possible la mondialisation et les chaines logistiques longues.&nbsp;On comprend mieux les <a href="/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole">enjeux de guerre et de géopolitique mondiale autour des pipelines</a>.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19.jpg"><img loading="lazy" decoding="async" width="2250" height="1500" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19.jpg" alt="Modèle DS 19 - 1955" class="wp-image-23825" title="Citroen DS 19" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19.jpg 2250w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19-1024x683.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19-768x512.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19-1536x1024.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/citroen-ds-19-2048x1365.jpg 2048w" sizes="auto, (max-width: 2250px) 100vw, 2250px" /></a><figcaption class="wp-element-caption"><em>Citroën DS 19, 1955</em></figcaption></figure>



<p>L&rsquo;omniprésence de l&rsquo;automobile et de ses variantes (camions, motos&#8230;) avec ses infrastructures et signalétiques associées ont <strong>remodelé nos paysages</strong>, l&rsquo;architecture de nos villes, de nos bâtiments et nos maisons, nos façons de nous déplacer, de nous ravitailler, déposer, aller chercher et rejoindre nos proches, travailler, nos loisirs&#8230; Même si elle peut être aussi perçue de nos jours&nbsp;comme polluante, une contrainte budgétaire pour les familles,&nbsp;n&rsquo;étant plus une nécessité pour les ultra-urbains. Notons qu&rsquo;en France 97% des périurbains (25% de la population) utilisent leur voiture régulièrement (<a href="https://www.groupama.com/fr/journalist/voiture-transport-toujours-incontournable-periurbains/" target="_blank" rel="noopener">étude <strong>IPSOS</strong> pour <strong>Groupama</strong></a>, octobre 2017) et qu&rsquo;elle reste encore une nécessité et un <strong>gage d&rsquo;autonomie</strong> en milieu rural, dans les zones isolées et pour les personnes avec des difficultés de mobilité. La voiture a été, et reste encore le moyen le&nbsp;plus convivial de se déplacer, le plus librement dans le temps et l&rsquo;espace, tout en <strong>réduisant les ruptures de charges</strong> inhérentes au déplacement multimodal sur un même trajet (transfert de marchandises et/ou de passagers entre modes de déplacement et de transports).</p>



<p>La place de l&rsquo;automobile est encore importante dans notre quotidien et notre culture. Depuis la deuxième moitié du XXème siècle, l&rsquo;automobile véhicule au sens propre, et, au sens figuré, des valeurs aussi fortes et essentielles que la liberté, l&rsquo;émancipation, l&rsquo;indépendance, la découverte et le voyage.</p>



<p>Selon une <a href="https://newsroom.aramisauto.com/wp-content/uploads/2017/05/2017-06-02-Francaisetlautomobile_Aramisauto_VAL_SansEmbargo.pdf" target="_blank" rel="noopener">étude&nbsp;<strong>Aramisauto.com / KANTAR TNS</strong></a> parue en juin dernier, l&rsquo;automobile&nbsp;est de plus en plus associée à la notion de liberté et d’autonomie (35% vs 33% en 2016 et 31% en 2012) et symbole&nbsp;d’émancipation et d’autonomie pour les millennials (nés après 2000)&nbsp;: elle représente avant tout pour les jeunes la liberté (36%) avant d’être une simple commodité (34%).&nbsp;Peut être <a href="/passer-du-role-passif-de-spectateur-victime-a-celui-dacteur-de-notre-bien-etre-dans-le-monde-moderne/">un dernier bastion de liberté&nbsp;?</a> Chez les 18-34 ans, la voiture est perçue à 44% comme un objet faisant toujours rêver, soit plus que pour la moyenne des français tout âges confondus (41%).</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche.jpg"><img loading="lazy" decoding="async" width="1200" height="801" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche.jpg" alt="James Dean se levant dans sa Porsche 550 Spyder en 1955" class="wp-image-23829" title="James Dean, 1955" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche-1024x684.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/James-Dean-Porsche-768x513.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption"><em>James Dean, mort au volant de sa Porsche 550 Spyder en 1955</em></figcaption></figure>



<p>Le permis de conduire fut pendant longtemps un rite de passage à l’âge adulte, moment où l’humain a parfois besoin de frôler la mort pour se sentir vivant. <strong>James Dean</strong>, héros du film « <strong>La Fureur de vivre</strong> » en 1955 est le symbole éternel de cette jeunesse rebelle et insouciante éprise de sensations fortes chevauchant ces terribles bolides mortels. Selon l’OMS 1,2 millions de personnes perdent la vie sur la route chaque année dans le monde. Une des promesses des systèmes de conduite autonome est de réduire cette mortalité.</p>



<p>L’automobile, inventée en même temps que le <strong id="exosquelette">cinéma</strong>, ou presque, est devenue le <strong>symbole de sa modernité</strong>.&nbsp;En étant aussi cette <strong>enveloppe que nous manipulons</strong>, en <strong>fusion</strong> et en <strong>mouvement</strong> avec elle, elle contribue fortement à <strong>sa propre charge symbolique</strong>.</p>



<h2 class="wp-block-heading">Faire corps&nbsp;: les facettes d&rsquo;un exosquelette&nbsp;en mouvement</h2>



<p><em id="facette-externe"><a href="/un-robot-collaboratif-cobot-pour-lassistance-au-geste-industriel/">Exosquelette</a>&nbsp;: généralement appelée « carapace »,&nbsp; squelette externe supportant et protégeant un animal (insectes, crustacés, mollusques..</em>.).</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>En tant qu&rsquo;exosquelette permettant le déplacement, l&rsquo;automobile augmente l&rsquo;humain en lui permettant de dépasser sa condition corporelle initiale.</p>
</blockquote>



<h3 class="wp-block-heading">Facette externe&nbsp;: apparence et signes extérieurs</h3>



<p>Au delà de ses caractéristiques techniques et fonctionnelles, l&rsquo;automobile est investie d&rsquo;une puissante charge esthétique suggérant la vitesse, la force, la nostalgie, l’évasion&#8230; <strong>Territoire de marque</strong> pour les constructeurs, elle traverse les époques en changeant d&rsquo;apparence et de style, soumise aux modes comme un vêtement dont elle est l&rsquo;extension en tant que carapace. Vue de l&rsquo;extérieur cette carapace constituée par <strong>l&rsquo;automobile « véhicule » justement certains signes par le conducteur et les passagers</strong>. En plus d&rsquo;être un révélateur de style de vie et de système de valeurs du conducteur ou du transporté, elle est aussi un <strong>marqueur social</strong>. Pour les individus attachés aux apparences, aux codes de castes et aux signes extérieurs, elle reflète une hiérarchie et un statut social, tout au moins une expression sociale et culturelle. Les stickers accolés sur la carapace extérieure, trophées de roadtrips et autres signes, en sont une forme parfois exubérante et exacerbée, tel un tatouage sur cette deuxième peau.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Combi-tatoo.jpg"><img loading="lazy" decoding="async" width="1024" height="640" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Combi-tatoo.jpg" alt="Stickers trophées de roadtrips sur la carrosserie" class="wp-image-23901" title="Combi tatoué" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Combi-tatoo.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Combi-tatoo-300x188.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Combi-tatoo-768x480.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption"><em>Source&nbsp;:&nbsp;<a href="https://www.becombi.com/">becombi.com</a></em></figcaption></figure>



<h3 class="wp-block-heading">Facette interne&nbsp;: un espace privé et un satellite prolongeant le domicile</h3>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>L’évolution des valeurs automobiles a contribué à déplacer l’investissement de l’extérieur vers l’intérieur des voitures, lui conférant ainsi un statut d’espace plus que d’objet (Nicolas Dubois, 2004)</p>
</blockquote>



<p>L&rsquo;automobile est un espace privé mobile en pleine sphère publique&nbsp;: un petit chez soi du dehors, un univers familier.&nbsp;Elle est comme&nbsp;un morceau déplacable de l&rsquo;habitat, la forme la plus aboutie étant le camping car. Dans le cas de l&rsquo;autopartage, du covoiturage ou du transport avec chauffeur elle n’est plus une possession et peut perdre de son côté « chez soi », mais peut être compensé par le confort, l&rsquo;accueil et la personnalisation de l’intérieur de l’habitacle. Par exemple, quand je monte dans une <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/"><strong>Autolib</strong></a>&nbsp;en région parisienne, le message d&rsquo;accueil est personnalisé, et la radio s&rsquo;allume automatiquement sur ma station favorite. On peut imaginer aller plus loin, avec une configuration des sièges, volant, interfaces, aménagement intérieur qui s’adapteraient automatiquement à ma morphologie, mes habitudes et mes préférences.</p>



<figure class="wp-block-image aligncenter"><a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/"><img loading="lazy" decoding="async" width="754" height="317" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg" alt="Affichage du nom du conducteur sur console Autolib" class="wp-image-22662" title="Autolib Personnalisation" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg 754w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom-300x126.jpg 300w" sizes="auto, (max-width: 754px) 100vw, 754px" /></a><figcaption class="wp-element-caption"><em>Message d&rsquo;accueil personnalisé sur l&rsquo;interface tactile de la console centrale d&rsquo;</em><a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/"><strong><em>Autolib</em></strong></a></figcaption></figure>



<p>Dans tous les cas, même le cabriolet, une automobile aura toujours cette carapace, sa carrosserie et ses vitres, comme les murs et les fenêtres de notre domicile, son chauffage et sa climatisation qui nous protègent du monde extérieur en permettant de réaliser quelques pratiques personnelles&nbsp;: écouter sans casque de la musique, la radio ou des podcasts audio, profiter du calme et du silence, fumer, vapoter, discuter, réfléchir, et tout simplement prendre du plaisir à conduire&#8230; Même si nous sommes contraints dans cet espace confiné, le champ des possibles est considérablement augmenté si l&rsquo;on est passager ou transporté, et le devient encore plus pour une seule personne ou un groupe entier si le contrôle de la conduite est délégué à un système automatisé. <strong>C&rsquo;est un potentiel d&rsquo;augmentation de la sensation de chez soi, d&rsquo;habitat ou de bureau mobile</strong>. C&rsquo;est aussi la composition et l&rsquo;aménagement de l&rsquo;<strong>habitacle</strong> qui peut être repensé. Cela dépendra notamment de la conservation ou non de l&rsquo;alternance possible entre conduite manuelle, partiellement ou totalement déléguée.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="773" src="https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept.jpg" alt="Concept d'un intérieur de véhicule autonome, avec sièges avant et arrière en face à face" class="wp-image-23224" title="Concept cockpit véhicule autonome" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept-300x211.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept-1024x720.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2017/11/cockpit-vehicule-autonome-concept-768x540.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption"><em>Concept d&rsquo;habitacle d&rsquo;automobile autonome</em></figcaption></figure>



<p>Même en milieu urbain, l&rsquo;automobile en tant qu&rsquo;espace personnel et sécurisé sera souvent privilégié alors que parfois les temps de trajets sont plus long qu&rsquo;en transports en commun, car ces derniers sont plus contraignants&nbsp;: horaire fixe du départ, lieu précis d’embarquement, changement modal, partage avec d’autres et parfois promiscuité et autres désagréments.</p>



<p>La forme la plus extrême de l&rsquo;automobile comme satellite du domicile pourrait être représentée par les déplacements directs, limités et routiniers du garage de la maison de quartiers dortoirs vers la zone de travail de dépôt et ramassage des enfants et de ravitaillement vers les zones commerciales et d&rsquo;activités avec leurs grands parkings, vidant parfois de leurs commerces les vieux centres des villes petites et moyennes.</p>



<p>Dans de tels contextes, l&rsquo;automobile est encore bien souvent une <strong>propriété, la&nbsp;possession d’une solution de mobilité par opposition à l’usage d’un service</strong>. Bien évidemment, la taille de la cellule familiale, les revenus, l&rsquo;offre immobilière, l&rsquo;urbanisation, la densité de population, les infrastructures, les offres de mobilités disponibles, les activités personnelles et professionnelles, les distances activités/domicile&#8230; auront un fort impact sur les possibilités et les variations des usages.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989.jpg"><img loading="lazy" decoding="async" width="1200" height="420" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989.jpg" alt="Quartier de maisons individuelles avec une voiture garée devant chaque maison" class="wp-image-23928" title="Film Edward aux mains d'argent, 1989" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989-300x105.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989-1024x358.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/suburbs_Edward_Scissorhands_1989-768x269.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption"><em>Quartier de la ville de&nbsp;Lutz, Floride, lieu de tournage du film « Edward aux mains d&rsquo;argent », 1989</em></figcaption></figure>



<h3 class="wp-block-heading">La liberté de se déplacer</h3>



<p>Une des libertés les plus fondamentales est le déplacement de son propre corps dans l’espace. C&rsquo;est une faculté biologique rendue nécessaire pour la survie des espèces animales&nbsp;: « animées », et donc en mouvement. Avant la sédentarisation, l’être humain était nomade.&nbsp;<strong>Bouger c’est la survie et la liberté</strong>.</p>



<p>Comme le disait le professeur <strong>Henri Laborit</strong>, un cerveau ça sert d&rsquo;abord à agir et à être en mouvement&nbsp;: pour consommer, fuir ou lutter. L&rsquo;impossibilité de fuir ou de lutter entraine un 4ème comportement de base&nbsp;: l&rsquo;inhibition qui est générateur de stress et de maladies. Ce n&rsquo;est pas un hasard si la privation de liberté se concrétise par une privation ou une limitation stricte de mouvement, avec la prison ou le bracelet électronique.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers.jpg"><img loading="lazy" decoding="async" width="1200" height="901" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers.jpg" alt="Voiture au premier plan, Elwood attend Jake qui sort de la porte de le prison" class="wp-image-23911" title="Film The Blues Brothers, 1980" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers-1024x769.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/blues-brothers-768x577.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption"><em>Elwood venant chercher son frère Jake à sa sortie de prison dans le film « The Blues Brothers », 1980</em></figcaption></figure>



<p>En dehors de la nage, de l&rsquo;escalade ou de la navigation maritime et fluviale, le passage à la station debout conservera les pieds pour le déplacement terrien et libérera les mains pour l&rsquo;usage de l&rsquo;outil et plus tard les commandes manuelles. La traction animale viendra avec la domestication du cheval (dromadaire, éléphant&#8230;) et l&rsquo;utilisation de la roue, avec les <strong>premières formes de délégation totale de conduite</strong> pour les animaux en capacité de ramener tout seul leur cavalier à la maison&nbsp;! Puis suivirent les machines avec la révolution industrielle&nbsp;: vélos, trains, automobiles sur terre et autres machines pour se déplacer sur l&rsquo;eau, dans les airs et dans l&rsquo;espace extra-terrestre, avec toujours plus de vélocité.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/sleeping-on-a-horse.jpg"><img loading="lazy" decoding="async" width="450" height="367" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/sleeping-on-a-horse.jpg" alt="Cavalier endormi sur son cheval" class="wp-image-23962" title="Cavalier endormi sur son cheval" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/sleeping-on-a-horse.jpg 450w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/sleeping-on-a-horse-300x245.jpg 300w" sizes="auto, (max-width: 450px) 100vw, 450px" /></a><figcaption class="wp-element-caption"><em>Délégation totale de conduite&nbsp;!</em></figcaption></figure>



<p>Pas étonnant que l&rsquo;automobile incarne autant la liberté individuelle par le mouvement. Avec un service de transport à la demande avec chauffeur (VTC) facilité et optimisé par la&nbsp;<a id="voiture-corps" href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">mobiquité</a>&nbsp;des smartphones (service comme UBER) je peux commander quand je veux et où je veux (en ville&#8230;), par un simple tap sur l&rsquo;écran tactile de mon téléphone, une berline avec chauffeur (ou pas, s&rsquo;il s&rsquo;agit d&rsquo;un robot transporteur) qui sera là dans les 3 minutes. Je n&rsquo;aurai à me soucier ni de la conduite ni du stationnement.</p>



<h3 class="wp-block-heading">Voiture-corps et contrôle de la conduite</h3>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Incarner&nbsp;: représenter quelque chose d&rsquo;abstrait sous une forme matérielle (l&rsquo;automobile)</p>
</blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Incarner&nbsp;: rentrer dans un corps (l&rsquo;automobile)</p>
</blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Faire corps&nbsp;: fusionner (avec l&rsquo;automobile)</p>
</blockquote>



<p>En étant&nbsp;moi-même le conducteur qui <strong>contrôle le mouvement</strong>, en <strong>faisant corps</strong> avec l&rsquo;automobile <strong>j&rsquo;augmente ma condition corporelle initiale et primitive en devenant une entité roulante et véloce</strong>. C&rsquo;est dans cette pratique que l&rsquo;expérience fusionnelle est si intense. Elle est encore plus corporelle pour la conduite à moto, le corps étant amené à bouger avec la machine.&nbsp;Notre civilisation industrielle est celle des corps et des machines, et c&rsquo;est probablement dans la fusion avec un véhicule au travers de la conduite que cette relation est la plus forte.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car.jpg"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car.jpg" alt="Graham traversant un pont dans sa cabriolet, dans le film Sexes, Mensonges et Video" class="wp-image-23827" title="Film Sexe, Mensonges et vidéo, 1989" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car.jpg 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car-768x432.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/graham-free-car-1536x864.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption"><em>Le personnage de Graham (joué par James Spader) dans le film &lsquo;Sexe, Mensonges et vidéo », 1989</em></figcaption></figure>



<p><strong>En délégant totalement le contrôle de la conduite, je perds cet état fusionnel</strong> qui est conditionné par une série de processus émotionnels et cognitifs conjugués&nbsp;: perceptifs, sensoriels et psychomoteurs. Quant aux <a id="homme-machine" href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">différents niveaux de délégation partielle de la conduite</a>, il sont à analyser de plus près pour mieux comprendre les différentes configurations de répartition et d&rsquo;imbrication des activités hommes-machines-infrastructure.</p>



<h2 class="wp-block-heading">Risques liés à la délégation partielle de la conduite</h2>



<p>Dans ce dernier chapitre, nous allons donc nous intéresser à la délégation partielle de la conduite, appelé aussi « <strong>conduite semi-assistée</strong> »&nbsp;: comme nous allons le voir, c&rsquo;est lorsque la <strong>reprise en main du véhicule</strong> est nécessaire par le conducteur que le risque est important.</p>



<p>Depuis le début de son existence, l&rsquo;automobile n&rsquo;a cessé d&rsquo;être améliorée afin d&rsquo;assurer toujours plus de de sécurité et de confort grâce à des <strong>systèmes d&rsquo;aide à la conduite</strong> (ADAS Advanced Driver-Assistance Systems). On peut d&rsquo;abord citer les plus connus, répandus et déjà anciens&nbsp;: &nbsp;boite de vitesse automatique, direction assistée,&nbsp;système anti-blocage des roues (ABS), climatisation automatique. Sont venus s&rsquo;y rajouter de nombreux dispositifs, comme les systèmes d&rsquo;alerte&nbsp;:&nbsp;distance de Sécurité (ADS),&nbsp;franchissement involontaire de ligne (AFIL)&#8230; Jusque là, le conducteur reste maître à bord du mouvement de l&rsquo;automobile&nbsp;: direction (trajectoire), freinage et accélération (allure). Les mains sont sur le volant, un pied sur l&rsquo;accélérateur, à proximité de la pédale de freinage permettant un temps de réaction rapide.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control.jpg"><img loading="lazy" decoding="async" width="1240" height="698" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control.jpg" alt="Régulateur de vitesse au volant" class="wp-image-24017" title="Régulateur de vitesse" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control.jpg 1240w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/Cruise-Control-768x432.jpg 768w" sizes="auto, (max-width: 1240px) 100vw, 1240px" /></a><figcaption class="wp-element-caption"><em>Régulateur de vitesse</em></figcaption></figure>



<p>Nous rentrons dans la délégation partielle de la conduite (<a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">niveau 1</a>) avec le <strong>régulateur de vitesse</strong>. Il permet de s&rsquo;affranchir de la pression du pied permanente sur la pédale d&rsquo;accélérateur et du contrôle et maintien de la vitesse. Ce système s&rsquo;avère très intéressant sur un long trajet, sur route particulièrement dégagée et protégée (autoroute). Il nécessite donc une régulation de l&rsquo;activité par le conducteur, dans le cadre de sa coopération avec ce système. Car en cas de trafic dense, de proximité de véhicules sur la même voie, son usage devient impossible ou dangereux, le conducteur <strong>va devoir reprendre la main</strong> et cela peut poser des difficultés. Par exemple&nbsp;: les temps de réponse pour le freinage peuvent augmenter si le pied est au sol. Ici, nous commençons déjà à avoir un risque, à moins de coupler le régulateur de vitesse avec des systèmes performants de détection de proximité/trafic (radar de distance), et éventuellement avec un système de freinage automatique&nbsp;: c&rsquo;est le&nbsp;<strong>régulateur de vitesse adaptatif </strong>(ACC Adaptive Cruise Control).</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise.jpg"><img loading="lazy" decoding="async" width="1280" height="720" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise.jpg" alt="Visuel Radar de distance sur tableau de bord" class="wp-image-24018" title="Radar de distance" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/dynamic-radar-cruise-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em>Radar de distance</em></figcaption></figure>



<p>Ces systèmes sont un premier pas vers l’accroissement de l’autonomie de l&rsquo;automobile, car ils jouent sur un paramètre essentiel&nbsp;: la gestion de l’allure.&nbsp;En plus de&nbsp;ces systèmes de <strong>contrôle longitudinal</strong>, d&rsquo;autres systèmes permettent également le <strong>contrôle&nbsp;transversal (trajectoire)</strong>&nbsp;: l&rsquo;<strong>aide au maintien dans la file de circulation</strong> (LKA Lane-Keeping Assist). Aujourd&rsquo;hui, ces systèmes peuvent fonctionner ensemble&nbsp;: en contrôlant à la fois l&rsquo;allure et la trajectoire, nous sommes dans une configuration qui se rapproche de l&rsquo;autonomie puisque le système contrôle les deux paramètres de la conduite. Donc, aucune action du conducteur à priori n&rsquo;est nécessaire. Nous sommes ici au <strong><a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">niveau 2</a> de la délégation de conduite</strong>, qui impose légalement que le conducteur garde l&rsquo;oeil sur la route et soit prêt à reprendre le contrôle à tout moment.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS.jpg"><img loading="lazy" decoding="async" width="1280" height="720" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS.jpg" alt="LKA Lane-Keeping Assist" class="wp-image-24020" title="LKA Lane-Keeping Assist" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/LKAS-768x432.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em>Aide au maintien dans la file de circulation (LKA Lane-Keeping Assist)</em></figcaption></figure>



<p>Une <strong><a href="https://fondation.vinci-autoroutes.com/fr/system/files/pdf/2018/02/2018-02-02_cp_etude_systemes_dassistance_a_la_conduite_et_reprise_en_main-ci2n-fondation_vinci_autoroutes-fondation_maif_0.pdf" target="_blank" rel="noopener">étude sur les outils de conduite semi-assistée</a></strong>&nbsp;a été publiée <strong>il y a 2 mois&nbsp;</strong>à partir de&nbsp;travaux menés en laboratoire par le <strong>Centre d&rsquo;investigations neurocognitives et neurophysiologiques (Ci2N) de l’Université de Strasbourg et du CNRS</strong>, pour les <strong>fondations&nbsp;Vinci autoroutes et MAIF</strong>.&nbsp;Dans le cadre de cette étude des tests utilisateurs sur simulateur ont permis de mesurer la capacité des automobilistes à reprendre le contrôle de leur véhicule équipé d’un régulateur de vitesse adaptatif et d’une assistance au maintien dans la voie de circulation. L’étude révèle notamment un allongement du temps de réaction et des risques de perte de trajectoire avant la complète reprise en main du véhicule. Plus généralement, voici les risques qui ont été identifiés&nbsp;:</p>



<ul class="wp-block-list">
<li>Augmentation du temps de réaction (plus que doublé)</li>



<li>Baisse du niveau d’éveil (manque d’attention et d’un état d’hypovigilance) lorsque les outils d’assistance à la conduite sont activés</li>



<li>Risques de collision significatifs en cas d’obstacle non détecté</li>



<li>Contrôle plus aléatoire des trajectoires</li>
</ul>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Les résultats de cette étude montrent à quel point une action motrice qui demande une planification et exécution complexe peut nécessiter un temps long lorsque le cerveau doit d’abord se désengager d’autres tâches dites de distraction (Professeur André Dufour, directeur du Ci2N de Strasbourg, 2018)</p>
</blockquote>



<p>Chiffres et détails de l&rsquo;étude&nbsp;: <a id="conclusion" href="https://fondation.vinci-autoroutes.com/fr/system/files/pdf/2018/02/2018-02-02_cp_etude_systemes_dassistance_a_la_conduite_et_reprise_en_main-ci2n-fondation_vinci_autoroutes-fondation_maif_0.pdf" target="_blank" rel="noopener">(Ré)apprendre à conduire avec les outils&nbsp;de conduite semi-assistée pour accompagner&nbsp;la transition vers le véhicule autonome (février 2018)</a></p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Les accidents mortels du mois dernier impliquant un robot-taxi d&rsquo;Uber et une automobile Tesla en mode Autopilot (qui ont fait grand bruit dans les médias et et auxquels je faisais allusion en préambule) nous rappellent plusieurs choses&nbsp;: les systèmes de conduite autonomes <strong>ont encore des progrès à faire</strong>, et seront quoi qu&rsquo;il arrive très dépendants des infrastructures, de l&rsquo;environnement, du contexte de circulation, des réglementations, de la cohabitation de véhicules avec différents niveaux d&rsquo;autonomie&#8230; la liste est longue. Et même si la technologie progresse, le risque zéro n&rsquo;existe pas. L&rsquo;accident avec l&rsquo;automobile Tesla est à mettre en relation avec l&rsquo;étude citée dans le dernier chapitre qui met en évidence la problématique&nbsp;de la délégation partielle de la conduite (ou semi-assistée) entrainant une dégradation de la vigilance et des temps de réaction. Dans le système de conduite manuelle « faire-corps » évoqué dans ce billet, les niveaux de délégation intermédiaires viennent rajouter des <strong>niveaux de collaboration homme-machine différents</strong> et les <strong>passages des uns aux autres sont des éléments critiques</strong> que les concepteurs et les utilisateurs doivent prendre en compte.</p>



<p>Il faut rappeler que l&rsquo;intégration des systèmes de délégation partielle de la conduite (ou semi-assistée) marque une première étape dans un processus d&rsquo;innovation industrielle soutenant le concept de véhicule « intelligent » qui doit aboutir à l&rsquo;automatisation de la conduite, en s’appuyant notamment sur leur <strong>acceptabilité sociale</strong>. Dés lors il n&rsquo;est pas étonnant que ces technologies soient sous le feu des projecteurs. Les constructeurs&nbsp;qui exaltaient le fameux plaisir de conduire pouvant à lui seul déclencher le désir d’achat d&rsquo;une automobile nous promettent d’en être prochainement débarrassé en confiant à un automate le soin de s’acquitter de cette tâche, ce qui est un <strong>virage difficile</strong> vers un <strong>avenir incertain</strong> dans un contexte concurrentiel actuellement bouleversé par la révolution numérique et la frénésie de l&rsquo;hyperurbanisation (pour ne pas dire la folie).</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000.jpg"><img loading="lazy" decoding="async" width="1280" height="493" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000.jpg" alt="Michael Knight (David Hasselhoff) et son automobile intelligente KITT, Série télévisée K2000 de 1982 à 1986 " class="wp-image-24037" title="Série télévisée K2000 de 1982 à 1986 " srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000-300x116.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000-1024x394.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/K2000-768x296.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></a><figcaption class="wp-element-caption"><em>Michael Knight (David Hasselhoff) et son automobile intelligente KITT<br>Série télévisée K2000 de&nbsp;1982 à 1986</em></figcaption></figure>



<p>Une nouvelle relation est peut être à inventer entre l&rsquo;homme et l&rsquo;automobile, qui sera une facette ou une certaine forme de relation avec un robot, une entité qui sera l&rsquo;objet d&rsquo;<strong>une autre forme de fusion</strong>, peut être même plus, comme le héros de « Her » (film de Spike Lee de 2013) qui tombe amoureux de l&rsquo;intelligence artificielle « Samantha » avec qui il partage sa vie.</p>



<p>Les usages de la mobilité et les services de mobilité dans lesquels s&rsquo;inscrivent l&rsquo;automobile vont <strong>évoluer</strong> sous l&rsquo;influence de <strong>nombreux facteurs</strong>. Une approche <strong>prospective</strong> nécessitera d&rsquo;identifier les variables influentes (facteurs et acteurs), leurs motricité et leur dépendance,&nbsp;afin d&rsquo;explorer les <strong>futurs possibles</strong>&nbsp;(et impossibles&#8230;) de la conduite automobile.</p>



<p>Pour finir je voudrais rappeler que ces innovations s&rsquo;inscrivent dans un <strong>contexte de dépendance</strong> à un facteur déterminant&nbsp;: l&rsquo;<strong>énergie</strong>. Je l&rsquo;ai déjà mentionné plus haut&nbsp;: notre civilisation et nos mobilités reposent encore largement sur les <a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/#petrole">énergies fossiles</a> (produits courants, pièces, carburant&#8230;) qui se raréfient et deviendront de plus en plus difficiles à extraire dans un futur proche. Les véhicules électriques sont construits avec ces mêmes matières fossiles et leur production a un cout écologique élevé et exploite des matières premières rares et non infinies.</p>



<p>Notre civilisation repose désormais sur une <strong>économie globalisée conditionnée</strong> par la <strong>circulation de matières premières et <a href="/passer-du-role-passif-de-spectateur-victime-a-celui-dacteur-de-notre-bien-etre-dans-le-monde-moderne/#survie">vitales pour notre survie</a></strong>. Nous sommes devenus totalement <strong>dépendants</strong> de chaines logistiques se complexifiant sans cesse&nbsp;: transport aérien, maritime, routier, infrastructures ferroviaires et routières&#8230; Nous sommes livrés et nous nous ravitaillons via ces réseaux. Tout cela repose sur l&rsquo;énergie. Un système, quand il est globalisé avec de fortes interdépendances, <a href="/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/"><strong>n&rsquo;est pas résilient</strong></a>. Oui. Comme je l&rsquo;ai évoqué plus haut <strong>la mobilité est une question&nbsp;de survie et la liberté</strong>. Encore faut-il que <strong><a href="/passer-du-role-passif-de-spectateur-victime-a-celui-dacteur-de-notre-bien-etre-dans-le-monde-moderne/#survie">l&rsquo;espace dont notre survie dépend soit tangible et résilient</a></strong>.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor.jpg"><img loading="lazy" decoding="async" width="1920" height="815" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor.jpg" alt="Mad Max au volant de son automobile Interceptor" class="wp-image-23830" title="Mad Max Interceptor" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor.jpg 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor-300x127.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor-1024x435.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor-768x326.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2018/04/mad-max-interceptor-1536x652.jpg 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption"><em>L&rsquo;acteur Mel Gibson au volant de son Interceptor dans le film « Mad Max », 1979</em></figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>UX &#124; Expérience Utilisateur, Définition et place dans les agences et chez les annonceurs</title>
		<link>https://www.pierre-lannes.fr/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/</link>
					<comments>https://www.pierre-lannes.fr/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Wed, 18 Nov 2015 15:26:47 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[méthodologie]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[smartphone]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=19640</guid>

					<description><![CDATA[Ce billet est le texte complet de mes réponses à une interview pour un article collectif "Comment l’UX bouleverse la communication" pour La Réclame, principal média français dédié à la créativité dans le monde de la communication. J'y aborde la définition de l'expérience utilisateur, sa place dans les agences et dans les dispositifs de communication.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Ce billet est le texte complet de mes réponses à une interview pour un article collectif « <strong>Comment l’UX bouleverse la communication</strong> » pour <strong>La Réclame</strong>, principal média français dédié à la créativité dans le monde de la communication. J&rsquo;y aborde la définition de l&rsquo;expérience utilisateur, sa place dans les agences et dans les dispositifs de communication</p>
</div>



<h2 class="wp-block-heading">Comment définir ce qu’est l’UX&nbsp;? Et ce qu’elle n’est pas&nbsp;?</h2>



<p>L’expérience utilisateur est le ressenti global des qualités d’un produit, d’un service ou d’un système le rendant plus ou moins pertinent ou significatif pour l’utilisateur final. Ce ressenti global découle de l’usage, qui produit un certain niveau de satisfaction subjective, et de l’empreinte laissée dans la mémoire.</p>



<p>Ce ressenti global se construit notamment selon les caractéristiques suivantes du produit, service ou système&nbsp;:</p>



<ul class="wp-block-list">
<li>son accessibilité et son adaptabilité (selon le contexte, les caractéristiques et l’état de l’utilisateur)</li>



<li>son utilisabilité (facilité à être compris, utilisé)</li>



<li>son utilité (répond au besoin de l’utilisateur)</li>



<li>sa désirabilité (capacité à séduire, à inciter…)</li>



<li>sa crédibilité (des contenus, des offres, de la fiabilité…)</li>
</ul>



<p>Si les 3 premières caractéristiques relèvent du domaine de l’ergonomie, les&nbsp;deux&nbsp;derniers nous rapprochent des enjeux du marketing et de l’innovation&nbsp;: la proposition de valeur. Les conditions d’une bonne expérience utilisateur viennent concrétiser cette proposition de valeur.</p>



<p>Selon moi, dans la définition et la compréhension de ce qu’est l’expérience utilisateur, la difficulté n’est pas tellement sur l’appréhension de ce qu’on appelle “L’expérience”. En effet, tout le monde comprend ce que signifie “vivre une expérience” et d’avoir un ressenti positif, mitigé, ou négatif suite à une expérience. La difficulté est plutôt jusqu’où l’on étend la&nbsp;notion&nbsp;d&rsquo;“Utilisateur” &nbsp;:</p>



<ul class="wp-block-list">
<li>d’un produit matériel (un objet, un outil…)&nbsp;?</li>



<li>d’un produit, système ou service immatériel (une application, un site web…)&nbsp;?</li>



<li>d’un service marchand ou non. Mais ici ne doit-on pas plutôt parler “d’expérience client” ou “d’expérience usager”&nbsp;?</li>
</ul>



<p>La notion d’expérience utilisateur a émergée récemment en France avec l’<a href="https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">explosion des usages numériques et notamment mobiles</a>&nbsp;: l’omniprésence et la sophistication des smartphones, leur connectivité et la richesse de l’offre applicative, dans lesquelles émergent des services innovants et bouleversants des secteurs entiers. Mais la perception de l’expérience utilisateur, que ce soit dans les agences digitales, les SSII, chez les annonceurs… est trop souvent réduite et confondue avec la conception d’interfaces utilisateur (UI) voire au webdesign. Or, “UX is not (only) UI”. L’approche de l’expérience utilisateur relève de l’étude des usages et des comportements, de méthodes de design centrés sur les utilisateurs, de la collaboration de plusieurs expertises. J’y reviendrai plus bas avec la question de la place de l’UX au sein d’une agence.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001.png"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001.png" alt="Schéma interprétation du modèle 5 carrés pour illustrer l'expérience utilisateur usager" class="wp-image-48034" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001.png 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001-300x169.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001-1024x576.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001-768x432.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2023/02/PLA_eXperienceUtilisateur-images.001-1536x864.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a></figure>



<p>Ce modèle de représentation de l&rsquo;eXpérience Utilisateur et Usager m&rsquo;a été inspiré par celui de la « tâche et activité de l&rsquo;opérateur humain » de&nbsp;Jacques Christol&nbsp;et&nbsp;Gilbert de Terssac, lui-même inspiré de Jacques Leplat et Xavier Cuny 1974 (voir aussi&nbsp;<a data-wpel-link="internal" href="https://www.pierre-lannes.fr/bref-je-suis-ergonome-video-humoristique/">le&nbsp;<strong>billet dédié</strong></a>)</p>



<h2 class="wp-block-heading">L’UX représente-elle un sujet majeur dans les dispositifs des annonceurs&nbsp;? Ou ce n’est pour le moment qu’une optimisation parmi d’autres&nbsp;?</h2>



<p>L’expérience utilisateur est bien un sujet majeur chez beaucoup d’annonceurs. Mais quand on analyse la demande, on s’aperçoit qu’on oscille entre un effet de mode “UX” et une vraie prise de conscience des enjeux. Avec parfois, en filigrane, une peur-panique de se faire “uberiser” par une startup ou un concurrent plus innovant. Cela varie selon les secteurs d’activités, les business models, et la maturité de l’entreprise sur le sujet.</p>



<p>Notre monde vit un bouleversement profond avec la numérisation des usages avec notamment&nbsp;:</p>



<ul class="wp-block-list">
<li>l’émergence de produits de plus en plus performants</li>



<li>l’arrivée des générations de “digital natives” sur le marché du travail et de la consommation</li>



<li>la prise de pouvoir de “consomm’acteurs” qui peuvent désormais prendre la parole&nbsp;: un usager fait part autour de lui en moyenne 17 fois d’une mauvaise expérience de service contre 3 fois d’une bonne expérience de service</li>
</ul>



<p>Dans ce contexte, prendre l’UX comme une “simple optimisation” peut se révéler risqué…</p>



<h2 class="wp-block-heading">A qui revient l’UX au sein d’une agence&nbsp;? Aux designers ou à un poste dédié&nbsp;?</h2>



<p>L’UX relève de connaissances et de compétences diverses et complémentaires. Je citerai notamment&nbsp;: &nbsp;l’ergonomie (qui est-elle même multidisciplinaire), le design de service, le design visuel et émotionnel, le design d’interaction, la veille et <a href="https://www.pierre-lannes.fr/category/usages/">prospective</a>, les études utilisateurs et&nbsp;consommateurs, le marketing, la technologie et l&rsquo;ingénierie. Selon les enjeux et les niveaux d&rsquo;exigences, selon les types de produits, services et contenus, des expertises spécialisées sont également parties prenantes.&nbsp;Dans les domaines des applications informatiques et du numérique, nous pouvons citer&nbsp;:&nbsp;l’architecture de l’information, la stratégie de contenu, le SEO/ASO (Search Engine Optimization et Application Search Optimization), la data, le développement.</p>



<p>L’UX se situe idéalement à 2 niveaux au sein d’une agence&nbsp;:</p>



<h3 class="wp-block-heading"><strong>Un premier niveau “stratégique”</strong></h3>



<p>Il s&rsquo;agit de l&rsquo;étude des usages et des comportements (la recherche utilisateur, s’appuyant sur les études conso/utilisateur et ethnographiques) et chargé de la définition d’une stratégie de l’expérience. Il est idéalement porté par un poste dédié “UX stratégie” maitrisant les méthode de l’ergonomie, de l’ethnographie, et travaillant avec les expertises du planning stratégique, du SEO, de la data, du search et du marketing.</p>



<h3 class="wp-block-heading"><strong>Un deuxième niveau “tactique”</strong></h3>



<p>Il est garant de la stratégie de l’expérience prédéfinie. Il est porté par les architectes de l’information, stratèges de contenu, designers d’interaction, designers visuel et émotionnel, et designers de service. Il est idéalement coordonné par un poste dédié “UX tactique” portant une vision transversale&nbsp;(on parle aussi d&rsquo;holistique), usant de méthodes itératives centrées utilisateurs tout au long des étapes de design, de prototypage et de de développement. Il est le “contrôleur qualité” de l’UX sur toute la chaîne.</p>



<h2 class="wp-block-heading">Selon vous, en quoi et comment l’UX va affecter les pratiques de la communication dans le futur&nbsp;?</h2>



<p>Des études publiées en 2003 et 2010 (Thomas Gilovich, Leaf Van Boven, Travis J. Carter) ont démontré que les achats correspondant à des expériences&nbsp;: voyage, place de concert, dîner au restaurant… rendent les gens plus heureux que les achats de biens matériels de même valeur (équipement stéréo, objets de luxe…). Si l’on observe la publicité sur les voitures, on voit bien que ce n’est plus le produit lui-même qui est directement valorisé, mais il l’est au travers de l’expérience qu’il va vous faire vivre&nbsp;: les sensations, les émotions… L’UX affecte donc déjà les pratiques de la communication.<br>Nous sommes en train de passer d’une société de produits à une société de services et de recherche d’expériences marquantes. Réfléchir et innover sur de nouveaux produits et services impose aujourd’hui la mise en place de méthodes et de principes centrés sur les utilisateurs. Cela nécessite de dépasser l’ancienne culture dominante des agences&nbsp;: la culture “créative”, qui a atteint ses limites. Egocentrée sur le message, sur une communication dans un sens de la marque vers le consommateur, cette vision restrictive est inadaptée au monde d’aujourd’hui et de demain, qui est fait d’utilisateurs “consomm’acteurs”, de <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/">multiples canaux d’interactions, de parcours utilisateurs cross-canal et omni-canal</a>. Cela ne signifie pas la disparition des créatifs. Bien au contraire. Ils sont déterminants dans les phases d’idéation. Mais il s’inscrivent désormais dans une démarche plus globale de recherche et de design centrés sur les utilisateurs, les usages et les comportements.</p>



<div class="digest">
<p><em>Texte intégral des réponses données dans ma contribution à l&rsquo;article collectif&nbsp;</em><br>« <a href="https://lareclame.fr/140867-dossier-innovation-ux">Comment l’UX bouleverse la communication</a> » sur le media « <strong>La Réclame</strong>« .</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Les quatre piliers d&#8217;une expérience utilisateur cross-canal réussie</title>
		<link>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/</link>
					<comments>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Wed, 04 Dec 2013 12:30:00 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[cross-canal]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[géolocalisation]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16543</guid>

					<description><![CDATA[Aujourd'hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique, via plusieurs points de contacts, des "canaux", selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d'utilisation. Le monde numérique et physique sont maintenant imbriqués, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur. Cette multi-canalité revêt plusieurs aspects : multi-canal, cross-canal, omni-canal. L'enjeu est là : mieux toucher et servir l'utilisateur, le client. Et le défi est de taille : offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Aujourd&rsquo;hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique, via plusieurs points de contacts, des « canaux », selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d&rsquo;utilisation (Situational Awareness).</p>



<p>Le monde numérique et physique sont maintenant imbriqués, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur.</p>



<p>Cette multi-canalité revêt plusieurs aspects&nbsp;: multi-canal, cross-canal, omni-canal. L&rsquo;enjeu est là&nbsp;: mieux toucher et servir l&rsquo;utilisateur, le client. Et le défi est de taille&nbsp;: offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes.</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>PHYGITAL / PHYGITAUX&nbsp;: les parcours PHYsiques et diGITAUX des usagers sont imbriqués, devenus crosscanal, multicanal</p>
</blockquote>



<p>Le groupe <strong>Nielsen Norman</strong> publie ces jours-ci une série de billets (en anglais) sur le thème de l&rsquo;expérience utilisateurs « cross-canal ». Ces publications m’ont inspiré le présent billet, constituant ainsi une suite de mon ancien billet « <strong><a href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/" title="Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?">Trop d’interface tue l’interface (utilisateur)</a></strong> » suggérant ces problématiques.</p>



<p>Aujourd&rsquo;hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique&#8230; via plusieurs points de contacts, des « canaux », selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d&rsquo;utilisation (Situational Awareness)&nbsp;:</p>



<ul class="wp-block-list">
<li>dans un magasin physique, guichet, gare</li>



<li>avec un conseiller client&nbsp;: par tchat, téléphone ou en direct</li>



<li>un serveur vocal par téléphone</li>



<li>sur un site web depuis le navigateur d’un micro-ordinateur</li>



<li>une application mobile</li>



<li>une borne interactive dans un lieu public ou lieu de vente</li>



<li>&nbsp;etc..</li>
</ul>



<p>Cette multi-canalité revêt plusieurs aspects&nbsp;:</p>



<ul class="wp-block-list">
<li><strong>multi-canal</strong>&nbsp;: existence de plusieurs canaux (téléphone, web, application mobile, magasin physique&#8230;)&nbsp;pour interagir&nbsp;entre un utilisateur et le service, la marque, les contenus</li>



<li><strong>cross-canal</strong>&nbsp;: passage d&rsquo;un canal à un autre lors d’une même transaction, activité. Sujet que l’on traitera dans le présent billet</li>



<li><strong>omni-canal</strong>&nbsp;: utilisation simultanée de plusieurs canaux. Côté client, typiquement&nbsp;:&nbsp;être devant le produit en rayon dans un magasin physique tout en se&nbsp;servant de son smartphone pour comparer des prix, une fiche technique, des avis, etc. Côté&nbsp;marque, l&rsquo;omni-canal consiste à jeter des ponts entre les expériences en ligne et hors ligne. Nous y reviendrons à la fin de ce billet.</li>
</ul>



<h2 class="wp-block-heading"><strong>L&rsquo;eXpérience Utilisateur cross-canal</strong></h2>



<p>Il arrive, pour une seule « transaction  » (achat d&rsquo;un produit, réservation de voyage&#8230;) que l&rsquo;utilisateur utilise plusieurs canaux. Par exemple&nbsp;:</p>



<ol class="wp-block-list">
<li>réception d&rsquo;un courrier papier qui suscite un intérêt pour un produit</li>



<li>consultation depuis une application mobile sur smartphone de fiches produit et ajout au « panier » du produit souhaité sans encore acheter le produit, et déconnexion</li>



<li>reconnexion depuis un micro-ordinateur de bureau, accès au produit dans le panier, puis achat en ligne après avoir choisi de récupérer le produit en magasin (Click &amp; Collect),</li>



<li>réception de SMS sur le smartphone concernant la disponibilité du produit en stock dans le magasin</li>



<li>récupération du produit dans la boutique physique</li>



<li>etc.</li>
</ol>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="1100" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1.jpg" alt="Baromètre intimité client - CSC, Challenges et TNS Sofres 2013" class="wp-image-22659" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-300x300.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-1024x1024.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-150x150.jpg 150w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-768x768.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption"><em>Baromètre intimité client &#8211; CSC, Challenges et TNS Sofres 2013</em></figcaption></figure>



<p>Comme le suggère l&rsquo;illustration ci-dessus,<strong> le monde numérique et physique sont maintenant imbriqués</strong>, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur. L&rsquo;expérience peut être interrompue puis reprise sur un autre canal (voir plus bas&nbsp;: interopérabilité des canaux et interruptibilité).&nbsp;Dans un tel contexte,<strong> maintenir la continuité de l&rsquo;expérience utilisateur est de plus en plus important, et difficile</strong>. Car ceci représente souvent un énorme défi pour certaines entreprises&nbsp;:</p>



<ul class="wp-block-list">
<li>les processus sous-jacents aux différentes étapes font parfois intervenir de très nombreux acteurs, prestataires, départements (marketing, vente, logistique, systèmes d’information, service après-vente…) souvent sous-tendues par des organisations en silo, plus ou moins hermétiques, parlant des langages différents, forgés par les spécificités de chacun de leur métier, avec des canaux parfois en situation de concurrence interne&#8230;</li>



<li>tout en mettant à disposition aux utilisateurs de multiples canaux pour interagir, avec toutes les combinaisons possibles</li>



<li>maintenir le tout synchronisé et synergique</li>
</ul>



<p>L&rsquo;enjeu est là&nbsp;: mieux toucher et servir l&rsquo;utilisateur, le client. Et le défi est de taille&nbsp;: offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes. Le risque&nbsp;: perdre l&rsquo;identité de marque, dérouter l&rsquo;utilisateur si cette expérience cross-canal n&rsquo;est pas convaincante et cohérente sur l&rsquo;ensemble des canaux. Pire&nbsp;: une seule mauvaise expérience avec un seul des canaux n&rsquo;incitera pas à utiliser un autre canal, et c&rsquo;est alors toute la marque, l&rsquo;organisation qui est remise en question. Et le « <strong>consomm&rsquo;acteur</strong> » détient le pouvoir de publier ses avis négatifs sur les médias sociaux.</p>



<p>Evidemment, la problématique est différente pour une petite boutique en ligne gérée par quelques personnes et n&rsquo;utilisant essentiellement que le canal web, et une grosse entreprise ou une administration pouvant parfois faire appel à de multiples sous-traitants et partenaires tout le long de la chaîne (vente, fourniture de services&#8230;.), les canaux historiques, etc.</p>



<h2 class="wp-block-heading"><strong>4 conditions pour une expérience cross-canal réussie</strong></h2>



<p>Pour une expérience utilisateur cross-canal réussie, il est nécessaire que tous ces canaux soient facilement&nbsp;utilisables. Ceci est nécessaire, mais pas suffisant. Il faut aussi que 4 conditions soient réunies&nbsp;:</p>



<ul class="wp-block-list">
<li>disponibilité des services et de toutes les étapes&nbsp;sur tous les canaux</li>



<li>nécessité d&rsquo;une&nbsp;cohérence d’ensemble&nbsp;quelque soit le canal utilisé</li>



<li>transparence,&nbsp;interopérabilité des canaux et interruptibilité</li>



<li>prise en compte du&nbsp;contexte spécifique&nbsp;à chaque&nbsp;canal</li>
</ul>



<p>Voyons maintenant plus en détail ces conditions&nbsp;:</p>



<h3 class="wp-block-heading">1 &#8211; Disponibilité des services et de toutes les étapes sur tous les canaux</h3>



<p>Un premier aspect de la disponibilité&nbsp;: que l&rsquo;utilisateur puisse <strong>accéder 24h/24</strong> aux ventes ou aux services en interagissant avec les canaux humains, sociaux, numériques et mobiles. A ce niveau, la disponibilité de certains canaux n&rsquo;est pas permanente&nbsp;: magasins physiques, centres d&rsquo;appels&#8230; alors que les canaux numériques le sont, la plupart du temps.</p>



<p>Un deuxième aspect de la disponibilité est la notion de <strong>continuité</strong>&nbsp;: toute la chaine de la transaction doit être couverte, du premier contact, depuis une commande, l&rsquo;inscription à un service&#8230;, jusqu&rsquo;au service après-vente, les accès aux services, etc.</p>



<p>Enfin, dernier aspect, la <strong>disponibilité d&rsquo;une même étape ou opération sur tous les canaux</strong>. Autrement dit, toute étape du processus peut être réalisée indépendamment du canal et les utilisateurs doivent être en mesure de compléter les activités souhaitées quel que soit le canal. Par exemple, l&rsquo;enregistrement et le choix du siège sur un vol aérien devraient être disponibles sur un site web, une application mobile, une borne en aéroport, et avec un agent au terminal de l&rsquo;aéroport.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="749" height="363" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin.jpg" alt="Checkin multicanal Air France" class="wp-image-22658" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin.jpg 749w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin-300x145.jpg 300w" sizes="auto, (max-width: 749px) 100vw, 749px" /><figcaption class="wp-element-caption"><em>L&rsquo;enregistrement sur un vol Air France possible via de multiples canaux</em></figcaption></figure>



<h3 class="wp-block-heading">2 &#8211; Cohérence globale de tous les canaux</h3>



<p>Les utilisateurs, les clients, devraient être en mesure de passer d&rsquo;un canal à un autre, sans avoir à réapprendre les étapes et la situation de la transaction, les principes de présentation des informations, les actions possibles, et ce tout le long de la chaine de vie de la relation.</p>



<p>Les utilisateurs se déplaçant d&rsquo;un canal à l&rsquo;autre pour accomplir une tâche spécifique ou de nombreuses tâches différentes sont exposés au fil du temps à l&rsquo;univers visuel, les fonctionnalités, les interactions, le langage, un ton général, la voix de la marque, de l&rsquo;entreprise ou de l&rsquo;organisation. Créer une cohérence globale indépendamment du canal permet aux utilisateurs de forger des attentes pour les futures interactions. Les entreprises offrant des expériences cohérentes au travers des différents canaux seront plus à même de créer l&rsquo;engagement des utilisateurs pour la marque, en gagnant rapidement leur confiance, avec une cohérence globale ressentie sur tous les points de contacts. Mais cela ne sera pas encore suffisant. Il faudra également proposer des offres sérieuses, des interlocuteurs respectueux, des outils fiables. Personnaliser l&rsquo;expérience, dans certains contextes,&nbsp;peut-être également un plus (voir plus bas).</p>



<p>Le récent service de location de voitures électriques en libre-service <strong>Autolib&rsquo;&nbsp;</strong>à Paris, fournit une multi-canalité comme figure imposée, qui nécessitera au minimum le passage par&nbsp;:</p>



<ul class="wp-block-list">
<li>une communication visio avec un téléconseiller&nbsp;en kiosque d&rsquo;abonnement</li>



<li>le passage par des bornes sur les stations pour récupérer les véhicules, communiquer avec un conseiller en audio en cas de problème ou question</li>



<li>la réception d&rsquo;un SMS venant confirmer la fin d&rsquo;une location après le bon raccordement du câble d&rsquo;alimentation à la borne de charge</li>
</ul>



<p>D&rsquo;autres canaux sont à disposition&nbsp;:</p>



<ul class="wp-block-list">
<li>le système de réservation peut passer par le canal web, par application mobile</li>



<li>à l&rsquo;intérieur du véhicule, un écran tactile embarqué pour gérer son parcours et ses réservations, et un accès conseiller en audio</li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="783" height="625" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib.jpg" alt="Photos des différentes interfaces de contact avec Autolib&nbsp;: web, centre d'appel, kiosque, borne, tableau de bord" class="wp-image-22661" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib.jpg 783w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib-300x239.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib-768x613.jpg 768w" sizes="auto, (max-width: 783px) 100vw, 783px" /></figure>



<p>L&rsquo;<strong>identité visuelle Autolib&rsquo;&nbsp;</strong>est fortement marquée sur les différents supports, de par les couleurs dominantes, la charte graphique, les logos, la typographie et images, la syntaxe, un point positif pour la cohérence globale. Par contre, la hiérarchie des informations, leurs emplacements, l&rsquo;accès aux&nbsp;<strong>différentes fonctionnalités</strong>&nbsp;du service sont très différents selon les différents supports. Cela répond à une nécessité. En effet, le&nbsp;<strong>contexte spécifique à chaque canal</strong>&nbsp;(cf. le point 4 ci-dessous) a fortement structuré les fonctionnalités mises en avant sur chaque canal, comme on le verra plus bas. Ce qui est logique&nbsp;: on fait prioritairement des choses différentes sur les différents canaux&nbsp;<strong>Autolib&rsquo;</strong>, et les exigences d&rsquo;efficacité sont fortes sur le timing, une réservation n&rsquo;étant possible que 30 minutes à l&rsquo;avance&nbsp;:</p>



<ul class="wp-block-list">
<li>Le&nbsp;<strong>portail web</strong>&nbsp;est avant tout là pour présenter l&rsquo;offre, les fonctionnalités de réservation et de gestion de compte étant aussi disponibles dans un espace personnel, l&rsquo;accès aux fonctions de réservation n&rsquo;est pas immédiat</li>



<li>Les fonctions de localisation et de gestion des réservations sont immédiatement accessibles sur les applications mobiles sur&nbsp;<strong>smartphone</strong></li>



<li>tandis que l&rsquo;<strong>écran tactile embarqué</strong>&nbsp;dans le véhicule est axé sur la navigation, le guidage, l&rsquo;ambiance à bord, mais aussi la gestion de la réservation de la place de parking à destination (voir également plus bas).</li>
</ul>



<p>Nous dirons donc que la cohérence globale est bien là, mais qu&rsquo;au niveau de l&rsquo;accès aux fonctionnalités, le contexte spécifique de chaque canal à été privilégié.</p>



<p>La <strong>personnalisation des canaux</strong> pour l&rsquo;utilisateur est un point fort renforçant la cohérence globale et améliorant l&rsquo;expérience utilisateur, en particulier quand vous pénétrez dans le véhicule&nbsp;: vous êtes accueilli avec un message de bienvenue personnalisé avec votre nom affiché sur l&rsquo;écran tactile embarqué, la radio s&rsquo;allume automatiquement sur votre station de radio favorite et le chauffage de l&rsquo;habitacle s&rsquo;ajuste à l&rsquo;identique&nbsp;de votre location précédente&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="754" height="317" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg" alt="Autolib Personnalisation" class="wp-image-22662" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg 754w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom-300x126.jpg 300w" sizes="auto, (max-width: 754px) 100vw, 754px" /></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="400" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4.jpg" alt="Capture écran tactile embarqué d'une Autolib avec personnalisation, cartographie, indications de parcours et radio" class="wp-image-22663" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4-300x186.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<h3 class="wp-block-heading">3 &#8211; Transparence, interopérabilité des canaux et interruptibilité</h3>



<p>Un processus doit pouvoir être réalisé de bout en bout en ayant la possibilité de changer de canal tout le long du processus « sans couture ». L&rsquo;utilisateur doit pouvoir changer de canal tout le long du processus, et il doit pouvoir également interrompre le processus et pouvoir le reprendre plus tard à tout moment sur n&rsquo;importe quel canal, là où il a été interrompu précédemment.&nbsp;Ceci sous-tend que l&rsquo;état de la transaction soit synchronisée sur tous les points de contacts (ce qui est rendu possible par internet et le cloud notamment). Et si cela n&rsquo;est pas possible dans certaines conditions (pas de connexion internet pendant un transport&#8230;), alors les modes dégradés doivent être gérés et l&rsquo;utilisateur informé&nbsp;: information sur la déconnexion, resynchronisation en tâche de fond lorsque la connexion est de nouveau possible.</p>



<p class="has-text-align-center">Un exemple d&rsquo;utilisation de plusieurs canaux pour la réservation de véhicule <strong>Autolib&rsquo;</strong>&nbsp;et d&rsquo;une place de parking à destination&nbsp;: le <strong>schéma global du parcours</strong>, et les <strong>images des écrans consultés et utilisés</strong> sur chaque support&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="870" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1.jpg" alt="Illustration étapes parcours utilisateur Autolib et support numériques utilisés" class="wp-image-22665" title="Étapes parcours utilisateur Autolib" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-300x237.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-1024x810.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-768x607.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p class="has-text-align-center"><strong>1.</strong> Recherche de véhicule disponible sur une station proche via&nbsp;le site web sur un ordinateur de bureau</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="779" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web.jpg" alt="1. Canal&nbsp;: site web sur un ordinateur de bureau. Recherche de véhicule disponible sur une station proche" class="wp-image-22667" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web-300x228.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web-768x584.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center"><strong>2.</strong> Réservation du véhicule via le site web sur l&rsquo;ordinateur de bureau</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="764" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web.jpg" alt="2. Canal&nbsp;: site web sur un ordinateur de bureau. Réservation du véhicule" class="wp-image-22668" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web-300x224.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web-768x573.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center"><strong>3.</strong> Réservation signalée par une<span style="color: #ff0000;"> pastille rouge</span> en bas de l&rsquo;écran sur l&rsquo;application sur smartphone (iPhone), en situation de mobilité</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app.jpg" alt="3. Réservation signalée par une pastille rouge en bas de l'écran sur l'application sur smartphone (iPhone), en situation de mobilité" class="wp-image-22669" title=" Pastille rouge en bas de l'écran pour signaler sur le smartphone la réservation en cours" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>4.</strong> Accès à la liste de réservation depuis l&rsquo;application mobile</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app.jpg" alt="autolib liste réservation iPhone iOS app" class="wp-image-22670" title="Liste des réservations en cours, sur le smartphone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>5.</strong> Accès au détail de la réservation depuis l&rsquo;application mobile</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app.jpg" alt="Détail de la réservation en cours sur smartphone" class="wp-image-22671" title="Détail de la réservation en cours sur smartphone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>6.</strong> Récupération du véhicule via identification par badge sur la borne de la station Autolib&rsquo;</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="731" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2.jpg" alt="autolib borne badge" class="wp-image-22672" title="Identification par badge sur la borne à la station Autolib' pour récupérer le véhicule" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2-205x300.jpg 205w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p class="has-text-align-center"><strong>7.</strong> Réservation d&rsquo;une place de parking à destination avec l&rsquo;écran tactile embarqué dans le véhicule</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="309" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3.jpg" alt="autolib réservation écran tactile embarqué du véhicule Autolib'" class="wp-image-22673" title=" Réservation d'une place de parking à destination sur l'écran tactile embarqué du véhicule Autolib'" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3-300x185.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p class="has-text-align-center"><strong>Et c&rsquo;est parti&nbsp;!</strong></p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="667" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6.jpg" alt="Photo du tableau de bord depuis l'intérieur du véhicule Autolib'" class="wp-image-22674" title="Photo du tableau de bord depuis l'intérieur du véhicule Autolib'" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6-225x300.jpg 225w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p>Pour revenir sur les principes d&rsquo;interruptibilité, nous noterons que l&rsquo;<strong>interruption d&rsquo;un processus</strong> peut être volontaire, mais aussi involontaire&nbsp;:</p>



<ul class="wp-block-list">
<li>dans le canal&nbsp;: apparition d&rsquo;une fenêtre de notification d&rsquo;un e-mail reçu&#8230;</li>



<li>par un autre canal&nbsp;: réception d&rsquo;un appel sur le téléphone pendant une recherche internet depuis un ordinateur de bureau&#8230;</li>



<li>par l&rsquo;environnement&nbsp;: une autre personne vous interpelle, ou descendre de son bus arrivé à destination alors qu&rsquo;on consulte les nouvelles sur une tablette&#8230;</li>



<li>par l&rsquo;utilisateur lui-même, qui regarde l&rsquo;heure et doit changer d&rsquo;activité&#8230;</li>
</ul>



<p>Le passage d&rsquo;un canal numérique au canal réel peut être également un choix et/ou une nécessité, les contextes d&rsquo;utilisation, l&rsquo;évaluation de la complexité et ses expériences antérieures, le changement de canal et l&rsquo;ordre de séquencement du canal utilisé peuvent répondre à une logique volontaire de la part de l&rsquo;utilisateur (l&rsquo;exemple Autolib&rsquo; ci-dessus en donne une illustration). Ainsi, par exemple, un parcours multi-canal pourra être un parcours déterminé par le choix de l&rsquo;appareil utilisé en fonction de la complexité de la tâche de démarrage, voir exemple ci-dessous.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="577" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal.jpg" alt="Pourcentage d'usage du micro-ordinateur, smartphone et tablette selon les types d'activités" class="wp-image-22675" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-300x157.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-1024x537.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-768x403.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption"><em>D&rsquo;après&nbsp;<strong>Backbase</strong> « The Future of Omni-Channel Banking »</em></figcaption></figure>



<h3 class="wp-block-heading">4 &#8211; Prise en compte du contexte spécifique à chaque canal</h3>



<p>L&rsquo;expérience doit être optimisée spécifiquement pour chaque canal. Par exemple, les applications mobiles devraient intégrer les détails spécifiques à l&#8217;emplacement, comme la météo actuelle, coupons ou des rabais à proximité, la proximité des commerces ou des lieux physiques, basée sur l&#8217;emplacement actuel de l&rsquo;utilisateur.</p>



<p>En continuant sur l&rsquo;exemple du service <strong>Autolib&rsquo;</strong>, la recherche de station depuis le <strong>site web via un ordinateur de bureau</strong> (voir plus haut sur l&rsquo;étape 1&nbsp;: &nbsp;Recherche de véhicule disponible sur une station proche) est une visualisation classique de cartes géographiques sur le web, avec la possibilité de cliquer sur des « points d&rsquo;intérêts », ici le logo de chaque station d&rsquo;Autolib&rsquo;.</p>



<p>Sur le <strong>canal mobile</strong>, la fonction de géolocalisation en situation de mobilité permet de fournir à l&rsquo;utilisateur un guidage par itinéraire temps réel, en exploitant les fonctionnalités natives (intégrées) du smartphone, lui permettant de se rendre sur la station pour prendre le véhicule&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="709" height="571" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app.jpg" alt="Capture écran illustrant l'activation de l'itinéraire à pieds depuis l'application Autolib sur iPhone" class="wp-image-22676" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app.jpg 709w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app-300x242.jpg 300w" sizes="auto, (max-width: 709px) 100vw, 709px" /></figure>



<p class="has-text-align-center"><em>Capture écran illustrant l&rsquo;activation de l&rsquo;itinéraire à pieds depuis l&rsquo;application Autolib sur iPhone</em></p>



<p class="has-text-align-center">Sur l&rsquo;<strong>écran embarqué</strong> du véhicule Autolib&rsquo;, l&rsquo;assistance à la conduite et l&rsquo;ambiance à bord sont privilégiés&nbsp;:</p>



<figure class="wp-block-image aligncenter"><a href="/wp-content/uploads/2013/12/autolib_car_resa_4.jpg"><img decoding="async" src="/wp-content/uploads/2013/12/autolib_car_resa_4.jpg" alt="Capture écran tactile embarqué d'une Autolib avec personnalisation, cartographie, indications de parcours et radio" class="wp-image-18346"/></a><figcaption class="wp-element-caption"><em>Affichage de la localisation du véhicule et des fonctionnalités de guidage, station de radio et volume sonore. Un logo et une pastille en haut à droite informent et permettent l&rsquo;accès à la réservation de la place de parking à destination</em></figcaption></figure>



<p>Dans le cas d&rsquo;une <strong>application mobile, l&rsquo;interface utilisateur devra être particulièrement soignée</strong>. Le smartphone est aujourd&rsquo;hui l&rsquo;appareil le plus omniprésent chez les utilisateurs, où <strong>l&rsquo;expérience utilisateur peut être sublimée</strong>, j&rsquo;en ai parlé &nbsp;dans mon précédent billet&nbsp;: « <a title="L’eXperience Utilisateur mobile au cœur des nouvelles stratégies" href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/"><strong>L’eXpérience Utilisateur mobile au cœur des nouvelles stratégies</strong></a>« </p>



<h2 class="wp-block-heading">L&rsquo;omni-canalité&nbsp;: transformer le multi-canal en eXpérience unique de la marque&nbsp;?</h2>



<p>J&rsquo;ai donné plus haut une définition rapide de « l&rsquo;omni-canal »&nbsp;:&nbsp;une utilisation simultanée de plusieurs canaux. Côté client il peut s&rsquo;agir d&rsquo;être devant le produit en rayon dans un magasin physique et de se servir volontairement en même temps de son smartphone pour comparer des prix, une fiche technique, des avis.</p>



<p>Côté marque, l&rsquo;omni-canal consiste à jeter des ponts entre les expériences en ligne et hors ligne. En poussant la logique, cela peut permettre de rapprocher l&rsquo;utilisateur de la marque en faisant voler en éclat les spécificités de chaque canal en unifiant l&rsquo;expérience. C&rsquo;est ce que fait très bien <strong>Burberry</strong> (vêtements et des accessoires de luxe) sous l’impulsion de son directeur de création <strong>Christopher Bailey</strong>, reproduisant dans les magasins physiques les codes et principes de l’expérience digitale du site web de la marque. Par exemple&nbsp;: des miroirs interactifs détectant le produit porté et déclenchant une vidéo de démonstration.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="900" height="450" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail.jpg" alt="Magasin Burberry de Londres &quot;Runway to reality&quot;" class="wp-image-22678" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail-300x150.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail-768x384.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">Vidéo de présentation et visite du magasin Burberry de Londres:</figcaption></figure>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Burberry digital store" width="500" height="281" src="https://www.youtube.com/embed/Oh6DcY7zoYI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption class="wp-element-caption"><em>Expérience omni-canal au magasin Burberry 121 Regent Street à Londres</em></figcaption></figure>



<h2 class="wp-block-heading">En synthèse</h2>



<p>Comme nous l&rsquo;avons vu, pour une expérience utilisateurs cross-canal réussie, pour&nbsp;mieux toucher et servir l&rsquo;utilisateur, certaines <strong>conditions d&rsquo;utilisation</strong> doivent être réunies&nbsp;:&nbsp;disponibilité des services, cohérence d’ensemble, interopérabilité et interruptibilité des canaux, &nbsp;et enfin&nbsp;prise en compte du contexte spécifique à chaque canal. &nbsp;Mais il faudra également proposer des <strong>offres sérieuses</strong>, des <strong>interlocuteurs respectueux</strong>, des <strong>outils fiables</strong>&nbsp;: une qualité de service. En prenant bien en compte les caractéristiques et les attentes des utilisateurs cibles.</p>



<h2 class="wp-block-heading">Sources</h2>



<ul class="wp-block-list">
<li><a href="https://www.nngroup.com/articles/">Publications du <strong>groupe Nielsen Norman</strong></a></li>



<li>Baromètre intimité client &#8211; CSC, Challenges et TNS Sofres 2013</li>



<li>Backbase « <a href="https://fr.slideshare.net/backbase/the-future-of-omnichannel-banking">The Future of Omni-Channel Banking</a>« </li>
</ul>



<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>L&#8217;eXperience Utilisateur mobile au cœur des nouvelles stratégies</title>
		<link>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/</link>
					<comments>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 26 Oct 2013 10:00:07 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16490</guid>

					<description><![CDATA[Ce billet reprend largement mon commentaire sur le billet de Pierre-Olivier Carles "Manipuler son ADN vers le Mobile". Cet entrepreneur du numérique y aborde la nécessité pour l'entreprise de repenser les métiers et le business autour de la révolution mobile : les smartphones, et les objets connectés dotés d'une interface utilisateur arrivants sur le marché. Il écrit (je cite) : "Retenez bien ces deux mots car en eux réside l’avenir de notre profession : Expérience Utilisateur", évoquant également l’importance de penser l’interface utilisateur en conséquence.]]></description>
										<content:encoded><![CDATA[
<p><em>Illustration ci-dessus, le capitaine Kirk, personnage de la série Star Trek, avec dans sa main son « communicateur ».</em></p>



<p><strong>Pierre-Olivier Carles</strong>, un <strong>entrepreneur du numérique</strong> abordait (dans un billet « Manipuler son ADN vers le Mobile » qui n&rsquo;est plus en ligne) la nécessité pour l&rsquo;entreprise de repenser les métiers et le business autour de la révolution mobile&nbsp;: les smartphones, et les objets connectés dotés d&rsquo;une interface utilisateur arrivants sur le marché.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Retenez bien ces deux mots car en eux réside l’avenir de notre profession&nbsp;: Expérience Utilisateur</p>
</blockquote>



<p>Il évoquait également l’importance de penser l’interface utilisateur en conséquence. En tant que professionnel du conseil et de l&rsquo;accompagnement pour la performance de l&rsquo;eXpérience Utilisateur et de la <a href="/portfolio-category/conception-ux-ui/">conception d&rsquo;interfaces utilisateur</a>, avec mon background de psychologue et d’<a href="/ergonome/">ergonome</a>, je ne peux que me réjouir si les entrepreneurs et les décideurs placent l’eXpérience Utilisateur comme une dimension centrale dans la conception de produit, de services, de relation avec la marque… de la stratégie et du business&nbsp;!</p>



<p>Cela nous sort avec bonheur et soulagement des fatigants débats que l’on voit fleurir ça et là, plus ou moins corporatistes, intéressants et pertinents entre certains professionnels et opportunistes souvent <a href="/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/">incompétents</a> qui s’engouffrent dans la brèche de cet intérêt naissant pour l’eXpérience Utilisateur (ou User eXperience, ou UX). C&rsquo;est la nouvelle <a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">marotte des agences de com « digitales »</a>,&nbsp;vouée à l&rsquo;échec, à cause de leur organisation en silots/BU et l&rsquo;anachronisme obsolète du marketing&nbsp;et de la <a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">création égo-centrée sur la communication de marque</a>. C&rsquo;est l&rsquo;exploitation de la data et les relations incestueuses avec les directions marketing qui les sauvent pour l&rsquo;instant.</p>



<p>Nous avons déjà vécu et nous vivons encore la récupération par les agences des termes à la mode comme le&nbsp;<strong>design</strong> et de&nbsp;<a title="Humeur&nbsp;: tout le monde il est beau, tout le monde il est ergonome" href="/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/">l’<strong>ergonomie</strong>, (j&rsquo;en ai déjà parlé ici)</a>&nbsp;C’est normal, quand un concept comme l’UX devient « mainstrean » et « bankable », il devient un terme de marketing et on l’utilise et le décline à toutes les sauces et parfois n’importe comment. Ce n’est pas grave, c’est la rançon du succès. Essayons plutôt de satisfaire les utilisateurs, les clients et les décideurs qui sont demandeurs. En faisant notre travail le mieux possible, avec les bonnes méthodes et les bons outils, en se remettant en question, en collaborant. Et ce n&rsquo;est pas dans les grosses agences que cela se passe.</p>



<p>Quant au scepticisme de ceux qui ne voient l&rsquo;UX que comme une nouvelle tendance, je voudrais rappeler que les concepts et les métiers de l&rsquo;étude et conception d’eXpérience Utilisateur existent depuis plus de 25&nbsp;ans. Prenant sa source dans le design centré sur l’utilisateur avec l&rsquo;ouvrage « The Design of Everyday Things » de <a title="Don Norman" href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/#norman"><strong>Donald Norman</strong></a>&nbsp;en 1988,&nbsp;qui fut le premier « User Experience Architect » quand il rejoint <strong>Apple</strong> en 1993. Quand on voit le chemin parcouru par <strong>Apple</strong> jusqu’à aujourd’hui, ça ne peut pas laisser indifférent.</p>



<p>Mais pourquoi donc cette montée en puissance de l’intérêt pour l’expérience Utilisateur&nbsp;? Et bien cela ressort très bien de l’article de Pierre-Olivier&nbsp;: à une époque où les appareils mobiles et leurs usages sont devenus omniprésents, c&rsquo;est souvent l’expérience utilisateur d’un service et/ou un produit via une application sur smartphone qui fait la différence. En effet, ce n’est plus la peine de parler de contraintes techniques ou de puissance d’un appareil. Ce qui est important, ce n’est pas ce que les appareils savent faire&nbsp;: c’est <strong>ce que les gens savent et peuvent faire avec ces appareils.</strong> Et l’interface utilisateur de cet appareil joue un rôle très important dans cette expérience utilisateur.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="484" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1024x484.jpg" alt="Doigt sur un écran d'iPhone en main" class="wp-image-34293" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1024x484.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-300x142.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-768x363.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1536x726.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses.jpg 1600w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Je partage le point de vue de Pierre-Olivier sur le lien fort entre l’importance de la <strong>stratégie mobile</strong> (au sens large&nbsp;: smartphones et objets connectés d’aujourd’hui et de demain) et l’expérience utilisateur. En effet, les usages mobiles des smartphones ont fait voler en éclat de nombreuses frontières spatiales et temporelles. Notamment en permettant une connexion permanente et partout aux contenus personnels et professionnels. En brisant aussi la frontière entre online et le offline. Mettre une barrière entre le réel et le numérique <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/">n’a désormais plus de sens</a> quand on pense au business. Car <strong>ces frontières n’existent plus</strong>. Dans l’immédiateté, le consommateur utilise en magasin son propre smartphone pour lire les prix, les informations techniques et les avis en ligne sur un produit. Dans l’anticipation, un autre consommateur préparera en ligne, en situation de mobilité (ou non) son achat, afin de récupérer rapidement le produit, optimiser son déplacement et son temps de parcours et d’attente pour le retrait en magasin physique (Web to Store).</p>



<p>Le smartphone devient tellement omniprésent dans une multiplicité d’usages grands publics et professionnels qu’on ne peut plus penser la relation avec une cible, un citoyen, un individu sans la présence de ce support. On ne peut plus seulement parler de consommateur, mais de consommateur-utilisateur « <strong>Consuser</strong>« . Les usages mobiles permettent d’imaginer de nouvelles façons d’interagir, de nouveaux services et produits. Mais quand on sait que les points de contact avec le produit, les marques, les processus et les personnes se multiplient, la stratégie mobile ne peut être pensée isolément de la stratégie globale, afin de <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/">maintenir un ensemble cohérent</a>, notamment pour l’utilisateur consommateur final. Et pour penser global, dans un monde où information, technologie et usages évoluent très vite, il est devenu nécessaire, quand on réfléchit au business, de prendre du recul et surtout de la hauteur afin de faire les bons choix, jusqu&rsquo;à faire de la <a href="/prospective-design/">prospective</a>. C’est un des aspects que j’ai creusé il y a un an dans mon long billet « <a title="Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?" href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/"><strong>Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?</strong></a>&nbsp;« . Evidemment, ces enjeux varient beaucoup selon le secteur, la taille et les cibles de l’entreprise qui réfléchit à sa stratégie.</p>



<p>Au final, ce que nous apprend l’importance de l’eXpérience utilisateur avec les produits mobiles omniprésents et à venir, c’est qu’ils contribuent fortement ou peuvent même <strong>se confondre avec l’expérience globale de la relation avec la marque, le produit, entre les usagers.</strong> Et cette expérience devra être enchantée, dans ce monde ultratechnique et saturé d’informations et d’images, afin de <strong>capter l’attention, créer la différence, être adopté, développer la préférence, fidéliser et engager</strong>. Cet enchantement passe bien souvent aujourd’hui et inévitablement demain par la magie de ces échanges entres les hommes et ces machines connectées qui nous suivent désormais partout au contact de notre corps&nbsp;: dans la poche, la main, sur le poignet, dans les oreilles et devant les yeux.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Le smartphone reste dans la poche grâce à l&#8217;assistant vocal, la montre smartwatch et au carnet connectés</title>
		<link>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/</link>
					<comments>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 14 Jul 2013 21:00:24 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16309</guid>

					<description><![CDATA[Les téléphones mobiles ultra sophistiqués (smartphones) deviennent omniprésents dans le quotidien de nombreuses personnes, de part leur simple portabilité et la multiplicité des usages disponibles en permanence condensés en un seul objet : walkman pour la musique, téléviseur et lecteur de vidéos et de film, appareil photo et caméra, liseuses (informations, magazines, livres), consoles de jeux, prise de notes, assistants personnels, GPS, applications, accès internet, téléphone et SMS, il nous donnent la possibilité d'être connectés en permanence et (presque partout) avec le contenu d'internet et nos contacts, par une multitude de moyens et médias instantanés ou différés.

Beaucoup d'utilisateurs consultent très souvent leur téléphone et passent beaucoup de temps sur celui-ci, peut être même trop. Certaines fonctions et accessoires permettent de gagner du temps, du confort, et réduire l'esclavage d'être rivé à l'écran et clavier du smartphone : la commande et synthèse vocale (SIRI sur iPhone), les smartwatch (la montre Pebble en particulier), ou l'utilisation de notes manuscrites numérisées (carnet Evernote par exemple).]]></description>
										<content:encoded><![CDATA[
<p>Les téléphones mobiles ultra sophistiqués (smartphones) sont désormais des objets très répandus. Faciles à porter, ils permettent une <strong style="line-height: 1.5em;">multitude d&rsquo;usages en un seul objet</strong><span style="line-height: 1.5em;">&nbsp;: walkman pour la musique, téléviseur et lecteur de vidéos et de film, appareil photo et caméra, liseuses (informations, magazines, livres), consoles de jeux, prise de notes, assistants personnels, GPS, applications, accès internet, téléphone et SMS, ils nous donnent la possibilité d&rsquo;être connectés en permanence et (presque partout) avec le contenu d&rsquo;internet et nos contacts, par une multitude de moyens et médias instantanés ou différés (on parle de « Mobiquité »).</span></p>



<p>Cette multiplicité d&rsquo;usages disponibles en permanence condensés en un seul objet aussi facile à porter lui fait occuper beaucoup de place dans le quotidien de nombreuses personnes. Pour le meilleur <a title="A l’époque de l’utraconnexion, il devient branché de débrancher. Et même vital" href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">et pour le pire</a>. N&rsquo;ayons pas peur des mots&nbsp;: le smartphone est devenu le « <strong>Doudou</strong> » des temps modernes. Pas étonnant, donc, que ce smartphone soit souvent dans notre main. Et comme on ne peut pas vraiment l&rsquo;avoir en permanence dans la main, pas étonnant non plus qu&rsquo;il fasse beaucoup d&rsquo;aller et venues entre notre poche (ou notre sac) et notre main.</p>



<h2 class="wp-block-heading">Le smartphone consulté 150 fois par jour</h2>



<p>Le mercredi 29 mai dernier, lors de la conférence californienne D11, <strong>Mary Meeker,</strong> analyste respectée du monde numérique (surnommée « la reine de l&rsquo;internet ») a présenté, en partenariat avec la société de capital-risque KPCB Kleiner Perkins Caufield &amp; Byers, son attendu et rituel rapport annuel sur les tendances Internet de l&rsquo;année.</p>



<p>A la page 54 de la présentation, un graphique issu d&rsquo;une étude utilisateur montre qu&rsquo;en moyenne, <strong>un utilisateur consulte son smartphone 150 fois par jour</strong>. Le graphique ci-dessous détaille les résultats chiffrés pour les différents usages qui amènent l&rsquo;utilisateur à sortir son smartphone de sa poche&nbsp;: messagerie (SMS, e-mail&#8230;), appels vocaux, regarder l&rsquo;heure, gérer la fonction « Walkman » (musique), jouer, « réseauter » et consulter les médias sociaux (Facebook, Twitter, Instagram&#8230;), utiliser et consulter l&rsquo;appareil photo/vidéo du smartphone, lire les nouvelles et lire les alertes (push, notifications autres que messagerie et médias sociaux), son calendrier, faire des recherches et surfer sur le web&#8230;</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1000" height="773" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone.jpg" alt="Smartphone Users Reach to Phone" class="wp-image-22680" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone.jpg 1000w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone-300x232.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone-768x594.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption"><em>Source&nbsp;: Business Insider « <a href="https://www.businessinsider.com/mary-meekers-latest-masterful-presentation-on-the-state-of-the-web-2013-5" title="Mary Meeker's Latest Masterful Presentation On The State Of The Web - Business Insider ">Mary Meeker&rsquo;s Latest Masterful Presentation On The State Of The Web</a>« </em></figcaption></figure>



<p>Tout d&rsquo;abord, cette multiplicité d&rsquo;aller et venues entre notre poche (ou notre sac) et notre main n&rsquo;est pas sans danger physique direct pour les autres, soi-même (inattention du piéton, du conducteur…) et pour l&rsquo;appareil lui-même (chute, vol à l&rsquo;arrachée…).</p>



<p>Sur un autre plan, cette permanente disponibilité de l&rsquo;appareil connecté <strong>renforce la dépendance aux usages associés de part la facilité d&rsquo;accès</strong>. Le geste de sortir le téléphone de la poche pour une raison (appel, message…) va emmener l&rsquo;utilisateur à focaliser son attention sur l&rsquo;écran, et donc, une fois la contrainte d&rsquo;avoir sorti l&rsquo;appareil de sa poche ou son sac et maintenant rivé sur son écran, autant « en profiter » pour aller consulter et faire autre chose sur celui-ci&nbsp;: la spirale de l&rsquo;accoutumance est en marche….</p>



<p>C&rsquo;est notre sociabilité, notre disponibilité et notre attention au monde extérieur qui se réduisent. Mais aussi notre santé mentale qui peut être menacée, comme je le mentionnais dans <a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">un autre billet</a>, notamment par « l&rsquo;addiction, l&#8217;emprise de la tyrannie d&rsquo;un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d&rsquo;aliénation du réel, de l&rsquo;ici et maintenant. On parle même d&rsquo;un nouveau trouble psychique, la nomophobie&nbsp;: la peur de perdre son portable ou son accès à Internet. »</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg"><img loading="lazy" decoding="async" width="1600" height="957" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg" alt="4 copines au café chacune rivée sur son smartphone" class="wp-image-33846" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg 1600w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-300x179.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1024x612.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-768x459.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1536x919.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"> <em>Boire un café entre copines en 2013</em></figcaption></figure>



<p>Entre les dérives de l&rsquo;<a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">ultraconnexion</a> et son pendant parfois nécessaire&nbsp;: la déconnexion complète, il est&nbsp;possibles de réduire fortement les allées et venues entre la poche (ou le sac) et la main tout en restant connecté, je vais y revenir.</p>



<p>Si l&rsquo;on se penche un peu plus près dans le graphique ci-dessus sur le détail des différents usages qui amènent l&rsquo;utilisateur à sortir son smartphone de sa poche, ce graphique ne différencie pas&nbsp;:</p>



<ul class="wp-block-list">
<li>les interactions volontaires de la part de l&rsquo;utilisateur: prendre une photo, saisir un message, etc.</li>



<li>les simples consultations&nbsp;: regarder l&rsquo;heure, qui m&rsquo;appelle, m&rsquo;écrit, quel est le contenu de ce message, le titre et l&rsquo;interprète de cette chanson que j&rsquo;écoute…</li>
</ul>



<h2 class="wp-block-heading"><img loading="lazy" decoding="async" class="aligncenter wp-image-33850 size-full" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale.png" alt="reconnaissance vocale google" width="512" height="512" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale.png 512w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale-300x300.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale-150x150.png 150w" sizes="auto, (max-width: 512px) 100vw, 512px" />Commande et reconnaissance vocales</h2>



<p>Parmi les usages amenant à sortir le téléphone de sa poche, <strong>les appels vocaux arrivent en deuxième position avec 15%</strong>. Depuis plusieurs années, le casque avec micro avec ou sans fil (par bluetooth) est déjà un premier pas pour ne pas avoir à sortir et interagir avec son smartphone pour répondre à un appel. La commande vocale intégrée à la plupart des appareils (avec ou sans SIRI sur iPhone) permet elle aussi de s&rsquo;affranchir de l&rsquo;interaction directe avec le smartphone pour lancer un appel. Mais si le smartphone est dans la poche, dans le cas de la réception d&rsquo;appel, je ne verrai pas qui m&rsquo;appelle (sauf si l&rsquo;appareil intègre une synthèse vocale).</p>



<p>Les <strong>commandes et dictées vocales</strong>, même si leur usage est inadapté dans de nombreux contextes (environnement bruyant…) et finalement relativement boudé par les utilisateurs, permettent également de garder son téléphone dans sa poche et gagner en simplicité et rapidité pour certains usages&nbsp;: commande vocale pour lancer un appel, reconnaissance vocale pour dicter des textes de messages ou de notes. Pour ma part, je suis assez bluffé par l&rsquo;efficacité de la reconnaissance vocale des applications de Google ou d&rsquo;Apple, et je les utilise de plus en plus. Voir à la fin du billet une infographie (en anglais) qui présente les usages de SIRI, l&rsquo;assistant vocal d&rsquo;Apple.</p>



<h2 class="wp-block-heading">Utiliser une montre pour déporter certains usages du smartphone</h2>



<p>On voit que <strong>la consultation de l&rsquo;heure arrive tout de même à la troisième place avec 12%</strong> des consultations du téléphone&nbsp;! Voilà un usage qui semblerait plutôt traditionnellement être assigné à une montre, accessoire léger et consultable d&rsquo;un simple coup d’œil sur le poignet.</p>



<p><strong>Alors pourquoi pas renverser le paradigme</strong>, en utilisant la <strong>montre</strong> pour déporter sur l&rsquo;écran de celle-ci les informations venant du téléphone pour de simples consultations&nbsp;: regarder l&rsquo;heure, ce qui est naturel pour une montre, mais aussi voir qui m&rsquo;appelle, qui m&rsquo;écrit, quel est l&rsquo;objet et le contenu de ce message, quel est le titre et l&rsquo;interprète de cette chanson que j&rsquo;écoute…</p>



<p>Et pourquoi pas aussi rajouter des fonctions basiques sur les boutons de cette montre&nbsp;: accepter ou refuser un appel vocal, mettre en pause la musique du walkman du smartphone, passer au morceau de musique précédent ou suivant. Toujours dans le graphique présenté plus haut, <strong>la musique arrive à la 4ème place (9%)</strong> des usages amenant à sortir le téléphone de sa poche. C&rsquo;est tout cela que fait déjà la montre <strong>Pebble</strong>&nbsp;:</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png"><img loading="lazy" decoding="async" width="1600" height="582" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png" alt="Pebble Smartwatch" class="wp-image-33853" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png 1600w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-300x109.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-1024x372.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-768x279.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-1536x559.png 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a></figure>



<p>Cette montre désormais commercialisée est, à la base, un <strong>projet KickStarter,</strong> plateforme très prisée de <strong>crowdfunding</strong> (financement participatif de projets de création d&rsquo;entreprise utilisant internet comme canal de mise en relation entre les porteurs de projet et les personnes souhaitant investir dans ces projets). Le concept de cette montre a eu un succès fulgurant sur KickStarter, ce qui démontre l&rsquo;<strong>intérêt des utilisateurs</strong>, et préfigure un succès futur de ce type d&rsquo;accessoires et l&rsquo;évolution de certain usages.</p>



<p>La <strong>Pebble</strong> n&rsquo;est pas une montre gadget à écran tactile couleur que l&rsquo;on doit recharger tous les jours, ce qui reproduirait ce que fait déjà le smartphone (et certains de ses défauts… la faible autonomie notamment). Non, la Pebble est une « smartwatch » avec un écran monochrome, utilise une technologie qui lui donne une semaine d&rsquo;autonomie (rechargeable avec un câble USB), l&rsquo;heure est affichée en permanence (certaines smartwatchs n&rsquo;affichent pas l&rsquo;heure en permanence par souci d&rsquo;économie d&rsquo;énergie…), un écran très lisible même en plein soleil. Elle est solide, étanche, possède un vibreur pour être notifié de l&rsquo;arrivée des messages, et un accéléromètre qui permet quant à lui d&rsquo;activer le rétro-éclairage de l&rsquo;écran dans l&rsquo;obscurité, d&rsquo;un simple mouvement du poignet. Elle utilise la technologie <strong>Bluetooth</strong> pour la connexion avec le smartphone (appareils sous les systèmes d&rsquo;exploitation Android ou iOS/iPhone).</p>



<p>On voit qu&rsquo;une grande partie des usages amenant à sortir le téléphone de sa poche peuvent être déportés sur la montre comme l&rsquo;illustre ci-dessous la reprise du graphique, à condition qu&rsquo;il s&rsquo;agisse de simples consultation et actions « de base ». On peut estimer que deux tiers des sorties du smartphone de sa poche ou de sac seront évitées, beaucoup moins de temps sera passé sur celui-ci et les consultations de messages et de signal d&rsquo;appel seront beaucoup plus discrètes, rapides et aisées dans de nombreuses situations avec un coup d’œil sur la montre.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="979" height="517" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach.jpg" alt="pebble less phone reach" class="wp-image-22685" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach.jpg 979w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach-300x158.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach-768x406.jpg 768w" sizes="auto, (max-width: 979px) 100vw, 979px" /></figure>



<h2 class="wp-block-heading">Le smartphone comme « hub » de poche discret entre le cloud et les contenus réels</h2>



<p>Le smartphone peut être un outil de poche intéressant pour certaines activités professionnelles ou personnelles. Comme beaucoup de personnes, je prends souvent des notes sur papier ou sur un tableau, en réunion de travail, et je l&rsquo;utilise mon <strong>smartphone comme un scanner</strong> en prenant en photo le contenu du tableau ou les notes, que l&rsquo;on pourra tout de suite envoyer par e-mail, conserver et transporter sur son smartphone, etc.. C&rsquo;est simple, pratique, en évitant de ressaisir sur ordinateur ce que l&rsquo;on vient de gribouiller et effacer, éparpiller ou égarer. Mais là aussi il ne vaudra mieux pas perdre son smartphone ensuite, et avoir pensé à sauvegarder ces photos de notes, bien « les ranger », notamment dans le cloud sur internet, pour pouvoir y accéder quand on le souhaite. C&rsquo;est ce que font très bien des services comme <strong>Dropbox</strong> ou <strong>Evernote</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote.jpg" alt="carnet Evernote" class="wp-image-22686" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote-300x199.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote-768x510.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Dans cet esprit, certains accessoires existent pour profiter pleinement des possibilités de notre smartphone tout en le gardant dans la poche. Je pense notamment au <strong>carnet papier Evernote Smart de Moleskine</strong>. On peut utiliser celui-ci comme un carnet papier normal. Il est optimisé pour l&rsquo;application <strong>Evernote</strong> en prenant les pages du carnet en photo via l&rsquo;application sur smartphone, celles-ci seront instantanément numérisées, dans le cloud et synchronisées avec tous vos appareils, ordinateur, accessibles via le web web, etc.. Un système d&rsquo;autocollant « stickers » permet également de « tagguer » sur le papier des zones et pages du carnet, elles seront reconnues par l&rsquo;application et automatiquement tagguées et stockées dans les carnets numériques dans le cloud avec les valeurs et contenus de votre choix. Pour les abonnements payants (premium), les notes numérisées seront traitées par un système de reconnaissance de caractère, ce qui permettra de retrouver le contenu écrit dans vos données numérisées (à condition que votre écriture manuscrite soit lisible&nbsp;!). Avec chaque carnet Evernote Smart un abonnement de 3 mois à l&rsquo;abonnement Premium est offert. Le <a href="https://blog.evernote.com/fr/category/tips-stories/">blog en français d&rsquo;<strong>Evernote</strong></a> avec ses témoignages d&rsquo;utilisateurs illustre les usages que font ceux-ci du service.</p>



<p>L&rsquo;utilisation de ce carnet, l&rsquo;air de rien, permet de retrouver l&rsquo;intérêt et le plaisir de l&rsquo;utilisation du papier et de l&rsquo;écriture manuscrite et accessoirement, cela permet aussi en entretien, réunion, d&rsquo;être un peu plus disponible et concentré sur nos interlocuteurs, en tout cas plus qu&rsquo;on ne l&rsquo;est bien souvent quand on utilise un ordinateur ou une tablette pour prendre des notes.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1200" height="799" src="https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette.jpg" alt="Pouces sur clavier d'une console portable" class="wp-image-29801" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-1024x682.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-768x511.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption"> <em>Le clavier (tactile ou non) encore très utilisé</em></figcaption></figure>



<p>Même si la modalité vocale ou les accessoires que j&rsquo;ai évoqué (la montre <strong>smartwatch Pebble</strong> et le <strong>Carnet Evernote Smart</strong>) permettent de garder plus souvent le téléphone dans la poche, l&rsquo;écran et le clavier (tactile ou physique) ont certainement encore de beaux jours devant eux. Nous sommes encore ancrés dans le monde de « <strong>Petite Poucette</strong> » dont parle le philosophe <strong>Michel Serres</strong>&nbsp;: ceux qui se servent de leurs pouces pour être articulés avec le monde, le numérique et le réel étant désormais confondus.</p>



<p>Pour finir, une infographie en anglais (cliquez/tapez pour agrandir) représentant l&rsquo;usage actuel de <strong>SIRI</strong>, l&rsquo;assistant vocal d&rsquo;<strong>Apple</strong> intégré sur&nbsp;<strong>iPhone</strong>.</p>



<figure class="wp-block-image aligncenter"><a href="https://visual.ly/use-siri"><img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/the-use-of-siri.jpg" alt="Capture écran infographie &quot;The Use of Siri&quot;" class="wp-image-22688"/></a><figcaption class="wp-element-caption">Source&nbsp;: <a href="https://visual.ly/use-siri">http://visual.ly/use-siri</a></figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Tendance UX&#160;: trop d’interfaces tue l’interface (utilisateur)&#160;?</title>
		<link>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/</link>
					<comments>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Fri, 19 Oct 2012 19:43:04 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[intelligence artificielle]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces gestuelles]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[réalité augmentée]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[robotique]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15855</guid>

					<description><![CDATA[Alors que les devices et leurs usages deviennent omniprésents et multiformes dans le grand public et les entreprises : tablettes, consoles… boostés par le développement d'internet, des médias sociaux, du cloud computing, et par la mobilité et la sophistication des smartphones, le numérique est désormais partout.

Avec la numérisation et la digitalisation du monde, on ne peut plus se réduire au "screen-based thinking", la conception basée sur l'écran. Plus généralement le design d'interface utilisateur est désormais réducteur. Maintenant il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient : il faut concevoir les interactions (Interaction Design).

Dans ce billet, seront évoquées l’évolution des interfaces utilisateur, et la tendance à remettre en question leur existence même : "La meilleure interface, c'est : pas d'interface ». J’évoquerai des réflexions sur l'automatisation et la robotisation, la remise en question de la "métaphore de bureau" utilisée depuis plus de 30 ans pour les interfaces graphiques des ordinateurs de bureau ou portables, que l'on illustrera au travers de l'arrivée dans quelques jours de l'interface utilisateur unifiée "Modern UI" de Microsoft sur tous les supports/devices : ordinateurs, tablettes, console et smartphones.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Alors que les devices et leurs usages deviennent omniprésents et multiformes dans le grand public et les entreprises&nbsp;: tablettes, consoles… boostés par le développement d&rsquo;internet, des médias sociaux, du cloud computing, et par la mobilité et la sophistication des smartphones, le numérique est désormais partout.</p>



<p>Avec la numérisation et la digitalisation du monde, on ne peut plus se réduire au « screen-based thinking », la conception basée sur l&rsquo;écran. Plus généralement le design d&rsquo;interface utilisateur est désormais réducteur. Maintenant il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient&nbsp;: il faut concevoir les interactions (Interaction Design).</p>



<p>Les interfaces utilisateur évoluent, et la tendance à remettre en question leur existence même&nbsp;: « La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface ». J’évoquerai des réflexions sur l&rsquo;automatisation et la robotisation, la remise en question de la « métaphore de bureau » utilisée depuis plus de 30 ans pour les interfaces graphiques des ordinateurs de bureau ou portables, que l&rsquo;on illustrera au travers de l&rsquo;arrivée dans quelques jours de l&rsquo;interface utilisateur unifiée « Modern UI » de Microsoft sur tous les supports/devices&nbsp;: ordinateurs, tablettes, console et smartphones</p>
</div>



<p>Les<strong> terminaux informatiques et autres dispositifs numériques</strong> (« devices » ou « supports ») et leurs<strong> usages deviennent omniprésents et multiformes</strong> (tablettes, consoles, etc.)&nbsp;<strong>dans le grand public et les entreprises,&nbsp;</strong>boostés par le développement d&rsquo;<strong>internet</strong>, des <strong>médias sociaux</strong>, du <strong>cloud computing</strong>&nbsp;(permettant de disposer de ses données personnelles partout par Internet), et par la mobilité et la sophistication des <strong>smartphones</strong>&nbsp;(téléphones terminaux de poche).&nbsp;<strong>Le numérique et le digital sont désormais partout</strong>. Avec la numérisation du monde, on ne peut plus se réduire au « screen-based thinking », la conception des systèmes logiciels, applications, etc. basée sur l&rsquo;écran d&rsquo;ordinateur tel qu&rsquo;on le connait. Dans les échanges entre les hommes et les machines, la seule conception d&rsquo;interface utilisateur est désormais réductrice. Maintenant <strong>il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient</strong>&nbsp;: il faut concevoir les interactions (Interaction Design).</p>



<p><strong>Les interfaces utilisateur évoluent</strong>, et la tendance à remettre en question leur existence même&nbsp;: « <strong>La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface</strong>« . J’évoquerai des réflexions sur l&rsquo;<strong>automatisation et la robotisation</strong>, la remise en question de <strong>la « métaphore de bureau » utilisée depuis plus de 30 ans pour les interfaces graphiques</strong> des ordinateurs de bureau ou portables, que l&rsquo;on illustrera au travers de l&rsquo;arrivée dans quelques jours de l&rsquo;interface utilisateur unifiée « <strong>Modern UI</strong> » de <strong>Microsoft</strong> sur <strong>Windows 8</strong> et tous les supports/devices&nbsp;: ordinateurs, tablettes, console et smartphones.</p>



<h2 class="wp-block-heading">La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="570" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine.jpg" alt="Scène du film La Machine à explorer le temps, 1960" class="wp-image-23539" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-300x155.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-1024x531.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-768x398.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p>Hier, je lisais <a href="https://www.nointerface.com/" target="_blank" rel="noopener">un billet</a>&nbsp;de&nbsp;<strong><a href="https://www.goldenkrishna.com">Golden Krishna</a></strong>&nbsp;UX Designer&nbsp;de l’agence&nbsp;<strong>Cooper</strong> à San Francisco&nbsp;: « The best interface is no interface ».&nbsp;En posant cette affirmation « La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface » (un brin provocatrice) on en déduit cette question&nbsp;: « l&rsquo;interface utilisateur (UI) est-elle un frein à l&rsquo;eXpérience Utilisateur (UX) et la performance des interactions&nbsp;? ». A vrai dire ces questions ne sont pas nouvelles. <strong>Donald Norman</strong>, chercheur en sciences cognitives et éminent co-fondateur du groupe <a href="https://www.nngroup.com/">Nielsen Norman</a>, spécialiste de l’eXpérience Utilisateur et de l’utilisabilité, posait déjà ces questions il y a plus de 20 ans.</p>



<p>Je vais faire une remarque à cette affirmation et une simple réponse (d’ergonome) à cette question&nbsp;: en réalité,<strong> tout dépend du contexte…</strong> Il y a 2 questions préalables à se poser. La première&nbsp;: <strong>A-t-on vraiment besoin d&rsquo;une interface</strong>&nbsp;? Et <strong>si on a besoin d&rsquo;une interface, alors il faut qu&rsquo;elle soit bien faite</strong>&nbsp;: qu&rsquo;elle soit efficace (utile pour ce pour quoi elle est faite), et qu&rsquo;elle puisse être utilisée efficacement (utilisabilité), qu&rsquo;elle se fasse même oublier, pour que l&rsquo;utilisateur puisse se concentrer sur son activité, et non sur la compréhension de l&rsquo;interface (« Comment marche ce logiciel, cette application, comment navigue-t-on sur ce site web…. »). Il faut aussi qu&rsquo;elle soit agréable à utiliser pour contribuer à l&rsquo;<strong>eXperience Utilisateur</strong>,&nbsp;<strong>en cohérence et homogénéité avec les autres expériences de contact avec la marque, les process, personnes et les autres canaux d&rsquo;interaction</strong>. Encore une fois&nbsp;: ceci n&rsquo;est pas nouveau.</p>



<h2 class="wp-block-heading">Il y a une application pour ça…</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="355" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat.jpg" alt="There's An App For That" class="wp-image-22692" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat-300x165.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Mais pourquoi revenir sur ces questions aujourd&rsquo;hui&nbsp;? Parce qu&rsquo;à à notre époque, <strong>les interfaces utilisateurs sont devenues omniprésentes</strong>. Au bureau, des ordinateurs, à la maison, dans les mains des enfants et des personnes âgées&nbsp;: des ordinateurs, des tablettes, des consoles de jeux « connectées », etc.. Les publicités pour les voitures font la part belle aux interfaces modernes des tableaux de bord. Dans les lieux, les gares, etc. des bornes interactives, des écrans. Et enfin le bouquet, dans nos poches, des smartphones ultra sophistiqués nous permettant d&rsquo;être connectés tout le temps partout avec n&rsquo;importe qui n’importe où et avec une multitudes de contenus pour une multitude d&rsquo;usages.</p>



<p>Les marques, les administrations, les entreprises, les banques, les constructeurs, les fournisseurs de service… <strong>Tout le monde veut maintenant son « application » pour smartphone</strong>. Quand on pense à un besoin, un service, tout cela doit tenir dans la poche et dans la main. Nous sommes à l&rsquo;époque de la sacro-sainte « Il y a une application pour ça », et du coup, <strong>il y a une application pour… n&rsquo;importe quoi&#8230; pour le meilleur, et pour le pire.</strong></p>



<p>Allez fouiller dans les magasins d&rsquo;applications sur&nbsp;<strong>l&rsquo;Appstore</strong> ou <strong>Google Play</strong>, pour smartphone et tablettes, vous verrez&#8230; Il y a beaucoup d&rsquo;enjeux de marketing et financiers derrière le développement d&rsquo;applications. Les utilisateurs sont sans doute demandeurs également. Beaucoup sont devenus « accros » à leurs activités avec leurs petits joujous. On peut parfois parler d&rsquo;addiction, <a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">j&rsquo;en ai parlé dans <strong>un autre billet</strong></a>.</p>



<p>Mais je pense que la prochaine étape sera&nbsp;: « <strong>Il n&rsquo;y a pas (plus) besoin d&rsquo;application pour ça</strong>« , et je rejoins le billet de Golden Krishna avec les exemples évoqués dans son&nbsp;billet.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="620" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car.jpg" alt="Unlock Car" class="wp-image-23542" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-1024x577.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-768x433.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p>Je vais m&rsquo;inspirer de l&rsquo;exemple du <strong>déverrouillage des portes d&rsquo;une voiture</strong>, que j&rsquo;ai légèrement modifiée par rapport à l&rsquo;original.</p>



<p>De nombreux constructeurs automobiles proposent maintenant <strong>des applications pour smartphone permettant de piloter certaines fonctionnalités d&rsquo;une voiture</strong>.</p>



<h2 class="wp-block-heading">Déverrouiller les portes d&rsquo;une voiture en 2012</h2>



<ol class="wp-block-list">
<li>la personne (conducteur, conductrice) s&rsquo;approche de sa voiture.<br>1bis. Si la personne est une conductrice, elle cherche son smartphone dans son sac (joke).</li>



<li>Sort son smartphone de son sac, ou de sa poche, et éventuellement de sa housse ou libère le cache sur l&rsquo;écran.</li>



<li>Appuie sur son téléphone pour l&rsquo;activer</li>



<li>Fait glisser son doigt sur l&rsquo;écran pour déverrouiller l&rsquo;écran/clavier de son téléphone.</li>



<li>Entre son mot de passe pour déverrouiller son téléphone</li>



<li>Balaye l&rsquo;écran pour trouver l&rsquo;application.</li>



<li>Appuie sur l&rsquo;icône de l&rsquo;application.</li>



<li>Attend pendant le chargement de l&rsquo;application.</li>



<li>Essaie de comprendre (ou de se rappeler) comment fonctionne l&rsquo;application</li>



<li>Décide que passer par un appui sur un élément du menu de l&rsquo;application est la solution pour déverrouiller les portes</li>



<li>Tape sur le bouton pour déverrouiller les portes.</li>



<li>Les portes de la voiture de déverrouillent.</li>



<li>Ouvre la portière de la voiture.</li>
</ol>



<h2 class="wp-block-heading">Déverrouiller une porte au siècle dernier, en 1999</h2>



<ol class="wp-block-list">
<li>La personne (conducteur, conductrice) s&rsquo;approche de sa voiture.</li>



<li>Les portes de la voiture se déverrouillent</li>



<li>La personne ouvre la portière de la voiture</li>
</ol>



<p>Et oui, déjà en 1999, Mercedes proposait un<strong> système de détection de la proximité</strong>&nbsp;des clés dans la poche de la personne approchante, afin de déverrouiller les portes. Pas besoin d&rsquo;interface utilisateur, simplicité et performance maximale. Rien à faire, les mains restent libre, etc.</p>



<p>Dans l&rsquo;article de Cooper, on trouve un autre exemple d&rsquo;un client se rendant dans un snack pour acheter un sandwich, et utilise encore une fois son smartphone avec de multiples étapes, ce qui pourrait être fortement simplifié sans interface grâce à des capteurs.</p>



<p>Donc oui, dans tous ces cas&nbsp;: La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface ».&nbsp;<strong>Enfin presque…</strong></p>



<p>Dans l&rsquo;exemple du véhicule, il y a un processus global&nbsp;: « rentrer dans le véhicule », qui est dépendant d&rsquo;un processus automatisé qui est « déverrouillage des portes ». Et<strong> à partir du moment où l&rsquo;homme fait partie du processus global</strong>, on a besoin d&rsquo;une interface minimale, informationnelle, ne nécessitant pas d&rsquo;action de l&rsquo;utilisateur&nbsp;: un signal sonore (le bruit du déverrouillage des portes, éventuellement renforcé avec un autre signal sonore) et un signal lumineux , qui constitueront un <strong>feed-back</strong> (retour d&rsquo;information) indiquant à l’utilisateur que les portes ont bien été déverrouillées. Et qu&rsquo;il peut donc rentrer dans le véhicule.</p>



<h2 class="wp-block-heading">Automatisation et robotisation</h2>



<p>Donc OK, beaucoup de choses peuvent être automatisées pour éviter des actions lourdes et inutiles. Mais sans oublier de prévenir l&rsquo;utilisateur quand cela est utile ou nécessaire. <strong>Ce sont le genre de questions qu&rsquo;on se pose depuis toujours dans le monde industriel</strong>. En effet, nous fabriquons depuis longtemps des machines, pour différents processus&nbsp;: produire, transformer, transporter, etc. Et ces processus, nous les automatisons au maximum. Automatiser, cela veut dire que le processus se déroule sans intervention humaine&nbsp;: pour éviter des tâches impossibles, pénibles, dangereuses pour des humains, mais aussi pour produire plus et plus vite sans les contraintes humaines.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1280" height="840" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot.jpg" alt="Industrial Machine Robot" class="wp-image-23544" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-300x197.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-1024x672.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-768x504.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p>Quand les machines se mettent à réaliser des tâches humaines, on parle de robot. Non content d’automatiser des fonctions motrices, les machines avec des systèmes de capteur et de l’intelligence artificielle, prennent de plus en plus de place dans les processus.</p>



<p>Nous gardons une place pour l’homme là où nous en avons besoin&nbsp;: pour <strong>surveiller, prendre des décisions, réguler</strong>… Exemple&nbsp;: une salle de contrôle dans une centrale nucléaire, un cockpit d’aéronef. Et c’est là, entre les machines automatisées et les hommes, que nous avons besoin d’interfaces utilisateur. On parle d<strong>’interactions hommes-machines.</strong></p>



<p>Alors oui, la technologie permet d’automatiser de plus en plus de choses. Et là où l’intervention humaine est encore souhaitée, nécessaire, désirée… agréable (UX)&nbsp;? <strong>Nous avons donc encore et toujours besoin d’interfaces</strong>.</p>



<p>Finalement, la question de fond est&nbsp;: jusqu’où automatise-t-on&nbsp;? Derrière cette question, au delà des questions de sécurité et de faisabilité de l’automatisation, il y a toujours le vieux spectre de la crainte de la perte de contrôle par l’humain, crainte qui a largement inspiré la littérature et le cinéma de science-fiction&nbsp;: <strong>Terminator</strong>, <strong>Matrix</strong>, ou encore le <strong>Jihad Butlérien</strong> de l’univers fictif de <strong>Dune</strong> créé par Frank-Herbert&nbsp;: des luttes à mort entre des hommes et des machines devenues trop autonomes.</p>



<p>Le Japon, face aux énormes problématiques conjuguées du vieillissement, de la baisse de natalité, mais aussi pour des raisons culturelles, travaille à la réalisation de robots humanoïdes qui permettront notamment d&rsquo;assister les personnes âgées. Ceci n&rsquo;est pas de la science-fiction. Vous n&rsquo;êtes pas dans le film <a href="https://www.allocine.fr/film/fichefilm_gen_cfilm=47739.html">I, Robot</a>. Vous n&rsquo;êtes pas dans la matrice.&nbsp;<strong>Vous êtes dans la réalité</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="980" height="376" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot.jpg" alt="Home Robot" class="wp-image-22696" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot.jpg 980w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot-300x115.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot-768x295.jpg 768w" sizes="auto, (max-width: 980px) 100vw, 980px" /></figure>



<p>Aujourd’hui, la technologie et l’automatisation continuent à faire leur chemin. Un bon exemple est l’<strong>évolution de la <a href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/" data-type="post" data-id="23822">conduite des véhicules</a></strong>. Ainsi, pendant longtemps, les commandes de pilotage des avions furent mécaniques&nbsp;: les gestes du pilote étaient relayées par des organes commandant les gouvernes. Un cap important fut franchi par <strong>Airbus</strong> dans les années 80 du siècle dernier, avec l’<strong>Airbus A320</strong>, premier avion commercial dont les commandes sont entièrement contrôlées par un calculateur. Le pilotage automatique pris de plus en plus de place, transformant au fil du temps le pilote en un superviseur de processus automatisé.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="692" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg" alt="Pilotes à l'intérieur d'un cockpit de pilotage dans un Airbus A320 211 lors d'une phase de décollage" class="wp-image-22697" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-300x203.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-768x519.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Au niveau du transport terrestre, le <strong>pilotage automatique</strong> existe depuis longtemps sur les rails. Les parisiens ou les toulousains, pour ne citer qu’eux, montent tous les jours depuis de nombreuses années dans des transports en commun sans pilotes humains (Le véhicule automatique léger ou VAL , sur certaines lignes de Métro, l’Orlyval faisant la liaison entre Orly et Anthony). Sur les rails, le cap est plus simple à garder que sur la route (mais l’aiguillage peut être aussi un casse-tête&#8230;).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1280" height="853" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse.jpg" alt="véhicule automatique léger ou VAL" class="wp-image-23545" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-1024x682.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-768x512.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p>Un nouveau cap symbolique est désormais en passe d’être franchi&nbsp;: l&rsquo;<strong><a href="/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">automobile autonome</a></strong>.&nbsp;Depuis <a href="https://www.lefigaro.fr/sciences/2012/09/27/01008-20120927ARTFIG00469-la-voiture-sans-conducteur-de-google-roule-en-californie.php">quelques jours</a>, l&rsquo;État de <strong>Californie</strong> a mis en place une législation autorisant <strong>Google</strong> à faire rouler ses <a href="/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/"><strong>voitures à délégation de conduite</strong></a>, sous certaines conditions de sécurité.</p>



<p class="has-text-align-center">Lire aussi mon billet&nbsp;:</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/peugeot-instinct-concept.jpg" alt="Fin de relation fusionnelle conducteur-auto | Pierre Lannes">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
			Fin de relation fusionnelle conducteur-auto | Pierre Lannes		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
			<p>Innovation du véhicule autonome, nature fusionnelle du rapport entre homme et automobile, risques de la conduite semi-automatique, ADAS</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>



<h2 class="wp-block-heading" id="evol-dektop-ui">Evolution des interfaces graphiques</h2>



<p>Les premiers écrans pour communiquer entre les hommes et les ordinateurs étaient assez austères à utiliser. C’était l’époque du langage de commande, où il fallait saisir des instructions, et lire des messages écrits sur un écran.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="358" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos.jpg" alt="Ecran de terminal en langage de commande" class="wp-image-22700" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos-300x167.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Puis en 1981, avec les balbutiements des <strong>usages bureautiques</strong> à destination d’utilisateurs autres que des informaticiens, et pour des ordinateurs exploitables dans des bureaux, <strong>Xerox</strong> inventa la première <strong>interface graphique</strong> utilisant la <strong>métaphore du bureau</strong>&nbsp;: des fichiers, des dossiers, des icônes (poubelle, programmes), des menus, des fenêtres, actions et manipulation d’objets avec une souris (voir la vidéo plus bas dans le billet). <strong>Apple</strong> s’inspira de ces principes, puis <strong>Microsoft</strong> avec son célèbre système <strong>Windows</strong>.<br>Et <strong>il faut&nbsp;reconnaître&nbsp;que depuis 30 ans, ça n’a pas beaucoup changé</strong> dans les principes, même si au niveau de la technologie et des usages, tout a énormément évolué.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="735" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80.jpg" alt="Apple Original Desktop 1984" class="wp-image-23568" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-1024x684.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-768x513.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p><a href="https://books.google.fr/books/about/Du_Tangible_Au_Digital.html?id=SfjMoQEACAAJ&amp;redir_esc=y">Certains travaux de recherche</a> démontrent que <strong>le modèle de la métaphore de bureau a atteint ses limites</strong>&nbsp;: tout a été fait en matière de métaphore de bureau, et finalement, c’est la <strong>créativité</strong> des concepteurs qui est <strong>bloquée</strong>, mais aussi, dans certains cas, l’<strong>efficacité</strong>, la <strong>performance</strong> de l’interface, et l’<strong>eXperience Utilisateur</strong>. Même les systèmes des <strong>tablettes</strong> et <strong>smartphones</strong> ont finalement recours à un substrat de métaphore de bureau. Car oui, depuis 30 ans, la métaphore du bureau et le modèle écran/clavier/souris est devenu la règle, la norme, tout le monde s’est habitué à cela, ce qui permet une prise en main rapide par les utilisateurs. C&rsquo;est ce qu&rsquo;on appelle en innovation un <strong>verrouillage socio-technique</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="449" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung.jpg" alt="MultiTouch" class="wp-image-22702" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung-300x209.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Avec les <strong>interfaces tactiles multitouch</strong> (plusieurs doigts et gestes utilisables par le toucher sur un écran), une autre tendance des interfaces graphiques est apparue&nbsp;: la reproduction, de manière virtuelle, des <strong>interactions</strong> physiques « <strong>naturelles</strong> »&nbsp;: faire glisser une page, faire tourner, agrandir ou réduire un objet en se servant de ses doigts, etc. Les <strong>interfaces gestuelles</strong> comme la <a title="Kinect pour xBox 360" href="https://fr.wikipedia.org/wiki/Kinect"><strong>Kinect</strong></a> rentrent également dans la catégorie des interfaces naturelles. Quant aux interfaces vocales en langage naturel, on en parle de plus en plus (surtout pour le marketing des produits. exemple&nbsp;:<a href="/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/"> SIRI, l&rsquo;assistant personnel d&rsquo;Apple</a>), mais cet usage n’est pas encore très répandu, inadapté dans de nombreux contextes.</p>



<p>Avec le tactile et la&nbsp;compactification&nbsp;des supports, de nouvelles postures d’utilisation deviennent possible&nbsp;: à plat, dans les mains, en situation de mobilité, etc. <strong>de nouvelles formes d’usages deviennent également possibles</strong>, citons par exemple <strong>la réalité augmentée</strong>, que j’ai évoqué <a href="/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/">dans <strong>un autre billet</strong></a>. Bien sûr, selon les contextes et les utilisateurs, le recours à tel ou tel type de support et de posture est plus ou moins réalisable, approprié, et performant.</p>



<p>Ainsi , l’évolution des interfaces graphiques et le dépassement de la métaphore du bureau sont désormais facilitées par au moins deux leviers&nbsp;:</p>



<ul class="wp-block-list">
<li><strong>La généralisation des nouvelles formes d’interactions dites « naturelles », et notamment du tactile</strong></li>



<li><strong>Le fait que notre monde se soit numérisé</strong>. Aujourd’hui, l’information et les interactions sont partout. Finalement, nous n’avons plus besoin de faire des métaphores pour expliquer aux gens qu’ils peuvent interagir avec les contenus. <strong>CAR ILS LE SAVENT</strong>. Cela est facilité par les interactions dites « naturelles ».</li>
</ul>



<p>C’est exactement en partant de ces deux leviers que <strong>Microsoft</strong> a créé la nouvelle interface utilisateur « <strong>Modern UI</strong> » (User Interface ou Interface Utilisateur), inspirée de celle <a title="Sur le blog Accessoweb.com&nbsp;: le point sur Windows Phone 8 a deux semaines de l'annonce officielle" href="https://www.accessoweb.com/Le-point-sur-Windows-Phone-8-a-deux-semaines-de-l-annonce-officielle_a11098.html">déjà présente sur les smartphones sous <strong>Windows Mobile</strong></a>. Modern UI sera intégré dans la nouvelle version de son système d’exploitation <strong>Windows 8</strong>, et sur les systèmes de tous les devices/supports grand public&nbsp;: smartphone, tablette, PC portable ou de bureau, console de jeux.</p>



<h2 class="wp-block-heading">Le mois de la fin des Windows/fenêtres chez Microsoft</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="337" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI.jpg" alt="Modern UI" class="wp-image-22703" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI-300x157.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p><strong>A quelques jours</strong> de la sortie de <strong>Windows 8</strong> et de l&rsquo;annonce de la <a title="Sur le blog Accessoweb.com&nbsp;: le point sur Windows Phone 8 a deux semaines de l'annonce officielle" href="https://www.accessoweb.com/Le-point-sur-Windows-Phone-8-a-deux-semaines-de-l-annonce-officielle_a11098.html">sortie de <strong>Windows Mobile 8</strong></a>, <strong>Microsoft</strong> prend un virage important concernant les interfaces graphiques de son système d’exploitation phare, le plus utilisé dans le monde depuis plus de 20 ans.</p>



<p>La nouvelle interface graphique « <strong>Modern UI</strong> » (ou style »Metro »), inspirée du système Windows Mobile présent sur certains smartphones, sera intégrée dans le nouvel système<strong> Windows 8</strong>. Le parti-pris et l’enjeu de l’interface utilisateur « style Metro » est qu’elle sera la même sur tous les devices/supports grand public&nbsp;: smartphone, tablette, PC portable ou de bureau, console de jeux.</p>



<p>Techniquement, il y aura, de plus, un noyau commun&nbsp;: on voit tout de suite l’intérêt&nbsp;: une même application pourra être portée plus facilement sur tous les supports/devices.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="300" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI.jpg" alt="Metro UI" class="wp-image-22704" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI-300x140.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Finalement, l’idée est bonne et dans l’air du temps&nbsp;: à l&rsquo;époque de la multiplication des devices/supports, on créé une interface utilisateur unifiée, convergente.</p>



<p>Un des principes fondateurs de cette interface Modern UI, c&rsquo;est qu’à l’heure d’aujourd’hui, alors que les contenus numériques sont partout,<strong> il n’est plus nécessaire de suivre le paradigme de la métaphore de bureau utilisée depuis 30 ans dans les systèmes d’exploitation</strong> (interface « star » de Xerox datant de 1981). <strong>L’information et l’image se suffisent à elles même</strong>. Cela ressort dans le principe énoncé par <strong>Microsoft</strong> sur sa nouvelle interface graphique Modern UI « <strong>Content not chrome</strong> » c&rsquo;est à dire,&nbsp;<strong>le contenu prime sur la présentation</strong>, ce qui se traduit notamment par&nbsp;:</p>



<ul class="wp-block-list">
<li>Eviter les effets inutiles&nbsp;: le <em>Skeuomorphisme</em> (donner à un objet virtuel l&rsquo;apparence d&rsquo;un objet réel), qui est encore largement utilisé dans les interfaces graphiques et depuis toujours chez Apple</li>



<li>Eviter les Bords arrondis, ombres, relief, transparence, etc.</li>
</ul>



<p>En faisant cela, Microsoft se démarque <strong>d&rsquo;Apple</strong> et des concurrents.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="763" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates.jpg" alt="Steve Jobs and Bill Gates" class="wp-image-22705" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates-300x224.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates-768x572.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>A ce stade il est amusant de faire quelques rappels historiques sur le système Windows de Microsoft. En <strong>1984</strong>, <strong>Steve Jobs</strong>, le charismatique patron d’<strong>Apple</strong>, fait appel au jeune <strong>Bill Gates</strong> et sa petite boite <strong>Microsoft</strong>, qui se voit confié la réalisation de logiciels (notamment le célèbre tableur <strong>Excel</strong>) pour le système de l&rsquo;ordinateur personnel phare d&rsquo;Apple,&nbsp;<strong>Macintosh</strong>. C’est pendant cette période de sous-traitance que Bill Gates s’inspirera plus que fortement du système d’Exploitation du Macintosh d’Apple (qui s’était lui-même inspiré du <strong>système Star de Xerox de 1981)</strong>, pour réaliser <strong>Windows</strong>, le système qui allait envahir le monde et devenir de très loin le système d’exploitation le plus utilisé depuis 20 ans sur les ordinateurs de bureau et portables .</p>



<p>En 2012, dans quelques jours, <strong>Microsoft</strong> tentera de faire évoluer les interfaces utilisateurs en dépassant la métaphore de bureau et les (si proches) et dominants systèmes <strong>Apple iOS</strong> et <strong>Android</strong> pour tablettes et smartphone. Ainsi, <strong>Windows</strong>, (qui signifie « fenêtre), avec son interface <strong>Modern UI</strong>, ne contient plus vraiment de fenêtres&#8230; mais plutôt des « <a href="https://fr.wikipedia.org/wiki/Windows_8#Interface_Windows"><strong>Tuiles</strong></a>« . Il sera intéressant d’observer quel sera le succès de cette nouvelle interface utilisateur, notamment pour les usages professionnels.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="277" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman.jpg" alt="Donald Norman" class="wp-image-22706" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman-300x129.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p><strong>Donald Norman</strong>, déjà cité dans ce billet, est depuis longtemps une personnalité de renommée mondiale auteur d’ouvrages de références dans le domaine de l’eXpérience Utilisateur et de l’utilisabilité. Professeur et chercheur en <strong>Sciences Cognitives</strong>, co-fondateur du groupe <strong>Nielsen Norman</strong>, ancien responsable de l’UX et de la recherche chez Apple disait en mars dernier (<a href="https://web.archive.org/web/20170626013921/https://www.jnd.org/dn.mss/updated_microsoft.html">article qui n&rsquo;est plus en ligne</a>)&nbsp;que <strong>Modern UI, la nouvelle interface de Microsoft, pourrait dépasser Apple et Android</strong> (qui imite Apple), en permettant notamment d’utiliser indifféremment ses doigts, une souris, un stylet, un clavier, une interface utilisateur <strong>homogène</strong> quelque soit le type d’utilisation et de devices/supports, une bien meilleure gestion du <strong>multitâche</strong> que ses concurrents, un accès rapide aux informations.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="530" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet.jpg" alt="Surface Tablet" class="wp-image-22707" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet-300x247.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Avec sa nouvelle tablette <strong>Surface</strong>, Microsoft n’invente pas quelque chose de nouveau. Cette tablette peut être transformée en un ordinateur portable (<a href="https://www.lesnumeriques.com/tablette-tactile/asus-transformer-pad-16-go-p11159/test.html">ASUS l’avait déjà fait</a>) en « <strong>un click</strong>.&nbsp;Mais en y rajoutant son interface utilisateur polyvalente, Modern UI, c’est un dispositif convergent, souple, adaptatif, dans l&rsquo;air du temps et prometteur qui voit le jour.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Xerox Star User Interface (1982) 1 of 2" width="500" height="375" src="https://www.youtube.com/embed/Cn4vC80Pv6Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">En conclusion</h2>



<p>Donc finalement, ce gros billet pour en arriver à ces simples constats.</p>



<p>Oui, trop d&rsquo;interfaces tue l&rsquo;interface. Il faut toujours réfléchir en terme d&rsquo;usages et d&rsquo;eXperience Utilisateur. Ne pas se brider tout de suite avec des solutions technologiques&nbsp;toutes faites ou limitantes. La technologie nous offre de plus en plus de possibilités et n&rsquo;est finalement plus un problème. Bon, ok, il y a les coûts, les normes&#8230; et il n&rsquo;y a pas encore de vrais interfaces holographiques performantes par exemple, et nous n&rsquo;avons pas encore inventé la téléportation non plus&nbsp;!&nbsp;Ne pas se jeter directement sur la réalisation d&rsquo;une application. Penser eXpérience utilisateur globale, ce que la technologie pourrait apporter sans se limiter. Surtout qu&rsquo;elle ne cesse d&rsquo;évoluer.</p>



<p>A l&rsquo;inverse, l&rsquo;automatisation à outrance a ses travers, je l&rsquo;évoque à la fin d&rsquo;un un <a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">autre billet sur le <strong>véhicule à délégation de conduite</strong> (semi-autonome)</a>. Ne pas oublier qu&rsquo;il y a des humains au milieu des machines&nbsp;! Avec les évolutions de la robotique, d&rsquo;autres perspectives de développement voient le jour, notamment des collaborations entre les hommes et les machines, sujet émergent dans l&rsquo;industrie. C&rsquo;est l&rsquo;objet de la <strong>Cobotique</strong>, qui étudie les relations entre les hommes et les robots, que j&rsquo;ai déjà évoquée <a href="/un-robot-collaboratif-cobot-pour-lassistance-au-geste-industriel/">dans un <strong>autre billet</strong></a>.</p>



<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
	</channel>
</rss>
