<?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>interfaces naturelles &#8211; Pierre Lannes</title>
	<atom:link href="https://www.pierre-lannes.fr/tag/nui/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.pierre-lannes.fr</link>
	<description></description>
	<lastBuildDate>Sat, 19 Jul 2025 20:22:46 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png</url>
	<title>interfaces naturelles &#8211; Pierre Lannes</title>
	<link>https://www.pierre-lannes.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Interfaces cerveau-machine et interfaces gestuelles&#160;: quelques prototypes récents</title>
		<link>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/</link>
					<comments>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 14 Jul 2012 09:01:09 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[interfaces gestuelles]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces naturelles]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15424</guid>

					<description><![CDATA[Quelques explications sur les interfaces cerveau-machine et une vidéo tournée en juin dernier au festival Futur en Seine, où 80 prototypes d'interfaces utilisateur innovantes étaient présentées en démonstration. Focus sur une interface cerveau-machine (contrôle par "la pensée") et une interface gestuelle, dont la conception a été particulièrement pensée en fonction des capacités des utilisateurs.]]></description>
										<content:encoded><![CDATA[
<p>Ci-dessous une <strong>vidéo</strong> par « <a title="Billet contenant la vidéo sur le billet du Monde Technologies" href="https://www.lemonde.fr/technologies/video/2012/06/15/plongee-dans-les-interfaces-du-futur_1719495_651865.html">Le Monde Technologies</a> » tournée en juin dernier au festival Futur en Seine, où 80 prototypes d&rsquo;interfaces utilisateur innovantes étaient présentées en démonstration.</p>



<p><strong>Focus</strong> sur une <strong>interface cerveau-machine</strong> (contrôle par « la pensée ») et <strong>une interface gestuelle</strong>, dont la conception a été particulièrement pensée en fonction des capacités des utilisateurs.</p>



<p>Concernant l&rsquo;<strong>interface cerveau-machine</strong> elle est de type “non intrusif”. Il s’agit de capteurs qui enregistrent les ondes cérébrales et les transmettent après décodage à un ordinateur. La technique s&rsquo;appuie sur l&rsquo;électroencéphalographie (EEG)&nbsp;: les activités humaines génèrent une activité cérébrale qui se manifeste par l’activation de zones distinctes dans le cerveau. En enregistrant ces faibles signaux, et en les associant aux actions concernées, il est possible de transformer une activité cérébrale en signal numérique et le communiquer à un ordinateur. Ces techniques préfigurent de nombreuses possibilités d&rsquo;application, notamment pour les personnes en situation de handicap.</p>



<figure class="wp-block-embed is-type-video is-provider-dailymotion wp-block-embed-dailymotion"><div class="wp-block-embed__wrapper">
<iframe title="Salon Futur en Seine" frameborder="0" width="500" height="281" src="https://geo.dailymotion.com/player.html?video=xrsuth&#038;" allowfullscreen allow="autoplay; fullscreen; picture-in-picture; web-share"></iframe>
</div></figure>



<p class="has-text-align-center"><a href="https://www.dailymotion.com/video/xrsuth_salon-futur-en-seine_news" target="_blank" rel="noopener noreferrer">Salon Futur en Seine</a> <i>par <a href="https://www.dailymotion.com/lemondefr" target="_blank" rel="noopener noreferrer">lemondefr</a></i></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/feed/</wfw:commentRss>
			<slash:comments>0</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 fetchpriority="high" 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="(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 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="(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>Les RIA signent la fin de la frontière entre le web et les applications métier</title>
		<link>https://www.pierre-lannes.fr/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/</link>
					<comments>https://www.pierre-lannes.fr/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Tue, 29 Mar 2011 18:51:41 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces naturelles]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=8876</guid>

					<description><![CDATA[Grâce à l'évolution du haut débit et des technologies web, les Rich Internet Applications (applications internet riches) sont apparues : des applications web pouvant fonctionner sur divers supports (ordinateurs, terminaux mobiles, smartphones, tablettes tactiles, etc.) dans un navigateur web ou une application autonome. Ces RIA peuvent reposer sur diverses technologies (bibliothèques Javascript, JavaFX, Adobe Flex, Microsoft Silverlight, etc.).
Quels bénéfices pour les utilisateurs ? Pour les entreprises ?]]></description>
										<content:encoded><![CDATA[
<p><strong>Vers plus de diversité ou d&rsquo;uniformité des interfaces utilisateur&nbsp;?</strong><br>Quels bénéfices pour les utilisateurs&nbsp;? Pour les entreprises&nbsp;?</p>



<h2 class="wp-block-heading">Avant les RIA</h2>



<p>« Autrefois », à l&rsquo;époque du web 1.0, nous avions&nbsp;:<br>&#8211; d&rsquo;un côté, un web statique, pour consulter des pages de contenus textuels et des images, accessibles depuis un logiciel de navigation web.<br>&#8211; d&rsquo;un autre côté, des logiciels pour travailler sur un ordinateur, saisir des contenus, réaliser des traitements, transactions, opérer de la manipulation de données, etc.</p>



<h2 class="wp-block-heading">Les RIA, une évolution logique des interfaces utilisateur</h2>



<p>Grâce à l&rsquo;évolution des connexions à haut débit et des technologies web, apparaissent les <strong><a href="https://fr.wikipedia.org/wiki/Rich_Internet_Application">Rich Internet Applications</a></strong> (applications internet riches) &nbsp;: des applications web pouvant fonctionner sur divers supports (ordinateurs, terminaux mobiles, smartphones, tablettes tactiles, etc.) dans un navigateur web ou une application autonome. Ces RIA peuvent reposer sur diverses technologies (bibliothèques Javascript, JavaFX, Adobe Flex, Microsoft Silverlight, etc.).</p>



<p>Tout en exploitant le côté visuel et immersif du web, elles offrent des caractéristiques similaires aux logiciels traditionnels. Il en résulte plus d&rsquo;<strong>interactivité </strong>avec l&rsquo;utilisateur, de <strong>fluidité de l&rsquo;interface</strong>, la présence de <strong>composants « riches »</strong>&nbsp;: panneaux flottants / dépliants, drag’n drop, réglettes, indicateurs de progression, auto-complétion et autosuggestion, fonctionnalités et affichages informationnels contextuels et flottants, etc. Bref, tout un ensemble d&rsquo;éléments qui peuvent contribuer à l&rsquo;amélioration de l&rsquo;expérience utilisateur.</p>



<p>Leur développement est également lié à&nbsp;:</p>



<p>&#8211; l&rsquo;émergence du <strong>web 2.0</strong>&nbsp;: l&rsquo;internaute n&rsquo;est plus passif devant le contenu, mais producteur de contenu, contributeur, utilisateur d&rsquo;outils de simulations, de commandes de produits en ligne, etc., ce qui sous-tend de plus en plus d&rsquo;interactivité.<br>&#8211; la banalisation du <strong>multimédia</strong> sur le web avec l&rsquo;audio et la vidéo, permettant notamment la <strong>visioconférence</strong>,<br>&#8211; la diversification et l&rsquo;<strong>émergence de supports</strong> de type <strong>tactiles </strong>et des <strong>modes d&rsquo;interactions</strong> « naturellement intuitifs » (<a href="/tag/nui/">interfaces naturelles</a> ou&nbsp;Natural User Interface)&nbsp;: smartphones, tablettes, vitrines et bornes interactives, réalité augmentée, etc. qui nécessitent des interfaces utilisateurs très dynamiques, animées, une interactivité accrue.</p>



<p>Du côté des entreprises, on constate&nbsp;:</p>



<p>&#8211; une <strong>quantité de données croissante</strong> et une <strong>multiplicité des types de données</strong> à manipuler dans beaucoup de métiers,<br>&#8211; un <strong>auditoire des applications de plus en plus large</strong> (de l’opérationnel au décideur),<br>&#8211; des <strong>usages </strong>et des <strong>exigences</strong> en pleine évolution chez les collaborateurs, boostés par leurs <strong>usages personnels du web, le mobile et les nouveaux supports</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="337" height="333" src="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/ria-venn-diagram_small.jpg" alt="Diagramme Rich Internet Applications" class="wp-image-22739" title="Diagramme Rich Internet Applications" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/ria-venn-diagram_small.jpg 337w, https://www.pierre-lannes.fr/wp-content/uploads/2011/03/ria-venn-diagram_small-300x296.jpg 300w" sizes="auto, (max-width: 337px) 100vw, 337px" /></figure>



<h2 class="wp-block-heading">De nombreux avantages dans le domaine professionnels et les entreprises</h2>



<h3 class="wp-block-heading">D&rsquo;abord, des avantages techniques&nbsp;:</h3>



<p>&#8211; les applications RIA peuvent fonctionner dans un <strong>simple navigateur web</strong> sur <strong>divers supports</strong>, ce qui <strong>facilite le déploiement et la maintenance</strong>, à la différence des logiciels traditionnels, nécessitant une maintenance plus lourde.<br>&#8211; de plus, les applications RIA peuvent être utilisées en <strong>mode connecté</strong> au web / réseau d&rsquo;entreprise <strong>ou en mode déconnecté</strong>, en stockant les données en local en mode hors connexion, en se synchronisant avec des bases de données distances lors des connexions. Ceci offre aussi de <strong>nouvelles possibilités concernant le stockage</strong> et la sauvegarde de données.</p>



<h3 class="wp-block-heading">Des avantages en terme de fonctionnalités et de productivité&nbsp;:</h3>



<p>&#8211; les RIA reposent sur les <strong>normes et standards d&rsquo;internet</strong>, qui sont utilisées et éprouvées mondialement.<br>&#8211; les caractéristiques fonctionnelles des applications RIA permettent d&rsquo;imaginer de <strong>nouvelles possibilités pour répondre à des besoins métiers</strong><br>&#8211; l&rsquo;utilisation du web s&rsquo;est démocratisée au niveau du <strong>grand public</strong>. Reprendre des standards et des bonnes pratiques du monde du web au niveau interfaces utilisateurs des applications métier permet de faciliter l&rsquo;apprentissage et l&rsquo;appropriation des outils. Si les modes d&rsquo;interactions sont « naturels » (disons « habituels » au regard de l&rsquo;utilisation du web) dans l&rsquo;application, l&rsquo;apprentissage pourra se focaliser sur les aspects métier, et non sur l&rsquo;apprentissage de l&rsquo;interface de l&rsquo;application elle-même. Cela, bien sûr, <strong>à condition que l&rsquo;ergonomie de l&rsquo;interface soit appropriée au regard des exigences métier, du contexte d&rsquo;utilisation des applications, et des caractéristiques des utilisateurs</strong>. En effet, <strong>une interface riche n&rsquo;est pas forcément une interface utilisable&nbsp;!</strong> Ce point est essentiel et démontre la nécessité de méthodes de conception fondées sur des principes et méthodes d&rsquo;ergonomie, centrés sur les utilisateurs.</p>



<h3 class="wp-block-heading">Des avantages en terme d&rsquo;image et de communication interne</h3>



<p>Avec la généralisation du web grand public, l&rsquo;ergonomie, la qualité et le graphisme des sites a beaucoup progressé, afin d&rsquo;attirer, de séduire et surtout de fidéliser les internautes&nbsp;: c&rsquo;est ce qu&rsquo;on appelle <strong>L&rsquo;expérience utilisateur</strong>.</p>



<p>Quand un individu utilise dans ses loisirs, même de façon ponctuelle, des interfaces utilisateurs efficaces, belles et agréables, il peut s&rsquo;attendre à un bon niveau ergonomique et graphique des interfaces des applications qu&rsquo;il va utiliser plusieurs heures par jour dans son activité professionnelle.<br>Le collaborateur n&rsquo;est pas seulement un utilisateur, il est aussi une <strong>cible </strong>pour l&rsquo;entreprise, il doit être séduit&nbsp;! Cela est d&rsquo;autant plus vrai avec l&rsquo;arrivée sur le marché du travail d&rsquo;individus qui ont grandit dans l&rsquo;époque du « tout numérique » (les « <strong>Digital Natives</strong>« ).</p>



<p>Les RIA, en s&rsquo;appuyant à la fois sur les bonnes pratiques du web, des logiciels traditionnels et de la communication, sont à même de répondre à ces niveaux d&rsquo;exigences. Dés mai 2005, le cabinet <a href="https://www.gartner.com">Gartner</a> présentait une étude prévoyant qu&rsquo;environ<strong> 60% des nouvelles applications utiliseraient une technologie RIA en 2010</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="559" src="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/zendeskstorm.png" alt="Zendesk Storm Web App" class="wp-image-22741" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/zendeskstorm.png 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2011/03/zendeskstorm-300x152.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2011/03/zendeskstorm-1024x520.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2011/03/zendeskstorm-768x390.png 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<h2 class="wp-block-heading">Homogénéisation, standardisation et productivité</h2>



<p>La généralisation de normes, bonnes pratiques, la mise à disposition de composants d&rsquo;interfaces utilisateur prêts à être intégrés directement dans les sites webs ou applications permettent&nbsp;:<br>&#8211; plus d&rsquo;<strong>efficacité </strong>des sites webs et des applications,<br>&#8211; plus de <strong>productivité</strong>, côté <strong>utilisateur </strong>(métier ou grand public) mais aussi côté <strong>conception </strong>et <strong>réalisation </strong>de ces interfaces.</p>



<p>Quand on présente les choses de cette manière, on pourrait penser que cela va nous amener vers une <strong>uniformisation </strong>des sites web et des applications, qui vont tous se ressembler, et potentiellement une monotonie, que seules les chartes graphiques pourraient faire un peu varier&nbsp;? Pour exemple, en ce moment, les clients nous demande beaucoup des graphismes « à la Apple » (les boutons iPhone, le carrousel « à la iTunes »). Il ne s&rsquo;agit que de phénomènes de mode, transitoires.</p>



<p>En poussant le raisonnement encore plus loin, on pourrait imaginer qu&rsquo;une entreprise mette à la disposition de ses collaborateurs et ses clients les mêmes interfaces. Nous avons rencontré cette situation chez un client qui a érigé ce principe dans le cadre d&rsquo;un important projet de refonte des applications, dans le but de faciliter et améliorer la relation entre le client et les collaborateurs de l&rsquo;entreprise. Ce concept est à manier avec une grande prudence. En effet, les objectifs, les contextes d&rsquo;utilisation, le matériel et les caractéristiques des utilisateurs sont très différents côté client et côté collaborateur. On peut même supposer qu&rsquo;il peut y avoir un fossé abyssal entre un client qui consulte l&rsquo;outil en question 3 minutes par mois, et le collaborateur qui va passer plusieurs heures par jour sur un outil avec de nombreuses tâches et potentiellement des interdépendances entre d&rsquo;autres outils, etc.</p>



<p>Il ne faut donc pas céder à un effet de mode et à la tentation des composants riches partout. Ce sont avant tout de formidables possibilités technologiques qui doivent être utilisées à bon escient.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="450" height="397" src="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/adobe-air.jpg" alt="adobe air apps" class="wp-image-22742" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2011/03/adobe-air.jpg 450w, https://www.pierre-lannes.fr/wp-content/uploads/2011/03/adobe-air-300x265.jpg 300w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>



<h2 class="wp-block-heading">Une grande richesse des possibilités en terme de conception d&rsquo;interface</h2>



<p>En fait, nous ne pensons pas du tout qu&rsquo;il y ait un risque d&rsquo;uniformisation trop grande et de monotonie.</p>



<p>A l&rsquo;inverse, les RIA fournissent une très <strong>grande diversité de possibilités en terme de navigation, d&rsquo;interaction dans les interfaces et de représentations visuelles</strong>, afin de répondre au mieux aux besoins des utilisateurs, des organisations, et <strong>laisser libre cours à la créativité et l&rsquo;imagination des ergonomes, des designers, architectes de l&rsquo;information</strong> etc. pour produire des solutions originales et efficaces, génératrices de <strong>satisfaction </strong>et de <strong>plaisir</strong>.</p>



<p>C&rsquo;est donc à tous les acteurs de la conception d&rsquo;évoluer eux aussi dans leur pertinence et leur créativité pour être à la hauteur des possibilités technologiques qui sont offertes, face à des utilisateurs de plus en plus exigeants.</p>



<p>La diversification des typologies d&rsquo;utilisateurs, la profusion des usages boostée par l&rsquo;omniprésence des supports et d&rsquo;internet auprès du grand public, la diversité des modes d&rsquo;interactions (développement du tactile, de la réalité augmentée) ont rendu notre monde <strong><a class="snap_shot" href="https://fr.wikipedia.org/wiki/Ubimedia">ubimédia</a></strong>, en décloisonnant l&rsquo;espace personnel et professionnel. Dans cette évolution en cours, les RIA, en particulier, contribuent à la disparition de la frontière entre le monde du web et celui des logiciels.</p>



<p>Cet article a fait l&rsquo;objet d&rsquo;une publication sur <a href="https://www.journaldunet.com/developpeur/expert/48866/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier---vers-plus-de-diversite-ou-d-uniformite-des-interfaces-utilisateur.shtml"><strong>Le Journal du Net</strong></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
