04 February 2012

Inscrivez-vous au Flux RSS

RIA et Ergonomie Web: enfin prêts ?

Posté par jc-Qualitystreet le 30 novembre 2010

Les interfaces riches basées sur le navigateur web proposent de nouvelles modalités de présentation, de nouveaux comportements et au final plus d’interactivité ; l’enjeu ergonomique est fort alors que l’offre technologique RIA (Rich Internet Applications, Ajax ou d’Adobe et de Microsoft) est aujourd’hui mature et que les utilisateurs semblent prêts.

Cette évolution technologique ne signifie pas pour autant rupture avec les critères ergonomiques de base dont le respect assure une bonne utilisabilité de l’interface.

Il est évident que les bénéfices des RIA ne peuvent s’observer qu’à partir du moment où les interactions sont pensées en regard de l’activité des utilisateurs, et que le tout est employé avec précautions. Seule leur association permettra de garantir une Experience Utilisateur Riche et Réussie.

Deux exemples illustrent parfaitement cette problématique :

Exemple 1 : Glisser-Déposer des éléments d’une page

Ce mode d’interaction très dynamique et spectaculaire renvoie à deux analogies marquantes qui suffisent à le rendre populaire : celle de la vie quotidienne (« je prends des aliments dans un rayon et les mets dans mon caddie ») et celle de la bureautique depuis l’apparition du Macintosh en 1984.

Les +

Plus de contrôle, bonne compatibilité avec d’autres contextes et plaisir d’usage.

Les précautions à prendre

  • S’assurer de la pertinence de l’interaction riche pour l’exécution des tâches,
  • Proposer des éléments forts d’incitation, de guidage et de transition pour comprendre comment ça marche et prévenir les erreurs.
  • Donner du feedback sur l’action effectuée

Illustrations

Temps 1
Temps 1

Temps 2

Temps 3

Temps 3

Exemple 2 : Communication asynchrone avec rechargement partiel et silencieux

C’est l’un des premiers et grands points forts d’Ajax.

Il permet de se focaliser sur des zones ciblées tout en évitant le rechargement complet de la page.

Les +

Plaisir d’usage, mais aussi plus d’interactivité, plus de fluidité et un retour d’informations en temps réel (notamment en prévention des erreurs)

Les précautions à prendre

  • Conserver la fluidité
  • Donner un retour (feedback) sur l’action effectuée (notamment d’un point de vue visuel)

Illustrations

Feedback... Feedback

Feedback... Feedback

Ajout dun item

Ajout d'un item

RIA, au service de bonnes pratiques ergonomiques reconnues…

L’auto complétion (l’utilisateur commence à taper quelques lettres et le système le guide alors dans sa recherche) et la validation à la volée de champs de formulaires en sont les parfaites illustrations. Outre de réels bénéfices en termes d’utilité, de productivité et de confort, ces deux techniques exploitent admirablement des critères ergonomiques majeurs, tels que la prévention des erreurs, le guidage et le feedback immédiat.

Validation à la volée

Validation à la volée

Enfin d’autres composants riches (issus de technologies variées) deviennent de véritables atouts pour la conception des interfaces utilisateurs. Les outils de manipulation directe, d’affichage contextuel, les techniques d’affichage dynamique (accordéons, panels, fenêtres secondaires, menus riches, carrousel, zoom, etc.) aux effets toujours plus variés (Lightbox…) viennent enrichir chaque jour davantage l’arsenal des concepteurs d’interface …

Effet LightBox: trés efficace au quotidien !

Effet LightBox: trés efficace au quotidien !

pour des produits UTILES et toujours PLUS UTILISABLES (c’est-à-dire efficaces, efficients et satisfaisants !)

Ergonomes, Interaction designers: quelles sont vos recos ?

Posté par jc-QualityStreet le 21 septembre 2008

  1. Quels sont les deux trois livres d’ergonomie web& logiciel que vous recommanderiez à des collègues non ergonomes ?
  2. Quels sont les trois, quatre livres d’ergonomie web & logiciel que vous considérez comme essentiels dans la bibliothèque de tout bon ergonome ?
  3. Quel est le sujet d’Ergonomie / Interaction design que vous souhaiteriez présenter lors d’une prochaine soirée consacrée à l’ergonomie informatique ? …

WAIT! There is more to read… read on »

Au service de l’Expérience Utilisateur …

Posté par jc-QualityStreet le 20 avril 2008

Je donnais dans un précèdent billet une définition et ma vision de l’Ergonomie informatique, une vision partagée -et c’est heureux - par beaucoup…
Mes terrains de prédilection, les sites Internet, les applications web et les logiciels. Et, quand j’interviens en tant qu’ergonome sur un projet informatique, je suis avant tout au service de l’Expérience Utilisateur dans un registre qui peut être trés large.
Voilà pourquoi, je me retrouve complètement dans ce schéma de Jesse James Garrett, issu de “The elements of User Experience” : que je vous invite à redécouvrir et qui est un bon résumé de mes interventions “ergo”. A ce propos, n’hésitez pas à me dire s’il vous correspond aussi …


Jesse James Garrett’s Elements of User Experience: http://www.jjg.net/elements/

WAIT! There is more to read… read on »

Le futur de l’interface utilisateur …

Posté par jc-QualityStreet le 9 avril 2008

Nos clients nous demandent souvent une vision pour leur futur.
Microsoft Research fait plus fort que nous en envisageant avec le concours de nombreux experts (multidisciplinaires), l’interaction Homme-Machine en 2020.

Nouvelles formes d’interaction et d’affichage, toujours plus de de mobilité et donc de nouveaux usages…
En route pour les machines apprenantes et intelligentes, pour de nouveaux usages d’une information désormais portée et à la portée de tous, en route pour les mash-ups en tout genre pour relier efficacement cette multitude de contenus…

Le rapport en anglais (PDF; 3Mo) souligne surtout les puissantes transformations qui vont changer nos vies et bouleverser nos sociétés:

  • La fin de l’interface stable et figée (les interfaces seront nombreuses, diverses, omniprésentes)
  • La croissance d’une techno-dépendance (avec des interfaces toujours plus au coeur de nos quotidiens)
  • La croissance de l’hyper connectivité et de l’influence digitale (dans un monde de plus en plus sociale)
  • La fin de l’éphémère (avec notamment des “empreintes digitales” pour tout et… le reste !)
  • La croissance de l’engagement créatif (avec l’appropriation de la technologie, des outils, au service de la créativité)

… Et la nécessité pour les spécialistes de l’interface que nous sommes d’être inventifs, à l’écoute, d’accompagner voire d’orienter ces transformations.
Bref je vous encourage à feuilleter ce rapport pour aller plus loin !

Simplicité: l’idée fait son chemin à son rythme !

Posté par jc-QualityStreet le 19 mars 2008

Voilà qui est tout à fait dans la continuité de ce précédent billet (et de son visuel que j’affectionne beaucoup), Simplicité : en fait tout s’explique !

Get Adobe Flash playerPlugin by wpburn.com wordpress themes