L'expérience visuelle

Billet publié le 17/02/2008

Il y a quelques mois je mettais amusé à présenter une vision symbolique et historique de l'espace perceptif humain.

Dans le même esprit, voici un schéma au format fond écran qui organise dans un espace de proximité les concepts clés de l'expérience visuelle.

visual xp walpaper

Gmail aie aie

Billet publié le 18/07/2007

Séance micro-blogging : le bouton "Envoyer" dans gmail qui se déplace quand la pièce jointe est chargée...
J'ai beau cherché le pourquoi du comment, hum la je bloque.

Concrètement, les RIAs cherchent à combiner la richesse fonctionnelle des interfaces de bureau, le déploiement bon marché sur plusieurs postes permis par le web, et les dernières technologies supportant la communication et le multimedia. Elles ont donc plusieurs avantages qui les rendent attractives, notamment pour les entreprises.

RIA est l'abréviation du concept de Rich Internet Application dont l'origine remonte au cahier blanc publié en Mars 2002 par l'entreprise Macromedia qui détenait alors le principal outil permettant leurs réalisations : Flash. Macromedia a depuis été racheté par la société Adobe qui tout en se basant sur Flash offre désormais une nouvelle plate-forme de développement consacrée aux RIAs, il s'agit de Flex (D'autres concurrents aux technologies flash existent comme les frameworks javascript, ou WPF de Microsoft).

Pour mieux comprendre leurs intérêts, il faut observer que l'accélération offerte par la numérisation et la mise en réseau mondiale a permis un gain de temps considérable, mais elle est aussi responsable d'une condensation excessive des expériences que nous vivons en nous détachant physiquement et socialement de la réalité comme la révolution industrielle nous avait détaché du cycle de la nature.
C'est pourquoi il faut redonner sa place à l'expérience et au partage pour offrir un vécu adapté à chaque situation particulière et ce sans rupture d'un point de vue sensorielle. Le mouvement web 2.0 et les RIAs ont émergé pour y apporter des réponses.

Ainsi Flex propose un modèle d'expérience nommé HALO, une application qui respecte ses principes doit être :

  • Simple et claire selon une hiérarchie visuelle centrée sur les besoins réels de l'utilisateur en pleine activité.
  • Focalisée sur des zones de travail délimitée en vue de répondre à un but donné.
  • Respectueuse du contenu dans ses choix terminologiques, mais aussi à travers une affordance adaptée qui permette une manipulation directe et intuitive par l'utilisateur.
  • Dynamiquement continue avec des transitions souples qui permettent à l'utilisateur de ressentir les relations entre ses actions et leurs effets.
  • Consistante par la réutilisation des éléments les plus standards qui renvoient un sentiment de confiance en l'application, et participent en une plus grande assurance en ses actions.
  • Personnalisée visuellement.

Nous le voyons ce modèle d'expérience soutient différentes approches afin d'offrir une expérience plus riches aux utilisateurs :

  • une approche centrée sur l'utilisateur qui nécessite de comprendre ses besoins réels pour mieux les satisfaire.
  • une approche respectueuse des standards en terme d'interface et d'interaction.
  • une approche centrée sur la sensorialité à travers une personnalisation visuelle et des transitions cinématiques "naturelles".

Si le web 2.0 supporte les relations humaines et la sémantique en vue de développer des intelligences collectives, les RIAs supportent l'expérience en vue d'une satisfaction immédiate et durable de l'utilisateur.
D'un point de vue économique, l'émergence de nouveaux marchés accompagne ces évolutions, en voici quelques exemple :

  • Autour du web2.0 : la réputation, les publicités virales, la réutilisation et valorisation des contenus, la gestion et la protection de l'identité numérique, la contribution volontaire (contenus, administration, assistance..), le commerce en "long tail", le coaching de communautés, l'expertise en émergence collective, les technologies p2p, l'offre d'outils communautaires innovants..
  • Autour des RIA : l'émotional design, la mise en scène des applications, la conception de modules spécialisés (widgets, gadgets, RDA) à fort potentiel marketing, les services web, les mashups, les technologies de synchronisation entre différentes sources de données persistantes, le contrôle des versions, les capteurs de reconnaissance du contexte, la durée de vie des urls, les formats d'échange des données, les protocoles de communication..

Pour gagner ces marché émergents il faut ainsi satisfaire ses clients en terme d'expérience d'utilisation mais aussi en terme d'appartenance à une communauté d'utilisateurs.
En résumer, je vous propose le mantra suivant :

Concevoir selon ce que l'utilisateur veut, ce que la communauté peut, et ce que la technologie permet.

A la lecture de l'excellent dernier livre Pro Javascript Techniques de John Resig, le créateur de la librairie Jquery qui m'a réconcilié avec le javascript, j'ai eu envie de vous raconter une jolie histoire...

Il était une fois le Javascript, un langage que tout le monde tenait en disgrace pour avoir polluer le royaume du net avec ses popups et autres joyeusetés kitchs.

Le javascript conscient de ses erreurs, joua de ses relations avec le DOM, il s'associa avec lui sous le nom de DHTML, ce qui fut bien vu dans une époque de standardisation.

Quelques temps plus tard éclata une révolution, dite révolution Web 2.0. Par une démonstration de ses talents Javascript y fit reconnaitre sa puissance de tous. On l'appela alors AJAX.

Heureux mais conscient de ses erreurs passées, Javascript décida de se racheter. Il mit donc sa puissance au service de causes plus nobles : l'utilisabilité, et l'accessibilité. Pour cela, il s'organisa en frameworks et apprit les bonnes manières, comme celle d'être unobstrusive.

Javascript connu alors beaucoup de succés, il se maria avec des frameworks coté serveur et eut de nombreux enfants.

Par cette belle histoire, John Resig je te remercie de m'avoir fait aimer le Javascript.
Thanks a lot John Resig, for the book , and for the best (Ajax) Javascript framework.

L'expérience utilisateur 2.0

Billet publié le 13/11/2006

La base du web2.0 est sa dimension sociale, à travers par exemple les Wikis, les Blogs et les flux RSS, néanmoins si les usages en sont affectés, l'expérience utilisateur 2.0 est plus technologique.
Cette expérience repose principalement sur l'arrivé des composants d'interface suivants :

  • accordeon
  • drag & drop
  • auto-complete text
  • lightbox
  • editinplace
  • travelling
  • tagcloud
  • slider sorting
  • ...

Simple script DOM ou réel échange Ajax, ces composants permettent d'effectuer des actions complexes sans même recharger la page, mais surtout leurs comportements sont beaucoup plus significatifs que les interactions standardes nécessitant l'envoit de formulaires et une navigation parfois en eau trouble.
Par "comportements significatifs", j'entends les vécus phénoménologique suivants :

  • les déplacements d'objets (translations, rotations)
  • la sensation de notre propre déplacement
  • les collisions ou déformations d'objets
  • les changements de couleur ou de texture
  • les disparitions (évaporation, dissolution, destruction, ...) ou apparitions (formation des nuages, condensation, aggrégation, ...)

En effet, d'un point de vue cognitif tous ces phénomènes structure notre champ visuel ambiant, leurs affordances permet ainsi à l'utilisateur de mieux diriger ses actions. Il identifie naturellement les évènement dans son environnement sans avoir à utiliser un modèle mental propre au type d'application utilisé.
Les composants 2.0 sont toutefois encore trop récents pour être standardisés de manière procédurale par les utilisateurs expérimentés, ce qui n'est pas le cas des formulaires par exemple.
Donc, selon les objectifs que l'on souhaite atteindre lors de la conception d'un site, il est important de prendre en considération quel type expérience souhaitons nous faire vivre à nos utilisateurs : s'il s'agit d'un produit innovant l'apport de composants 2.0 se justifie, sinon des composants classiques rassureront l'utilisateur.