Archive pour la catégorie ‘UX’


L’évolution des technologies numériques a amené une diversification et une spécialisation des expertises. Aujourd’hui, une des principales forces d’une firme qui réalise des projets d’envergure est son interdisciplinarité, c’est-à-dire sa capacité à faire interagir ses différents acteurs tout au long du processus de création.

Anastasia Simitsis, directrice expérience utilisateur, et Mike De Luca, directeur design d’affaires chez w.illi.am/ ont partagé dans leur présentation au RDV WEB, leur réflexion et la méthode de travail qu’ils ont mise en place au sein de leurs départements: le design et l’expérience utilisateur.

Voici le support de leur présentation et la vidéo de la conférence : Expérience utilisateur, créativité et design

W/ conférence : Expérience utilisateur, créativité et design, par Anastasia Simitsis et Mike De Luca – RDV WEB 2011
View more presentations from w.illi.am/.

  • Twitter
  • Facebook

Aujourd’hui, encore trop peu d’applications mobiles donnent les moyens à l’utilisateur d’apprécier un produit dès le premier contact, afin d’attirer son attention et de lui donner l’envie de l’adopter. Bien que le mobile soit souvent perçu comme le prolongement du web, l’expérience sur cette plateforme reste différente.  L’utilisateur doit être conquis par chacune de ces plateformes, car rien ne garantit le passage de l’une à l’autre. L’utilisateur n’est jamais acquis :)

Pourquoi ne pas négliger le premier contact sur le mobile ?

Tout simplement parce que le mobile tend à devenir aussi important, si ce n’est plus, que le web « traditionnel ».  D’après les cabinets IDC et Gartner,  au quatrième trimestre 2010, pour la première fois et à l’échelle mondiale, les ventes de Smartphones ont dépassé celles des ordinateurs personnels. On s’attendrait même à une forte progression des ventes dans ce sens pour tout ce qui est dispositifs mobiles (tablettes, Smartphones).

Partant de ce constat, peut-on prédire quelle sera la première expérience à laquelle sera confronté un utilisateur lorsqu’il découvrira un service ? Sera-t-il capté par le mobile, le web, la TV ? Probablement un peu de tout cela selon les contextes et les usages.

Le premier contact d’un service avec inscription est meilleur sur le web que sur le mobile

Lors de l’accès à une application mobile, nous observons souvent une demande d’inscription ou de connexion dès le premier écran. Un premier contact qui risque de faire fuir l’utilisateur.

screenshot21 Susciter l’intérêt pour votre application mobile dès le premier contact!

Prenons l’exemple de Deezer, un service de web radio et d’écoute de musiques. On constate que sur le mobile, l’utilisateur est immédiatement confronté à l’inscription tandis que sur le web, il peut avoir un aperçu des possibilités qui lui sont offertes : écouter de la musique, la radio, certaines “playlists” populaires…

Sur le mobile, il n’a aucun moyen d’essayer l’application pour voir si elle peut répondre à ses attentes dans un contexte nomade. Pourquoi l’utilisateur perdrait-il son temps à créer un  n-ième compte, sans même avoir un aperçu de l’application ?

Il est donc important de convaincre l’utilisateur en lui laissant la possibilité d’utiliser le service, même de façon partielle, tout comme sur le web. Si cette étape n’existe pas, l’effort ne sera probablement  pas fournit par l’utilisateur pour aller plus loin, car il existe forcément une application qui répondra mieux à son besoin parmi les milliers d’autres.

Étrangement, on retrouve cette problématique sur de très nombreuses applications mobiles alors que pour les mêmes acteurs, cette démarche est correctement exécutée sur le web!

D’autres exemples

screenshot Susciter l’intérêt pour votre application mobile dès le premier contact!

Pour conclure, ne présupposez pas que l’utilisateur sera déjà adhérant d’un service web et voudra juste prolonger son expérience sur une autre plateforme. Non, il pourra tout à fait avoir la démarche inverse !

Références :

[1] Gartner Newsroom – Gartner Says Worldwide Mobile Device Sales to End Users Reached 1.6 Billion Units in 2010; Smartphone Sales Grew 72 Percent in 2010. http://www.gartner.com/it/page.jsp?id=1543014

[2] IDC – Android Rises, Symbian^3 and Windows Phone 7 Launch as Worldwide Smartphone Shipments Increase 87.2% Year Over Year, According to IDC. http://www.idc.com/about/viewpressrelease.jsp?containerId=prUS22689111&sectionId=null&elementId=null&pageType=SYNOPSIS

[3] Gartner Newsroom – Gartner Survey Shows U.S. Consumers More Likely to Purchase a Smartphone Than Other Consumer Devices in 2011. http://www.gartner.com/it/page.jsp?id=1550814

  • Twitter
  • Facebook

Force est de constater qu’on est encore bien loin d’avoir des interfaces de qualité en avion, en témoignent les photos qui suivent.

Accueil

La section « Films » semble déjà sélectionnée lorsqu’on arrive au Menu principal, mais nous ne sommes pas encore dans la catégorie « Films ». Il faut cliquer dessus pour entrer dans la section.

 

photo 2

L’écran montre un message indiquant les tarifs pour un forfait TV. Le menu de gauche semble accessible, mais ne l’est pas. Il faut faire « Annuler » pour accéder de nouveau au menu de gauche. Mon voisin de siège pensait que le système avait « gelé ». Il a cliqué une dizaine de fois sur retour puis a éteint et rallumé l’écran avant de comprendre l’action à faire.

 

Volume

Pour accéder au menu permettant de monter et baisser le volume sonore, il faut appuyer sur le bouton sans libellé placé sous l’écran en bas à droite.


La conception centrée utilisateur est utilisée depuis bien longtemps en avionique et notamment dans la conception de cockpit. L’humain est au centre des préoccupations et au-delà de l’apprentissage, tout est pensé pour assister l’équipage dans ses prises de décisions.

Malheureusement, il n’en est pas de même dans les services proposés aux passagers. Évidemment, la famille qui part en vacances n’a pas la vie de centaines de personnes entre les mains lorsqu’elle utilise l’écran tactile permettant de voir un film… quelle importance que tout ne soit pas si clair !!

Certes la sécurité aérienne est primordiale, mais l’expérience de voyage d’un passager ne passe pas uniquement par la sécurité. La sécurité est moins perceptible et tangible. On la considère déjà acquise tandis que la simplicité d’utilisation d’un petit téléviseur situé dans le dossier du siège face à soi, l’amabilité de l’équipage, le confort des sièges, la gratuité du repas… feront toute la différence à prix égal entre les compagnies.

  • Twitter
  • Facebook

Il n’y a encore pas si longtemps, les technologies étaient assez cloisonnées dans leurs usages. On avait par exemple la télévision, le téléphone, l’ordinateur et chacun de ces outils étaient reliés à un type d’activité bien précis.

  • Un canal d’information/divertissement plutôt passif pour la TV ;
  • Un moyen de communiquer directement avec son entourage pour le téléphone;
  • L’ordinateur était plutôt voué à une activité de travail ou de divertissement (actif cette fois).

Au fil du temps, les différents usages technologiques se sont rapprochés pour aujourd’hui largement se recouper dans la plupart des activités. Cette évolution a été l’opportunité d’augmenter l’expérience offerte aux gens en exploitant le potentiel de chaque outil pour des situations précises et les interfaces sont devenues un facteur clé de cette expérience. On les nomme : interfaces plastiques. Issue de la recherche, la plasticité des interfaces est née il y a environ 10 ans et est en passe de devenir incontournable pour une expérience complète auprès des utilisateurs.

Qu’est ce que c’est ?

À l’image d’un sac plastique qui peut nous servir à transporter nos courses, jeter nos déchets, parachuter des jouets d’enfants ou être roulé en boule dans une boite parmi d’autres sacs, une interface plastique doit pouvoir être capable de se modeler, de s’adapter à nos usages et nos besoins. On dit que la plasticité des interfaces est leur capacité à s’adapter à leur contexte d’usage dans le respect de leur utilisabilité.

Oui, mais concrètement c’est quoi ?

Bien que plusieurs utilisateurs puissent avoir les mêmes tâches et les mêmes activités, il n’est pas rare que chacun en ait une représentation bien spécifique. Partant de ce constat, la plasticité des interfaces intervient pour répondre à l’utilisateur de la meilleure façon qu’il soit. Ainsi, pour s’adapter à un contexte d’usage, il ressort 3 aspects à prendre en compte :

Modele La plasticité des interfaces, vous connaissez ? Fig. 1. Les 3 piliers d’une Interface Homme-Machine (IHM) plastique

L’utilisateur

Le système doit être capable de s’adapter, de proposer, de dialoguer avec l’utilisateur en fonction de son profil, ses habitudes, ses activités. Plusieurs moyens permettent à l’interface d’avoir une bonne représentation de son utilisateur :

  • Configurer les préférences utilisateur;
  • Apprendre des actions de l’utilisateur;
  • Concevoir une interface basée sur une analyse d’activités des utilisateurs cibles.

La plate-forme

L’interface doit être flexible et s’adapter à l’utilisateur indépendamment du matériel qu’il utilise. C’est-à-dire que si l’utilisateur interagit avec une interface sur son ordinateur, elle devra pouvoir s’adapter à d’autres plates-formes vers lesquelles il désire accomplir ses activités.
Par exemple, l’utilisateur pourrait partager son activité entre un ordinateur, une télévision et un téléphone cellulaire, non seulement par une adaptation de l’interface en fonction des caractéristiques du matériel (ex. passage d’un grand écran vers un petit écran), mais aussi par une redistribution possible de l’interface sur l’ensemble des plateformes présentes.
On pourrait alors imaginer un cinéphile choisissant ses films depuis son Smartphone, lesquels se lanceraient sur sa télé lorsqu’il est dans son salon et sur son téléphone lorsqu’il est en transport.

L’environnement

L’interface doit pouvoir s’adapter à l’utilisateur en fonction du contexte dans lequel il se trouve. Ainsi, si l’utilisateur travaille parfois dans un environnement peu lumineux, bruyant et qu’il doit marcher tout en faisant son activité, des moyens adéquats pourraient être mis en place par le système pour répondre à l’activité de l’utilisateur. Par exemple, la luminosité de l’écran s’adapterait à la luminosité ambiante ou encore, les éléments d’interaction de l’interface pourraient être plus visible (taille, format, etc.) lorsque l’utilisateur est en mouvement. Bien entendu, tout cela se ferait dans le respect de l’utilisabilité, c’est-à-dire en offrant une qualité par l’efficacité, l’efficience et la satisfaction nécessaire.

Finalement

Nous avons abordé ce qu’est la plasticité d’interface et il est clair que la conception et la mise en place d’un tel concept est un grand défi. Néanmoins l’évolution technologique des 10 dernières années nous montre clairement que nous sommes déjà engagés dans cette direction, ce qui nous laisse encore qu’entrevoir de nombreuses possibilités dans la relation Homme-Machine à travers les interfaces. À titre d’illustration, voici un exemple de scénario d’interface plastique qui utilise le logiciel Plex :

- Imaginons la situation suivante, Jean, père de famille, regarde un film sur sa TV dans le salon. Il utilise une télécommande physique pour utiliser les fonctions courantes telles que pause, avance rapide… (fig.1).

Fig1 La plasticité des interfaces, vous connaissez ?

Fig. 1. Jean regarde un film sur sa TV qu’il commande depuis une télécommande physique

- Alors qu’il regarde son film tranquillement, son fils Julien arrive et souhaite regarder une série sur la TV. Pour démarrer sa série, Julien commence d’abord par la chercher sur son iPhone, il sélectionne l’épisode puis indique à l’interface qu’il souhaite le lire sur la TV (fig.2). Le film se lance alors sur la télévision et Julien utilise son iPhone comme télécommande (fig.3.).

Fig2 La plasticité des interfaces, vous connaissez ?

Fig.2. Julien sélectionne son film via le téléphone et lance la lecture sur sa TV.

Fig3 La plasticité des interfaces, vous connaissez ?

Fig.3. Julien utilise une télécommande numérique via son téléphone.

- Finalement, son père (Jean) lui aura laissé la place et continuera son film via son iPad, là ou il s’était arrêté (fig.4).

Fig4 La plasticité des interfaces, vous connaissez ?

Fig. 4. Jean continue la lecture du film sur son iPad qui détecte où le film a été arrêté.

Éléments complémentaires :
[1] Ganneau , V. & Calvary, G. & Demumieux, R. 2007. Métamodèle de Règles d’Adaptation pour la Plasticité des Interfaces Homme-Machine
[2] Ganneau , V. & Calvary, G. & Demumieux, R. 2008. EMMA : Modèle Utilisateur pour la Plasticité des Interfaces Homme-Machine en Mobilité, Saint Malo, France
[3] Serna, A. & Pinel, S. & Calvary, G. 2009. La plasticité des IHM en action : un exemple de téléprocédure plastique.
[4] Serna, A. & Calvary, G. & Scapin, D. 2010. Penser “Plasticité” peut améliorer la qualité des interfaces home-machine : une etude de cas.

  • Twitter
  • Facebook

Visionnez la conférence sur le iPad qu’Alphonse Hà, Conseiller Médias sociaux et SEO chez  w.illi.am/, a donnée lors de la Journée Infopresse : iPhone, iPad, la révolution mobile.

Quels sont les nouveaux enjeux, les nouvelles habitudes et les possibilités offertes par le iPad?

Partie 1/3

Partie 2/3

Partie 3/3

  • Twitter
  • Facebook