<?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>Any time Anywhere Any device &#8211; Pierre Lannes</title>
	<atom:link href="https://www.pierre-lannes.fr/tag/atawad/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>Any time Anywhere Any device &#8211; Pierre Lannes</title>
	<link>https://www.pierre-lannes.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Résilience numérique partie 1: mise à l&#8217;échelle des risques</title>
		<link>https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/</link>
					<comments>https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Wed, 16 Aug 2023 18:33:54 +0000</pubDate>
				<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[prévention des risques]]></category>
		<category><![CDATA[santé]]></category>
		<category><![CDATA[sécurité]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=49708</guid>

					<description><![CDATA[Dans cette série de 3 billets sur la résilience numérique, ce premier volet aura pour but de poser les bases de la réflexion. Le second traitera de la résilience numérique en situation locale normale à dégradée (personnelle, professionnelle, communale), et le dernier de la résilience numérique en situation fortement dégradée ou d'isolement.]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center"><em>Illustration&nbsp;: Keanu Reeves dans le film Johnny Mnemonic</em></p>



<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<p>Dans cette série de 3 billets sur la résilience numérique, ce premier volet aura pour but de poser les bases de la réflexion. <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/">Le second</a> traitera de la résilience numérique en situation locale normale à dégradée (personnelle, professionnelle, communale), et <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/">le dernier</a> de la résilience numérique en situation fortement dégradée ou d&rsquo;isolement. Il sera question de niveaux de sécurité opérationnelle (OPSEC), d&rsquo;analyse des vulnérabilités, risques et menaces, leur prévention, la préparation et la construction de solutions opérationnelles.</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>RÉSILIENCE&nbsp;: Capacité d’un écosystème à se rétablir après une perturbation extérieure.</p>
</blockquote>



<h2 class="wp-block-heading">Pourquoi parler de résilience&nbsp;?</h2>



<p>La résilience est un mot à la mode <a title="" href="https://www.pierre-lannes.fr/category/autonomie-et-resilience/">revenant fréquemment ici, une</a> des 3 grandes thématiques <a title="" href="https://www.pierre-lannes.fr/blog/">de mon blog</a>. Il est au cœur de nombreux enjeux contemporains. Cela ne signifie pas pour autant qu&rsquo;il soit réellement conscientisé. Bien au contraire. Il fait l&rsquo;objet de négligence, de perceptions restrictives, de déni, découlant d&rsquo;une inconscience de la majorité des populations biberonnées au confort matériel (dans les pays riches), conditionnées et soumises à la pression de la conformité sociale.</p>



<p>Étant titré psychologue de par mon cursus universitaire, ce mot résonne depuis longtemps chez moi. Renvoyant d&rsquo;abord à la résistance au choc d&rsquo;un matériau, en mécanique, ce terme était jusqu&rsquo;il y a quelques temps surtout connu dans le domaine de la psychiatrie et la psychologie clinique pour désigner la capacité de se reconstruire à la suite d&rsquo;un traumatisme, à revenir à un niveau « acceptable » pour continuer à vivre. Cela sous-tend qu&rsquo;on ne revient jamais exactement à ce qu&rsquo;on pourrait appeler « la normale », la normalité étant un concept sur lequel on pourrait longtemps disserter ici. Peut être dans de futurs billets. Appelons cela&nbsp;: le changement.</p>



<p>La résilience devient un puissant concept universel de compréhension du réel dés lors qu&rsquo;on parle de <strong>résilience systémique</strong>&nbsp;: notre univers est composé de systèmes avec des éléments en interaction. Tout système, qu&rsquo;il soit physique, biologique, naturel, humain, technologique, économique, socio-technique&#8230; est soumis à des règles d&rsquo;interdépendance et de capacités plus ou moins fortes de résilience. Cela dépend des caractéristiques de ces éléments et du système lui-même, en particulier sa connectivité, la modularité et l&rsquo;hétérogénité des éléments. Ceci a été décrit dans <a href="https://www.science.org/doi/10.1126/science.1225244">M. Scheffer “Anticipating Critical Transitions” Science, vol. 338, n°6105 2012</a> avec un modèle illustrant les réponses types des réseaux complexes aux perturbations.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="729" src="https://www.pierre-lannes.fr/wp-content/uploads/2019/01/systeme-resistance-1024x729.jpg" alt="Modèle illustrant les réponses types des réseaux complexes aux perturbations" class="wp-image-24700" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2019/01/systeme-resistance-1024x729.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2019/01/systeme-resistance-300x214.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2019/01/systeme-resistance-768x547.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2019/01/systeme-resistance.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>J&rsquo;ai commenté ce shéma de manière plus détaillée <a href="https://www.pierre-lannes.fr/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/">dans un autre billet</a>. Je résume&nbsp;: les systèmes hétérogènes ont une meilleure capacité de résilience, alors que les systèmes homogènes à forte interdépendance sont fragiles car leur capacité de résilience est faible. Un choc provoque des effets radicaux, violents et rapides provoquant un effondrement complet (schéma de droite).</p>



<h2 class="wp-block-heading">La résilience numérique&nbsp;: mise à l&rsquo;échelle</h2>



<p>J&rsquo;ai souvent traité dans ce blog de la question de la résilience des sociétés humaines. Il convient d&rsquo;abord de préciser sur quels niveaux on se situe quand on parle de résilience numérique. Ce sont également les premières questions à se poser en prévention des risques&nbsp;:</p>



<ul class="wp-block-list">
<li>Quel besoin / activité humaine</li>



<li>Quelle échelle sociale et géographique</li>
</ul>



<p>Le premier niveau concerne les besoins physiologiques&nbsp;: survie, respirer, boire, manger, dormir, maintien des constantes du milieu intérieur (thermique, homéostasie), sécurité&#8230;. Puis les besoins psycho-sociologiques. La résilience numérique pourrait sembler venir bien après ces besoins primaires. Sous l&rsquo;angle de l&rsquo;analyse systémique nous constatons que certains de nos besoins primaires reposent sur des chaines logistiques à flux tendu dépendantes elles mêmes de chaines numériques complexes. Les magasins alimentaires ne disposent en moyenne que de 3 jours de stock, et des perturbations prolongées sur une vaste échelle pourraient provoquer de sérieux problèmes.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="642" src="https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics-1024x642.jpeg" alt="Supply Chain" class="wp-image-40194" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics-1024x642.jpeg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics-300x188.jpeg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics-768x481.jpeg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics-1536x962.jpeg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2021/05/logistics.jpeg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Rappelons que les systèmes numériques et de transport logistiques dont nous sommes totalement dépendants reposent sur l&rsquo;énergie. Pour en revenir au schéma précédent, nous sommes dans des systèmes fortement connectés et interdépendants et donc en principe très fragiles en cas de choc à vaste échelle. Sauf que le système dans lequel nous vivons est très robuste dans les conditions actuelles, et il n&rsquo;a jamais subi de choc qui provoquerait son effondrement.<br></p>



<p>Les risques existent pourtant. Une forte éruption solaire atteignant la terre comme l&rsquo;événement de Carrington de 1859 provoquerait en quelques semaines un effondrement total de la civilisation industrielle et aurait pour conséquences des milliards de morts en quelques mois. Alors qu&rsquo;il y a 2 siècles cet évènement a provoqué des perturbations dans les communications (mais aussi des télégraphistes victimes de violentes décharges électriques et plusieurs incendies de station de télégraphie), il n&rsquo;aurait même pas été perçu dans l&rsquo;histoire humaine pré-industrielle, sauf la beauté des aurores boréales provoquées par les tempêtes solaires, bien sûr. Aujourd&rsquo;hui elles nous feraient disparaitre, mais cela n&rsquo;a pas l&rsquo;air de préoccuper les populations et encore moins les technocrates voulant numériser la totalité de nos vies et de nos systèmes. Insouciance ou arrogance&nbsp;? Les deux, certainement, mais aussi focalisation sur un extraordinaire moyen pour servir la volonté de <a href="https://www.pierre-lannes.fr/scenario-prospectif-2010-pandemie-deficit-democratique/" title="Scénario de pandémie et déficit démocratique">contrôle totalitaire à tout prix</a>&nbsp;: surveillance, influence, formatage des opinions, domination, insinuation dans toutes les vies, du début à la fin.</p>



<p>La nature est parfois providentielle, souvent cruelle, et toujours là pour nous rappeler notre place dans l&rsquo;univers&nbsp;: insignifiante.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1250" height="703" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/solar-storm-could-knock-out-the-power-grid-and-the-internet.webp" alt="Tempête Solaire et électricité" class="wp-image-49712" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/solar-storm-could-knock-out-the-power-grid-and-the-internet.webp 1250w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/solar-storm-could-knock-out-the-power-grid-and-the-internet-300x169.webp 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/solar-storm-could-knock-out-the-power-grid-and-the-internet-1024x576.webp 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/solar-storm-could-knock-out-the-power-grid-and-the-internet-768x432.webp 768w" sizes="(max-width: 1250px) 100vw, 1250px" /></figure>



<p>Mais revenons plus précisément sur le numérique, connecté à internet. Il est partout et régit la plus grande partie des activités&nbsp;: les systèmes qui nous alimentent en eau, énergie, les chaines logistiques dont j&rsquo;ai déjà parlé, les systèmes de transport, de régulation, de fonctionnement et de sécurité des bâtiments et des infrastructures qui nous entourent. Un système de secours, de santé ou de sécurité qui n&rsquo;a plus de systèmes de communication devient inopérant et un facteur de risques mortels en cas d&rsquo;urgence. Il se trouve qu&rsquo;en France, les réseaux de communication des pompiers et autres acteurs du secours d&rsquo;urgence et de la sécurité reposent sur des systèmes numériques.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1024" height="683" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com.png" alt="Centre d'appel d'un Service Départemental d'Incendie et de Secours" class="wp-image-49765" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com-300x200.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com-768x512.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Centre d&rsquo;appel d&rsquo;un Service Départemental d&rsquo;Incendie et de Secours</figcaption></figure>



<p>Plus intimement dans notre quotidien le numérique connecté est omniprésent&nbsp;: nos achats (systèmes bancaires et terminaux de paiement&#8230;), communications, enseignement, loisirs, et pour beaucoup d&rsquo;entre nous, dans le travail. Les systèmes numériques (ordinateurs, téléphones) et les services auxquels ils sont connectés via internet sont devenus indispensables dans beaucoup d&rsquo;activités professionnelles.</p>



<figure class="wp-block-image size-full"><img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/bureau_1er.jpg" alt="Mon poste de travail gersois" class="wp-image-49715"/><figcaption class="wp-element-caption">Mon poste de travail gersois</figcaption></figure>



<p>Un aspect à ne pas négliger, c&rsquo;est la dépendance extrême aux activités sur smartphone et autres appareils connectés&nbsp;: usages des médias sociaux, consommation de séries télévisées, jeux en ligne, etc. En cas de coupure des réseaux numériques, on pourra voir des phénomènes de manque et de nervosité venant ajouter des tensions et des difficultés lors de situations dégradées. </p>



<p>J&rsquo;ai déjà parlé des risques liés à l&rsquo;ultra-connexion <a href="https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/" title="A l’époque de l’ultra-connexion, il devient branché de débrancher. Et même vital">dans un billet il y a 11 ans</a>.</p>



<h2 class="wp-block-heading">Lire la suite</h2>



<p>Ces questions de résilience numérique et de cybersécurité personnelle, professionnelle, communale et locale seront abordées dans le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/" title="Résilience numérique partie 2: situations et solutions locales">second</a> et le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/" title="Résilience numérique partie 3: risques majeurs">troisième et dernier billet</a> de cette série.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/feed/</wfw:commentRss>
			<slash:comments>1</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>
		<item>
		<title>A l&#8217;époque de l&#8217;ultra-connexion, il devient branché de débrancher. Et même vital</title>
		<link>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/</link>
					<comments>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 02 Jun 2012 21:22:39 +0000</pubDate>
				<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[géolocalisation]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[lifestream]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[santé]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15240</guid>

					<description><![CDATA[L'ultra-connexion sur internet et les réseaux sociaux, augmentée par les smartphones peut avoir des conséquences néfastes : l’addiction, l’emprise de la tyrannie d’un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d’aliénation du réel, de l’ici et maintenant.]]></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>L&rsquo;ultra-connexion sur internet et les réseaux sociaux, augmentée par les smartphones peut avoir des conséquences néfastes : l’addiction, l’emprise de la tyrannie d’un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d’aliénation du réel, de l’ici et maintenant</p>
</div>



<p>La <a href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">généralisation des smartphones</a> et de la 3G les connectant à internet et aux réseaux sociaux, en plus des fonctions de téléphonie et de SMS, nous donnent maintenant la possibilité d&rsquo;être ultraconnectés, en permanence et partout, avec le contenu d&rsquo;internet et nos contacts, par une multitude de moyens et médias instantanés ou différés. De plus, le contenu que nous consultons et que nous produisons&nbsp;: avis sur un restaurant, un lieux, tweet, statut Facebook, photos, vidéos, check-in, peuvent être liés au lieu où nous sommes, grâce à la géolocalisation. Le rôle de ces nouveaux médias dans le <strong>printemps arabe</strong>, ou le succès fulgurant de l&rsquo;application de photo <strong>Instragram</strong> sont des démonstrations spectaculaires de l&rsquo;explosion de ces nouveaux usages du <strong>SOLOMO</strong> <strong>SO</strong>cial/<strong>LO</strong>cal/<strong>MO</strong>bile, rendus possibles par la <strong>mobiquité</strong>&nbsp;des smartphones (mobilité et ubiquité). Auparavant réservés aux geeks, ces usages deviennent « mainstream » (populaires, grand public) et nous ont fait définitivement rentrer dans l&rsquo;ère de l&rsquo;accès&nbsp;<strong>ATAWAD</strong> (AnyTime, AnyWhere, AnyDevice) au contenu&nbsp;<strong>Ubimédia</strong>.</p>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow">
<p>Les contenus multimédia devient omniprésent, multiforme, convergent, mobile, participatif, tout terrain</p>
<cite><a href="https://fverron.blogspot.fr/2010/06/une-definition-de-lubimedia.html" target="_blank" rel="noopener" title="">@<strong>FrancoisVerron</strong></a></cite></blockquote>



<p>Mais le fait que ces usages soient devenus potentiellement permanents et omniprésents peuvent avoir des conséquences néfastes&nbsp;: 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. Désormais, il n&rsquo;y a plus de temps morts ou de vides possibles dans nos vies&nbsp;: dans une file d&rsquo;attente, dans les transports, ou même dans les toilettes&nbsp;? On sort son portable, et une autre forme d&rsquo;interaction et d&rsquo;agitation prend le relais. Il faut rester vigilant, savoir utiliser ces technologies avec modération. En effet, ces usages ne peuvent-ils pas nous pousser encore plus loin dans le narcissime, l&rsquo;égoïsme, la communautarisation et l&rsquo;enfermement de notre civilisation déjà fabricante d&rsquo;aliénation&nbsp;?</p>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow">
<p><em>Avec Internet, nous allions pouvoir détester notre voisin et aimer notre lointain</em></p>
</blockquote>



<p>Désormais cette maxime ne s&rsquo;appliquerait plus seulement aux moments où nous sommes enfermés dans notre domicile à côté de nos voisins, mais aussi, à cause des smartphones, à la fois walkman, liseuses, consoles de jeux, téléphones et gadgets connectés, quand nous sommes à l&rsquo;extérieur de chez nous, aux rares moments où nous sommes avec « les autres », dans la rue, les transports, les lieux publics, etc. L&rsquo;aboutissement ultime de cette logique&nbsp;: être à table avec des connaissances, mais ne pas vraiment être là car on répond à un <strong>tweet</strong>, on poste son statut <strong>Facebook</strong>, on se « checke » sur <strong>Foursquare</strong>&#8230;</p>



<p>Ce billet m&rsquo;a été inspiré par la lecture de l&rsquo;article « Ces branchés qui débranchent » paru dans <strong>Le Monde</strong>. On y apprend qu&rsquo;il existe maintenant une tendance à la contre-réaction à l&rsquo;ultra-connexion. Se déconnecter est devenu un acte volontaire chez les ultra-connectés eux-même. Dans la Silicon Valley, des employés de <strong>Google</strong> et d&rsquo;autres prestigieuses entreprises du digital envoient leurs enfants dans des écoles où les tablettes tactiles, les smartphones et les ordinateurs sont interdits. Des professionnels d&rsquo;internet se déconnectent volontairement pour pouvoir se concentrer sur leurs activités pour éviter d&rsquo;être dérangés. Se déconnecter peut devenir une nécessité pour notre quotidien ou même notre santé mentale. En effet, la vie peut&nbsp;facilement devenir impossible si on reçoit&nbsp;toutes les 10 secondes des notifications sur son portable&nbsp;: SMS, emails, de <strong>Twitter</strong>, <strong>Facebook</strong>, etc.&nbsp;Il y a aussi des conséquences plus profondes&#8230;</p>



<p>La contre-réaction à cette ultra-connexion peut être d&rsquo;une force inversement proportionnelle à celle-ci&nbsp;: besoin d&rsquo;isolement, pèlerinages, séjours lointains, retraites&#8230; Nous en avons une illustration avec <strong>Cyrille de Lasteyrie</strong>&nbsp;alias <a href="https://twitter.com/Vinvin" target="_blank" rel="noopener">@Vinvin</a>. Personnalité du web et des médias sociaux, partageant son expérience d&rsquo;un immense besoin de déconnexion qui l&rsquo;a amené à s&rsquo;isoler complètement pendant sept jours loin de Paris, dans le silence absolu d’une abbaye cistercienne au fin fond de l&rsquo;Allier, tout près de la Nièvre. Sans ses gadgets connectés, enfin presque&#8230; puisqu&rsquo;il avait amené son <strong>iPhone</strong>&#8230; Comme je le comprends, moi qui part souvent dans la Nièvre pour me décrocher de la frénésie de ma vie parisienne connectée, chez mon ami <strong>JP</strong> (il ressemble à un moine mais c&rsquo;est surtout un ami et un extraordinaire cuisinier épicurien). J&rsquo;y vais sans mon iPad et mon Mac, mais toujours avec mon <strong>iPhone</strong>. Je me diagnostique comme un ultra-connecté pathologique, mais j&rsquo;essaye de me soigner. J&rsquo;ai encore du boulot.</p>



<p>Comme je le mentionnais plus haut, la sur-connexion permanente fait disparaitre les possibilités de temps mort ou de vide. C&rsquo;est à la fois une conséquence et une fonction de cette sur-connexion&nbsp;: une fuite en avant permanente, qui ne nous empêchera pas d&rsquo;être confronté, tôt ou à tard, justement, à cette « mort » et ce « vide ». Dans ce monde d&rsquo;artifices et d&rsquo;agitations, de distractions et de flux permanent, jamais sans doute le besoin de spiritualité n&rsquo;a-t-il été aussi fort, dans sa signification la plus universelle et dans ce vers quoi elle devrait être tournée&nbsp;: l&rsquo;introspection, la libération de toute forme d&rsquo;aliénation, favorisant la quête de la paix intérieure, une plus grande ouverture vers les autres, la quête du vrai bonheur.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Les défis de la réalité augmentée dans les prochaines générations d&#8217;interfaces utilisateur</title>
		<link>https://www.pierre-lannes.fr/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/</link>
					<comments>https://www.pierre-lannes.fr/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Wed, 22 Feb 2012 21:00:12 +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[design d'interaction]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[géolocalisation]]></category>
		<category><![CDATA[innovation]]></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 naturelles]]></category>
		<category><![CDATA[interfaces tactiles]]></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[réalité augmentée]]></category>
		<category><![CDATA[réalité étendue]]></category>
		<category><![CDATA[réalité virtuelle]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=14929</guid>

					<description><![CDATA[Certaines vidéos prospectives préfigurent les interfaces utilisateurs d’un futur proche, en donnant la part belle aux applications de réalité augmentée et à l’usage massif d’interactions tactiles et gestuelles. Les vitres transparentes interactives offrent de nouvelles possibilités, mais cela n'est pas sans poser certains défis, comme la gestion de la parallaxe ou la distance de l'observateur. Dans ce contexte, l'arrivée imminente des lunettes à réalité augmentée parait la technologie la plus prometteuse.]]></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>Certaines vidéos prospectives préfigurent les interfaces utilisateurs d’un futur proche, en donnant la part belle aux applications de réalité augmentée et à l’usage massif d’interactions tactiles et gestuelles.</p>



<p>Les vitres transparentes interactives offrent de nouvelles possibilités, mais posent certains défis comme la gestion de la parallaxe ou la distance de l&rsquo;observateur.</p>



<p>Dans ce contexte, l&rsquo;arrivée imminente des lunettes à réalité augmentée parait la technologie la plus prometteuse.</p>
</div>



<figure class="wp-block-image"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/RA-vitre-passager-1024x576.png" alt="passagère du taxi communique automatiquement avec le système embarqué du taxi. Des informations en réalité augmentée sont affichées sur la vitre latérale du taxi&nbsp;: ici, l'emplacement de l'immeuble où aura lieu son rendez-vous du lendemain" class="wp-image-33624" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/RA-vitre-passager-1024x576.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/RA-vitre-passager-300x169.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/RA-vitre-passager-768x432.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/RA-vitre-passager.png 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>Source&nbsp;: 00:35 vidéo (voir plus bas) Microsoft Office Vision « Productivity Future Vision » (2011), prospective à 5-10 ans</em></figcaption></figure>



<p>Dans l&rsquo;exemple ci-dessus, le smartphone de la passagère du taxi communique automatiquement avec le système embarqué du taxi. Des informations en réalité augmentée sont affichées sur la vitre latérale du taxi&nbsp;: ici, l&rsquo;<strong>emplacement de l&rsquo;immeuble où aura lieu son rendez-vous du lendemain</strong>. La <strong>réalité augmentée</strong> consiste à ajouter de l&rsquo;information et des objets sur un affichage de la réalité. Il ne faut pas la confondre avec la <a href="/applications-iphone-et-ipad-pour-observer-le-ciel-nocturne-en-realite-virtuelle-piloter-son-telescope/" title="Des applications iPhone et iPad pour observer le ciel nocturne en réalité virtuelle, piloter son télescope"><strong>réalité virtuelle</strong></a>, qui imite complètement la réalité.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="800" height="297" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/11/xr.jpg" alt="réalité étendue" class="wp-image-53278" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/11/xr.jpg 800w, https://www.pierre-lannes.fr/wp-content/uploads/2023/11/xr-300x111.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/11/xr-768x285.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Domaines de la réalité étendue&nbsp;: réalité augmentée, réalité mixte, réalité virtuelle</figcaption></figure>



<h2 class="wp-block-heading">Les usages prometteurs&nbsp;: réalité augmentée et interfaces tactiles et gestuelles</h2>



<p class="has-text-align-left">Les vidéos de prospectives de <strong>Microsoft</strong> (voir plus bas) préfigurant les interfaces utilisateurs d&rsquo;un futur proche donnent la part belle aux applications de <strong>réalité augmentée</strong> et à l&rsquo;usage massif d&rsquo;<strong>interactions tactiles</strong> et <strong>gestuelles</strong>. Ces usages sont déjà là aujourd&rsquo;hui et en plein essor, accélérés et démocratisés par le succès de l&rsquo;<strong>iPhone</strong> et autres <strong>smartphones</strong> évolués, les tablettes&#8230; et les interfaces gestuelles sont rentrées dans le salon du particulier, avec les usages ludiques de la <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Kinect"><strong>Kinect</strong></a> et autres devices. En ce qui concerne le tactile, cet usage existe depuis longtemps avec les <em>bornes tactiles</em> (billetterie, distributeurs de billets, bornes d&rsquo;orientation&#8230;).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="657" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/hud.jpg" alt="Système HUD (Head-Up Display)&nbsp;: affichage tête haute dans les cockpits des avions de chasse" class="wp-image-22731" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/hud.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/hud-300x192.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/hud-768x493.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-left">La réalité augmentée a été longtemps réservée à des interfaces spécifiques, je pense aux systèmes <strong>HUD</strong> (Head-Up Display&nbsp;: affichage tête haute) dans les cockpits des avions de chasse. Dans ce contexte d&rsquo;utilisation, le recours à la réalité augmentée évite les allers retour visuels entre le monde extérieur et le tableau de bord de l’embarcation, renforce l&rsquo;attention, la sécurité et limite la fatigue visuelle.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="213" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/head-up-display-car.jpg" alt="Head Up Display Car" class="wp-image-22732" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/head-up-display-car.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/head-up-display-car-300x99.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Cette technologie est maintenant rentrée dans les <a href="/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">habitacles de voitures</a>, se sont souvent des accessoires en option sur certaines berlines. Tous ces dispositifs sont <a href="/portfolio_page/conception-ux-ui-service-connecte-et-app-embarquee-carplay-et-debarquee-ios-pour-automobile/"><strong>fixes</strong> ou <strong>embarqués</strong></a>&nbsp;: cockpits, habitacles, bornes, et ont ceci en commun d&rsquo;être donc des <strong>dispositifs lourds et fixes</strong>.</p>



<h2 class="wp-block-heading">La libération des usages grâce aux applications mobiles</h2>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/AR_smartphone_layar-app.jpg"><img loading="lazy" decoding="async" width="900" height="450" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/AR_smartphone_layar-app.jpg" alt="Exemple d'usage de réalité augmentée avec un smartphone en milieu urbain" class="wp-image-33621" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/AR_smartphone_layar-app.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/AR_smartphone_layar-app-300x150.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/AR_smartphone_layar-app-768x384.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /></a><figcaption class="wp-element-caption"><em>Application Layar, disponible sous iOS, Android, Symbian ou Blackberry</em></figcaption></figure>



<p class="has-text-align-left">Ce sont l&rsquo;<strong>iPhone</strong> et autres <strong>smartphones</strong> qui nous ont libéré de la lourdeur et la fixité des dispositifs, en devenant <strong>mobiles</strong>, <strong>autonomes</strong>, en tenant dans la poche tout en embarquant une <strong>multitude de technologies</strong> et de <strong>capteurs</strong>. Cela rend possible tout un <strong>univers d&rsquo;applications</strong> et d&rsquo;<strong>usages</strong>, disponibles en permanence et partout, nous ouvrant les portes du monde de la <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Mobiquit%C3%A9"><strong>mobiquité</strong></a>. En effet, c&rsquo;est la combinaison de plusieurs technologies embarquées dans le smartphone qui permettent notamment l&rsquo;utilisation de la réalité augmentée sur ces dispositifs&nbsp;: connectivité multiple (GSM, Wifi, bluetooth) et permanente à Internet, stockage et envoi de données, écran d&rsquo;affichage et d&rsquo;interactions tactiles multitouch, objectifs photo/vidéo, GPS, boussole, gyroscope et accéléromètre (pour la détection des positions angulaires et de mouvements). Exemples d&rsquo;applications&nbsp;:<strong> <a href="https://www.layar.com/">Layar</a></strong>, <a href="https://en.wikipedia.org/wiki/Junaio"><strong>Junaio</strong></a>, <a href="https://www.wikitude.com"><strong>Wikitude</strong></a>.</p>



<p class="has-text-align-left">Aujourd&rsquo;hui la réalité est recréée à partir de l&rsquo;image qui est capté par l&rsquo;objectif photo/vidéo du dispositif. Elle est alors affichée sur l&rsquo;écran du smartphone ou de la tablette, comme sur l&rsquo;exemple de l&rsquo;<strong>application Layar</strong> ci-dessus, sur laquelle on peut rajouter de l&rsquo;information&nbsp;: c&rsquo;est bien de la réalité augmentée.</p>



<h2 class="wp-block-heading">Les possibilités offertes par les vitres tactiles</h2>



<p class="has-text-align-left">Avec les progrès des technologies d&rsquo;affichage et d&rsquo;interactions, ce sont des <strong>vitres transparentes</strong> avec des capacités <strong>multitouch</strong> qui vont pouvoir être utilisées pour de <strong>nouvelles IHM</strong> (notamment la technologie <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Diode_%C3%A9lectroluminescente_organique"><strong>OLED</strong></a>). Les usages possibles sont très nombreux, comme vous pourrez le voir dans l&rsquo;avant dernière vidéo « <em>A Day Made of Glass&#8230; Made possible by Corning</em> » à la fin de ce billet.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="537" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/tablet_fujitsu.jpg" alt="Tablette Fujitsu (concept)" class="wp-image-22733" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/tablet_fujitsu.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/tablet_fujitsu-300x250.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /><figcaption class="wp-element-caption"><em>Concept de tablette Fujitsu « Iris »</em></figcaption></figure>



<p class="has-text-align-left">On pourrait imaginer l&rsquo;usage de vitres transparentes interactives pour la réalité augmentée. En effet, on voit tout de suite l&rsquo;intérêt&nbsp;: <strong>c&rsquo;est la « vrai » réalité qui peut être perçue au travers de la transparence de la vitre</strong>. Les informations peuvent être alors rajoutées à la réalité à l&rsquo;intérieur de la vitre. Mais ceci pose des problèmes de perception, comme nous allons le voir ci-après.</p>



<h2 class="wp-block-heading">Problématiques de la position de l&rsquo;observateur avec la réalité augmentée au travers d&rsquo;une vitre</h2>



<figure class="wp-block-image alignleft wp-image-14954 size-full"><img loading="lazy" decoding="async" width="243" height="302" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/parallaxe1-1-2.png" alt="Illustration explicative de la parallaxe" class="wp-image-14954" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/parallaxe1-1-2.png 243w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/parallaxe1-1-2-241x300.png 241w" sizes="auto, (max-width: 243px) 100vw, 243px" /><figcaption class="wp-element-caption">Effet de parallaxe</figcaption></figure>



<p class="has-text-align-left">Mais cette technique des vitres transparentes a son revers. Je voudrais mentionner en particulier l&rsquo;effet de <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Parallaxe"><strong>parallaxe</strong></a> (incidence du changement de position de l’observateur sur l’observation d’un objet). Si notre menhir dans notre schéma ci-dessus est une vitre transparente où s&rsquo;affichent des informations censées augmenter la réalité, alors il faut que la <strong>position de notre observateur et du menhir soient solidaires</strong>, afin que les informations affichées dans le menhir soient bien alignées avec les objets réels à augmenter. Donc, si notre observateur bouge où s&rsquo;il y a plusieurs observateurs, les informations affichées dans le menhir ne sont plus alignées avec les objets réels à augmenter. Le problème se présentera donc avec les systèmes d&rsquo;affichage au travers des vitres, comme dans l&rsquo;exemple de la tablette ci-dessus, mais aussi pour la passagère de notre taxi dans la première illustration de ce billet ( et à 00:35 sur la vidéo plus bas de Microsoft Office Vision).</p>



<p class="has-text-align-left">De plus, un autre paramètre est à prendre en compte&nbsp;: la <strong>distance entre l&rsquo;observateur et la vitre</strong>, qui doit être prise en compte pour ajuster la proportion des informations augmentées en rapport avec les objets réels.</p>



<p class="has-text-align-left">Nous pourrions faire grossir assez vite la liste des facteurs de <strong>difficultés d&rsquo;utilisation de la réalité augmentée au travers d&rsquo;une vitre</strong> en plus des dimensions perceptives déjà citées, et pas des moindres. Pour un dispositif placé dans un environnement extérieur notamment, il faut pouvoir gérer les variations de luminosité, de reflets, contrastes etc. et autres paramètres influençant la visibilité et la netteté de l&rsquo;affichage holographique.</p>



<p class="has-text-align-left">Ces <strong>problèmes ne se présenteront pas</strong> avec la réalité augmentée sur nos <strong>smartphones actuels</strong>, puisque la réalité et les informations augmentées sont sur le même plan, sur l&rsquo;écran de l&rsquo;appareil, et sont donc alignés et solidaires, et il n&rsquo;y a pas non plus de problème avec la distance entre l&rsquo;observateur et l&rsquo;affichage. Ces problèmes ne se présenteront pas non plus dans le cas de la <strong>vision tête haute dans le cockpit</strong> ou l&rsquo;<strong>habitacle de la voiture</strong> (illustrations plus haut) car la posture assise fixe de l&rsquo;observateur est solidaire du reste de l&rsquo;habitacle et de la vitre.</p>



<p class="has-text-align-left">Ces problèmes de position de l&rsquo;observateur par rapport à des vitres transparentes à réalité augmentée pourraient être évités si le dispositif <strong>détecte la distance et la position des yeux de l&rsquo;observateur</strong> (et un seul observateur), afin de caler et aligner les informations dans la vitre avec la vision de l&rsquo;observateur et les objets réels. Des <strong>détecteurs de formes</strong> peuvent être utilisés (c&rsquo;est la solution que j&rsquo;ai proposé dans le cadre d&rsquo;un <a href="/portfolio_page/ux-ui-monolithe-interactif-orientation-passagers/">projet de dispositif digital d&rsquo;orientation</a>), des caméras ou webcams, des <strong>capteurs rétiniens</strong>, comme ceux qui sont utilisés par certains dispositifs <strong><a href="https://fr.wikipedia.org/wiki/Oculom%C3%A9trie">oculométriques</a></strong> (<a class="snap_shot" href="https://en.wikipedia.org/wiki/Eye_tracking"><strong>eye-tracking</strong></a>) tels le <a href="https://www.tobii.com/"><strong>Tobii glasses</strong></a>.</p>



<h2 class="wp-block-heading">Les lunettes&nbsp;: le dispositif idéal&nbsp;?</h2>



<p>Cette technologie sera très bientôt disponible. <a href="https://9to5google.com/2012/02/06/hud-google-glasses-are-real-and-they-are-coming-soon/"><strong>Google</strong> travaillerait sur un tel dispositif</a> tournant sous l&rsquo;OS Android (voir la vidéo en fin d&rsquo;article).</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/oakleys-hud-glass_TRP.png"><img loading="lazy" decoding="async" width="600" height="213" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/oakleys-hud-glass_TRP.png" alt="Concept lunettes Head-up Display Oakley" class="wp-image-33869" title="oakley_sunglasses" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/oakleys-hud-glass_TRP.png 600w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/oakleys-hud-glass_TRP-300x107.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></figure>



<p class="has-text-align-left">L&rsquo;utilisation de lunettes pour la réalité augmentée présente de nombreux avantages&nbsp;:</p>



<ul class="wp-block-list">
<li>D&rsquo;abord, les lunettes étant solidaires du porteur, les problèmes de position de l&rsquo;observateur (évoquées plus haut) ne se présentent pas</li>



<li>Une excellente portabilité puisque les mains sont libres</li>



<li>L&rsquo;adaptation au champ visuel de l’utilisateur est complet, l&rsquo;immersion dans la réalité augmentée est totale. C&rsquo;est un gros avantage des lunettes par rapport aux tablettes et smartphones</li>
</ul>



<p>Mais&#8230;</p>



<ul class="wp-block-list">
<li>On perd l&rsquo;interactivité avec un écran tactile, mais le dispositif pourrait être complété par un smartphone connecté en bluetooth faisant office d&rsquo;interface avec les lunettes, une interface vocale ou mieux&nbsp;: avec des interfaces gestuelles ou omnitouch.</li>
</ul>



<figure class="wp-block-image alignleft"><img loading="lazy" decoding="async" width="321" height="200" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/omnitouch-1-2.jpg" alt="Usages interfaces Omnitouch" class="wp-image-14958" title="omnitouch" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/02/omnitouch-1-2.jpg 321w, https://www.pierre-lannes.fr/wp-content/uploads/2012/02/omnitouch-1-2-300x187.jpg 300w" sizes="auto, (max-width: 321px) 100vw, 321px" /></figure>



<p><em>Interface Omnitouch</em></p>



<p>Le dispositif le plus prometteur semble donc celui des <strong>lunettes à réalité augmentée</strong>, si l&rsquo;on propose avec celle ci une interface efficace. Voir ci-dessous la dernière vidéo avec le concept BMW d&rsquo;assistance au dépannage.</p>



<p>La vidéo ci-dessous commence par une application en réalité augmentée sur lunettes&nbsp;: la <strong>traduction linguistique</strong> automatique de contenus du réel (panneaux de signalisations).</p>



<p>Vous trouverez également dans cette vidéo à 00:35 l&rsquo;exemple de l&rsquo;<strong>affichage sur la vitre de taxi</strong>, évoqué à plusieurs reprises dans le billet.</p>



<p>Ci-dessous, une autre vidéo prospective. Une nouvelle technologie de vitres, compatibles avec les technologies OLED et tactiles. Elle peut être déclinée sur n’importe quel support ou devices, et permet l’utilisation de la réalité augmentée.</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="A Day Made of Glass... Made possible by Corning. (2011)" width="500" height="281" src="https://www.youtube.com/embed/6Cf7IL_eZ38?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>A Day Made of Glass&#8230; Made possible by Corning (5:32, 2011)</em></p>



<p>Une vidéo pour illustrer un usage possible des <strong>lunettes à réalité augmentée</strong>&nbsp;: l&rsquo;assistance d&rsquo;un mécanicien dans la vérification, la réparation ou le changement de pièces moteur&nbsp;:</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="BMW augmented reality" width="500" height="375" src="https://www.youtube.com/embed/P9KPJlA5yds?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>Concept BMW assistance au dépannage<br>avec lunettes de réalité augmentée (2:39, 2007)</em></p>



<p class="has-text-align-center">Une vidéo d&rsquo;illustration du projet de lunettes à réalité augmentée <a title="Project Glass de Google" href="https://plus.google.com/111626127367496192147/posts">« <strong>Glass</strong> » de <strong>Google</strong></a>&nbsp;avec interface vocale&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="Project Glass: One day..." width="500" height="281" src="https://www.youtube.com/embed/9c6W4CCU9M4?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>Glass de Google (2:30, 2012)</em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Synchroniser et partager ses lectures d&#8217;infos entre un ordinateur, un iPhone et un iPad</title>
		<link>https://www.pierre-lannes.fr/synchroniser-partager-lectures-flux-rss/</link>
					<comments>https://www.pierre-lannes.fr/synchroniser-partager-lectures-flux-rss/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Mon, 27 Dec 2010 19:51:33 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[cross-canal]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[microblogging]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[navigateurs web]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[web 2.0]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=8948</guid>

					<description><![CDATA[Suivre, trier, lire, sauvegarder et partager et maintenir synchronisée entre un ordinateur, un iPhone et un iPad la lecture d'articles provenant de flux RSS : journaux, magazines, blogs, photos... Cela est possible avec divers services et applications remarquables, qui sont présentées dans ce billet.]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="900" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/greader_titou-1-2.jpg" alt="Flux RSS, partage, bookmarking" class="wp-image-8940" title="greader_titou" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/greader_titou-1-2.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/greader_titou-1-2-167x300.jpg 167w" sizes="auto, (max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption"><em>fig. 1&nbsp;: mon écosystème de lecture et de partage d&rsquo;infos</em></figcaption></figure>



<p>J&rsquo;effectue une veille personnelle et professionnelle régulière, à partir de contenus provenant de différents sites webs&nbsp;: journaux, magazines, blogs&#8230;&nbsp;Tous ces sites mettent à notre disposition des <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Flux_RSS"><strong>flux RSS</strong></a> qui contiennent les articles (textes, liens, images, vidéos) publiés sur ces sites.</p>



<p>L&rsquo;intérêt des flux RSS est qu&rsquo;ils nous évitent d&rsquo;aller consulter tous les sites pour vérifier et consulter les nouveaux articles, surtout si vous êtes intéressés par de nombreux sites. En effet, vous pouvez regrouper tous les flux à un seul endroit, dans une page web ou une application, qui contiendra donc les contenus de votre choix. Au lieu d&rsquo;aller chercher l&rsquo;information sur plusieurs sites, c&rsquo;est donc elle qui vient à vous, regroupée à un seul endroit.</p>



<h2 class="wp-block-heading">Suivre, trier, lire, sauvegarder et partager des articles</h2>



<p>En ce qui me concerne, je consulte aujourd&rsquo;hui de manière régulière 173 flux, avec des rythmes de publications très différents,&nbsp; générant au total des dizaines (et même des centaines&#8230;) de nouveaux articles par jour. Évidemment, je ne lis pas tous les contenus. Une première activité consiste à trier le contenu, lire certains articles, et éventuellement les partager sur les réseaux sociaux (<strong>Facebook</strong>, <strong>Twitter</strong>&#8230;), sauvegarder des liens.</p>



<p>De plus, j&rsquo;ai besoin d&rsquo;accéder à mes contenus avec des dispositifs différents&nbsp;: mon ordinateur portable ou mon <strong>iPad </strong>à la maison, sur mon <strong>iPhone </strong>dans les transports en commun. Quelquefois, &nbsp;je consulte le contenu des articles alors qu&rsquo;il n&rsquo;y a pas de connexion internet disponible. Dans ce billet, je vais présenter les applications que j&rsquo;utilise sur <strong>ordinateur</strong>, <strong>iPhone </strong>et <strong>iPad</strong>, pour suivre, lire, synchroniser et partager mes lectures d&rsquo;articles et billets sur le web.</p>



<h2 class="wp-block-heading">Google Reader, le point d&rsquo;entrée idéal</h2>



<p><strong>Edit du 02/07/2013</strong>&nbsp;: Google a arrêté le service Google Reader, mais plusieurs autres services permettent de le remplacer, en important les abonnements aux flux&nbsp;: <a title="Feedly" href="https://www.feedly.com"><strong>Feedly</strong></a>&nbsp;(c&rsquo;est celui &nbsp;que j&rsquo;utilise), <a title="The Old Reader" href="https://theoldreader.com/"><strong>The Old Reader</strong></a>, <strong><a title="Digg Reader" href="https://digg.com/">Digg Reader</a></strong>&nbsp;ou encore&nbsp;<a href="https://flipboard.com/@titou/experience-parcours-client-et-usagers-at4u6ubky"><strong>Flipboard</strong></a>&nbsp;et&nbsp;<strong>Pulse</strong><em>&nbsp;</em>cités plus bas dans ce billet.&nbsp;Ma préférence va vers&nbsp;<strong>Feedly</strong>&nbsp;car il&nbsp;permet désormais de remplacer Google Reader comme source d&rsquo;abonnement et de synchronisation des abonnements dans&nbsp;l’application <a href="https://reederapp.com/ios/"><strong>Reeder</strong></a>&nbsp;citée également ci-dessous.</p>



<p>Pour commencer, la meilleure façon de personnaliser et de gérer ses lectures d&rsquo;articles, c&rsquo;est de regrouper les différentes sources contenant les articles (les flux RSS) sous forme d&rsquo;abonnement dans le lecteur <strong>Google Reader. </strong>Ce service web est gratuit, il nécessite un compte personnel (gratuit) chez <strong>Google</strong> (le même compte que l&rsquo;on utilise pour se connecter à <strong>GMail</strong>, <strong>Google Calendar</strong>, etc.)&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="461" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_greader-1-2.jpg" alt="Google Reader web page" class="wp-image-8941" title="sc_greader" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_greader-1-2.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_greader-1-2-300x277.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption"><em>fig. 2&nbsp;: le lecteur de flux RSS <strong><a href="https://fr.wikipedia.org/wiki/Google_Reader">Google Reader</a></strong></em></figcaption></figure>



<p>Vous pourriez utiliser tout simplement <strong>Google Reader</strong> dans l&rsquo;importe quel navigateur web (Internet Explorer, Firefox, Chrome, Safari&#8230;) sur n&rsquo;importe quel appareil&nbsp;: ordinateur, téléphone mobile, smartphone, tablette. A ce moment là, vous n&rsquo;auriez pas forcément besoin de <strong>Google Reader</strong>, et vous pourriez utiliser un autre service de lecture de flux RSS en ligne, comme <strong><a href="https://www.netvibes.com">Netvibes</a>&nbsp;</strong>par exemple.</p>



<p>Mais le gros atout de <strong>Google Reader</strong>, c&rsquo;est qu&rsquo;il vous donne la possibilité de consulter et gérer vos abonnements RSS (avec du texte, photo, vidéos) depuis de nombreuses applications et appareils de votre choix (ordinateurs, smartphones, tablettes&#8230;), et maintenir le tout <strong>synchronisé</strong>. <strong>Edit du 02/07/2013</strong>&nbsp;: Google a arrêté le service Google Reader, mais plusieurs autres services peuvent être utilisés et permettent l&rsquo;import des abonnements&nbsp;Google Reader&nbsp;:&nbsp;<a title="Feedly" href="https://www.feedly.com"><strong>Feedly</strong></a>&nbsp;(c&rsquo;est celui &nbsp;que j&rsquo;utilise),&nbsp;<a title="The Old Reader" href="https://theoldreader.com/"><strong>The Old Reader</strong></a>,&nbsp;<strong><a title="Digg Reader" href="https://digg.com/">Digg Reader</a></strong>, etc. L&rsquo;intérêt de raccorder et synchroniser des applications différentes avec&nbsp;un même service dans le cloud, c&rsquo;est que toutes les applications qui seront connectées au même compte géreront le même contenu, les abonnements aux flux, l&rsquo;organisation des différents abonnements&nbsp;dans les dossiers, le tri des articles&nbsp;: lu/non lu, partagés, favoris (voir la figure 1 au début de ce billet), avec une présentation et une interactivité adaptée à chaque support utilisé&nbsp;: smartphone, tablette, ordinateur. C&rsquo;est ce qui permet ce que l&rsquo;on&nbsp;appelle un <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/"><strong>parcours cross-canal</strong></a>. Par exemple, vous pouvez lire un article chez vous sur votre ordinateur, finir de le lire et le « marquer comme lu » sur une application sur votre téléphone portable, l&rsquo;article en question sera considéré comme lu sur n&rsquo;importe qu&rsquo;elle application qui se connectera de nouveau sur votre compte.</p>



<p>Le choix des applications se fera en fonction des terminaux dont vous disposez, les systèmes d&rsquo;exploitations, les navigateurs web que vous utilisez. Le choix sera aussi fonction de vos propres goûts, préférences et habitudes, et aussi de la tire-lire, sachant que la plupart des services et applications sont gratuits. Dans les paragraphes suivants je vais présenter les applications que j&rsquo;utilise en particulier.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1014" height="843" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly-1-2.jpg" alt="Feedly web RSS Reader Cover" class="wp-image-9018" title="fig. 4&nbsp;: les fonctions de partage dans Feedly" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly-1-2.jpg 1014w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly-1-2-300x249.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly-1-2-768x638.jpg 768w" sizes="auto, (max-width: 1014px) 100vw, 1014px" /><figcaption class="wp-element-caption"><em>fig. 3&nbsp;: l&rsquo;extension <strong><a href="https://www.feedly.com">Feedly</a> </strong>pour navigateurs web</em></figcaption></figure>



<h2 class="wp-block-heading">Feedly&nbsp;: consultation des contenus sur un ordinateur</h2>



<p>En ce qui me concerne, pour consulter sur un ordinateur mes contenus de <strong>Google Reader</strong>, ma préférence va vers <a href="https://feedly.com/"><strong>Feedly</strong></a> (cf. figure ci-dessus). Il s&rsquo;agit à la fois d&rsquo;un service cloud d&rsquo;abonnement à des flux RSS, d&rsquo;une webapp fonctionnant sur n&rsquo;importe quel navigateur web sur Mac, PC sous Windows, Linux, Ubuntu (Internet Explorer, Firefox, Chrome, Safari) et une <a href="https://feedly.com/">application pour smartphones et tablettes</a>.</p>



<p><strong>Edit du 02/07/2013</strong>&nbsp;: Google a arrêté le service Google Reader.&nbsp;<strong><a title="Feedly" href="https://www.feedly.com">Feedly</a></strong>&nbsp;permet désormais de remplacer Google Reader comme source d&rsquo;abonnement et de synchronisation de flux RSS.</p>



<p><strong>Feedly</strong> propose une manière très riche et très souple de consulter vos articles, avec une mise en page de type « magazine » personnalisable. Bien entendu, <strong>Feedly </strong>reprend la structure des catégories et les fonctionnalités de <strong>Google Reader</strong>&nbsp;: partage, sauvegarde, marquage comme lu d&rsquo;un item (avec des effets d&rsquo;agrandissement, rafraîchissement de zones, etc.).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="900" height="762" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly_1-1-2.jpg" alt="Feedly web RSS Reader" class="wp-image-9021" title="fig. 4&nbsp;: les fonctions de partage dans Feedly" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly_1-1-2.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly_1-1-2-300x254.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_feedly_1-1-2-768x650.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption"><em>fig. 4&nbsp;: les fonctions de partage dans <strong><a href="https://www.feedly.com">Feedly</a></strong></em></figcaption></figure>



<p><strong>Feedly</strong> permet de partager les contenus en utilisant une multitude de services de partage (cf. ci-dessus), et met à disposition une « minibar » dans le navigateur web. Il croise les contenus avec les services <strong>Flickr </strong>et <strong>YouTube</strong>, afin de proposer des images et des vidéos en rapport avec vos contenus, et intègre également les informations issues de votre compte <strong>Twitter</strong>. Cela donne un outil très agréable à utiliser, efficace et très fonctionnel.&nbsp; C&rsquo;est une nouvelle expérience de navigation sur le web. En un mot&nbsp;: génial&nbsp;! <strong>Feedly</strong> est également disponible comme application sur iPhone, iPad, téléphones et tablettes Android.</p>



<h2 class="wp-block-heading">Reeder&nbsp;: consultation des contenus sur un iPhone et iPad</h2>



<p><strong>Edit du 02/07/2013</strong>&nbsp;: &nbsp;<strong><a title="Feedly" href="https://www.feedly.com">Feedly</a></strong>&nbsp;peut désormais remplacer Google Reader comme source de flux dans l&rsquo;application&nbsp;<a href="https://reederapp.com/ios/"><strong>Reeder</strong></a>&nbsp;qui est&nbsp;mon application préférée pour consulter mes abonnements&nbsp;sur&nbsp;<strong>iPhone </strong>et <strong>iPad</strong>. L&rsquo;application&nbsp;<a href="https://reederapp.com/ios/">pour iOS</a>&nbsp;est universelle (fonctionne sur iPhone et iPad). Il existe d&rsquo;autres applications gratuites (voir plus bas), mais c&rsquo;est vraiment celle-ci que je trouve la plus efficace.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_1-1-2.jpg" alt="Reeder iPad app" class="wp-image-8984" title="fig. 5&nbsp;: accueil dossiers application Reeder pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_1-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_1-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_1-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 5&nbsp;: accueil dossiers application <a href="https://reederapp.com/ios/"><strong>Reeder </strong>sur iPad</a></em></figcaption></figure>



<p>L&rsquo;interface est très épurée, et il faut quelques instants pour trouver ces marques.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_2-1-2.jpg" alt="Fonction de partage et de envoi d’articles dans Reeder pour iPad" class="wp-image-8985" title="fig. 6&nbsp;: fonction de partage et de envoi d’articles dans Reeder pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_2-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_2-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_ipad_2-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 6&nbsp;: fonction de partage et d&rsquo;envoi d&rsquo;articles dans <a href="https://reederapp.com/ios/">Reeder sur iPad</a></em></figcaption></figure>



<p>Les fonctions de partage d&rsquo;articles sont &nbsp;paramétrables. Parmi celles que j&rsquo;utilise, l&rsquo;export vers <a title="Pocket" href="https://getpocket.com"><strong>Pocket</strong></a>, <strong>Readability</strong> ou&nbsp;<strong>Instapaper </strong>(cf. ci-dessous), vers l&rsquo;outil de <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Marque-page_(informatique)">bookmarking</a>&nbsp;<strong>Delicious</strong>, vers <strong>Twitter</strong>, <strong>Facebook</strong>, etc.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="480" height="359" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_3-1-2.jpg" alt="Reeder iPhone app 3" class="wp-image-8946" title="sc_reeder_iphone_3" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_3-1-2.jpg 480w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_3-1-2-300x224.jpg 300w" sizes="auto, (max-width: 480px) 100vw, 480px" /><figcaption class="wp-element-caption"><em>fig. 7&nbsp;: l&rsquo;application <a href="https://reederapp.com"><strong>Reeder </strong>sur iPhone</a></em></figcaption></figure>



<p>La version pour iPhone est&nbsp;très&nbsp;proche de la version iPad dans son fonctionnement.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="320" height="480" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_2-1-2.jpg" alt="Reeder iPhone app" class="wp-image-9017" title="fig. 8&nbsp;: des &quot;gestures&quot; efficaces dans Reeder" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_2-1-2.jpg 320w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_reeder_iphone_2-1-2-200x300.jpg 200w" sizes="auto, (max-width: 320px) 100vw, 320px" /><figcaption class="wp-element-caption"><em>fig. 8&nbsp;: des « gestures » efficaces dans <strong>Reeder</strong></em></figcaption></figure>



<p>Les principes d&rsquo;interactions entre l&rsquo;utilisateur et l&rsquo;application <strong>Reeder </strong>sont les mêmes dans l&rsquo;application pour <strong>iPhone </strong>ou <strong>iPad</strong>. Une des fonctionnalités des plus <strong>redoutables </strong>qui rend <strong>Reeder </strong>si efficace est la gestion des « gestures » dans les listes d&rsquo;articles, comme cela est illustré dans la figure ci-dessus&nbsp;: un glissement vers la gauche rajoute ou enlève l&rsquo;élément sélectionné des&nbsp;favoris, un glissement &nbsp;vers la droite sélectionne l&rsquo;article&nbsp;comme lu/non lu. Cela permet de réaliser très rapidement un premier tri des articles dans les listes.</p>



<h2 class="wp-block-heading">Instapaper&nbsp;: lecture simplifiée en mode déconnecté sur iPhone et iPad</h2>



<p>Un nombre impressionnant d&rsquo;applications permettent de sauvegarder des pages et articles vers le service en ligne <a href="https://www.instapaper.com/iphone"><strong>Instapaper</strong></a>. Le contenu peut être accessible dans l&rsquo;application universelle (pour <strong>iPhone </strong>et <strong>iPad</strong>).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_ipad.jpg" alt="liste d'article application Instapaper pour iPad" class="wp-image-22745" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_ipad.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_ipad-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_ipad-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 9&nbsp;: liste d&rsquo;article application <a href="https://www.instapaper.com/iphone">Instapaper sur iPad</a></em></figcaption></figure>



<p>L&rsquo;application <strong>Instapaper </strong>télécharge le contenu textuel et les images d&rsquo;un article, ce qui permet de consulter les articles alors que nous n&rsquo;êtes pas connecté à internet, ce qui est très pratique. De plus, le fait que seul le texte de l&rsquo;article et les images soient récupérés permet de se concentrer sur le contenu, sans fioriture, sans pub ou autre élément du site d&rsquo;origine&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="320" height="480" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_iphone-1-2.jpg" alt="Instapaper iPhone iOS app" class="wp-image-8994" title="sc_instapaper_iphone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_iphone-1-2.jpg 320w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_instapaper_iphone-1-2-200x300.jpg 200w" sizes="auto, (max-width: 320px) 100vw, 320px" /><figcaption class="wp-element-caption"><em>fig. 10&nbsp;: contenu d&rsquo;un article dans l&rsquo;application <a href="https://www.instapaper.com/iphone"><strong>Instapaper </strong>sur iPod / iPhone</a></em></figcaption></figure>



<p><strong>Edit du 02/007/2013&nbsp;:</strong> j&rsquo;utilise désormais l&rsquo;application <strong><a title="Pocket" href="https://getpocket.com">Pocket</a></strong>&nbsp;à la place d&rsquo;Instapaper, qui offre&nbsp;en plus la possibilité de taguer les articles pour le classement.</p>



<p>J&rsquo;utilise <strong>Instapaper </strong>pour marquer et lire des articles envoyés depuis &nbsp;les différentes applications déjà décrites, mais pas seulement. Les articles que j&rsquo;envoie dans Instapaper peuvent provenir de liens venant par exemple de <strong>Twitter</strong>.</p>



<p>Dans la figure ci-dessous, la fonction de « Marque Page » dans l&rsquo;application <strong>Twitter pour iPod / iPhone / iPad</strong> (gratuite) envoi la page de destination du lien vers mon compte <strong>Instapaper</strong>. Je peux également transférer un email de ma boite au lettre email vers <strong>Instapaper</strong>, etc.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_twitter_instapaper_ipad.jpg" alt="envoi vers Instapaper dans l'application Twitter pour iPad" class="wp-image-22746" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_twitter_instapaper_ipad.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_twitter_instapaper_ipad-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_twitter_instapaper_ipad-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 11&nbsp;: envoi vers Instapaper dans l&rsquo;application <strong><a href="https://itunes.apple.com/fr/app/twitter/id333903271?mt=8">Twitter</a></strong> sur <strong>iPad</strong></em></figcaption></figure>



<h2 class="wp-block-heading">Flipboard&nbsp;: une magnifique façon de surfer dans les contenus depuis un iPad</h2>



<p>Comme je l&rsquo;ai déjà mentionné, il existe un grand nombre d&rsquo;applications permettant de récupérer le contenu de votre compte <strong>Google Reader</strong>. <a href="https://flipboard.com"><strong>Flipboard</strong></a> (gratuit), classée application de l&rsquo;année 2010, est une application qui permet de récupérer des contenus provenant de votre compte&nbsp;<strong>Google Reader</strong>, mais aussi de vos comptes <strong>Facebook</strong>, <strong>Twitter </strong>et <strong>Flickr</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_1-1-2.jpg" alt="Flipboard pour iPad" class="wp-image-8979" title="fig. 11&nbsp;: page d'application Flipboard pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_1-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_1-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_1-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 12&nbsp;: page de l&rsquo;application <a href="https://flipboard.com"><strong>Flipboard</strong></a> sur <strong>iPad</strong></em></figcaption></figure>



<p>Tous les contenus sont récupérés dans l&rsquo;application <strong>Flipboard </strong>et présentés dans un format magazine complètement adapté à l&rsquo;iPad, avec des fonctions de lecture (textes, images, vidéos) et de transitions très agréables.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_2-1-2.jpg" alt="Flipboard iPad app" class="wp-image-8980" title="fig. 12&nbsp;: page de contenu dans Flipboard pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_2-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_2-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_2-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 13&nbsp;: page de contenu dans <a href="https://flipboard.com"><strong>Flipboard</strong></a> sur <strong>iPad</strong></em></figcaption></figure>



<p><strong>Flipboard </strong>dispose de fonctions de partage intégrées à <strong>Google Reader</strong>, et permet également l&rsquo;export des articles vers &nbsp;<strong>Instapaper </strong>(cf. paragraphes précédents).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_3-1-2.jpg" alt="Flipboard iPad app share" class="wp-image-8981" title="fig. 13&nbsp;: partage d'article dans dans Flipboard pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_3-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_3-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flipboard_3-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 14&nbsp;: partage d&rsquo;article dans dans <a href="https://flipboard.com"><strong>Flipboard</strong></a> sur <strong>iPad</strong></em></figcaption></figure>



<h2 class="wp-block-heading">Autres applications gratuites</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="320" height="480" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/my6sense-1-2.png" alt="my6sense" class="wp-image-9078" title="my6sense" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/my6sense-1-2.png 320w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/my6sense-1-2-200x300.png 200w" sizes="auto, (max-width: 320px) 100vw, 320px" /><figcaption class="wp-element-caption"><em>fig. 14&nbsp;: l&rsquo;application My6sense sur iPhone</em></figcaption></figure>



<p class="has-text-align-left">Il existe nombre d&rsquo;applications gratuites pour <strong>iPhone / iPod </strong>ou <strong>iPad </strong>permettant la connexion avec les contenus de<strong> Google Reader</strong> mais aussi la récupération de contenus&nbsp;<strong>Facebook </strong>et <strong>Twitter</strong>, comme&nbsp;l’application&nbsp;<strong>Flipboard </strong>déjà citée. Citons les applications &nbsp;<strong>My6sense </strong>pour<strong> iPhone / iPod</strong> (ci-dessus), l&rsquo;application&nbsp;<strong>Pulse </strong>pour<strong> iPhone</strong> et<strong> iPad</strong>.&nbsp;<strong>The Feed</strong> pour <strong>iPad </strong>(ci-dessous), quand à elle, récupère seulement les contenus de <strong>Google Reader</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_the_feed_ipad-1-2.jpg" alt="The Feed iPad iOS app" class="wp-image-8986" title="fig. 14&nbsp;: Application The Feed pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_the_feed_ipad-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_the_feed_ipad-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_the_feed_ipad-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 16&nbsp;: Application <strong>The Feed</strong> sur <strong>iPad</strong></em></figcaption></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="367" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/pulse_iphone-1-2.png" alt="Pulse app pour iPhone iOS" class="wp-image-9002" title="Pulse pour iPhone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/pulse_iphone-1-2.png 500w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/pulse_iphone-1-2-300x220.png 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /><figcaption class="wp-element-caption"><em>fig. 17&nbsp;: Application <strong>Pulse</strong> sur <strong>iPhone</strong></em></figcaption></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="768" src="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flud_ipad-1-2.jpg" alt="Flud iPad app" class="wp-image-8982" title="fig. 15&nbsp;: Application Flud pour iPad" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flud_ipad-1-2.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flud_ipad-1-2-300x225.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2010/12/sc_flud_ipad-1-2-768x576.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><em>fig. 18&nbsp;: Application Flud sur iPad</em></figcaption></figure>



<h2 class="wp-block-heading">Le choix des applications</h2>



<p class="has-text-align-left">Comme je l&rsquo;ai déjà mentionné, le choix des applications dépend de plusieurs&nbsp;critères, &nbsp;notamment vos appareils, &nbsp;vos goûts, etc. &nbsp;Sur un même appareil, vous pouvez utiliser des applications avec des fonctionnalités semblables, mais vous pouvez&nbsp;&nbsp;basculer de l&rsquo;une à l&rsquo;autre, selon l&rsquo;humeur, le type de consultation recherché, vos buts, le temps dont vous disposez&#8230; En ce qui me concerne, sur l&rsquo;<strong>iPad</strong> ou l&rsquo;<strong>iPhone</strong>, j&rsquo;utiliserai plutôt&nbsp;:</p>



<ul class="wp-block-list">
<li>l&rsquo;application <strong><a href="https://reederapp.com">Reeder</a> </strong>aussi bien sur l&rsquo;<strong>iPad</strong> et l&rsquo;<strong>iPhone</strong>,&nbsp;quand je recherche de l&rsquo;efficacité, pour faire un premier tri des informations , un relecture très rapide des sujets, une première sélection. J&rsquo;envoie les gros articles à lire plus tard dans <strong>Instapaper</strong>,&nbsp;<strong>Pocket</strong>&nbsp;ou <strong>Readability</strong>.</li>



<li>l&rsquo;application <strong><a href="https://flipboard.com">Flipboard</a></strong>&nbsp;quand je veux faire une navigation plus improvisée,&nbsp;plus agréable, flâner sur les contenus, avec des images et des vidéos mises en avant, mais aussi des contenus provenant d&rsquo;autres sources que <strong>Google Reader</strong>&nbsp;ou <strong>Feedly</strong>&nbsp;: les contenus partagés par mes contacts et mes amis sur <strong>Twitter </strong>et <strong>Facebook</strong>, les photos <strong>Flickr.</strong></li>



<li>l&rsquo;application <a href="https://www.instapaper.com"><strong>Instapaper</strong></a>&nbsp;( j&rsquo;utilise désormais l&rsquo;application&nbsp;<strong><a title="Pocket" href="https://getpocket.com">Pocket</a>&nbsp;</strong>à la place d&rsquo;Instapaper ui offre en plus une gestion des tags pour le classement)&nbsp;est centrale et au cœur de mon dispositif de lecture. En effet, c&rsquo;est dans celle-ci que je vais envoyer tous les articles « à lire plus tard » depuis tous mes appareils et toutes mes applications. Ces contenus peuvent provenir de mes applications de lecture de flux déjà citées, mais aussi depuis un navigateur web (bookmarklets, extensions de navigateur web)&nbsp;ou depuis <strong>Feedly </strong>(voir plus haut) pour « mettre de côté » des liens et articles sur le web, depuis <strong>Twitter</strong>, etc. L&rsquo;avantage d&rsquo;<a href="https://www.instapaper.com"><strong>Instapaper</strong></a>&nbsp;(ou de &nbsp;<strong><a title="Pocket" href="https://getpocket.com">Pocket</a>&nbsp;</strong>ou&nbsp;<strong><strong>Readability</strong></strong>)<strong>&nbsp;</strong>c&rsquo;est que tous ces contenus seront disponibles au même endroit, avec un contenu simplifié (voir les explications plus haut dans ce billet). Une fois les articles lus dans <a href="https://www.instapaper.com"><strong>Instapaper</strong></a>&nbsp;(ou de&nbsp;&nbsp;<strong><a title="Pocket" href="https://getpocket.com">Pocket</a>&nbsp;</strong>ou&nbsp;<strong><strong>Readability</strong></strong>)&nbsp;je pourrai ensuite les archiver, les effacer, les partager vers les réseaux sociaux, ou les <a class="snap_shot" href="https://fr.wikipedia.org/wiki/Marque-page_(informatique)">bookmarker</a>.</li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/synchroniser-partager-lectures-flux-rss/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
