capturer l’expérience utilisateur sans se ruiner

Test d'ergonomie (source: http://www.facit-digital.de)

En tant que designers, nous mettons souvent en place des systèmes qui nous semblent logiques et « couler de source ». Mais, le nez collé sur nos échéances et sur nos contraintes, influencés par notre propre expertise de l’internet, nous pouvons facilement perdre de vue que nous ne sommes jamais (ou quasi jamais) représentatifs des utilisateurs finaux du site que nous concevons. Dès lors ces questions se posent:

  • Comment savoir si les utilisateurs cibles d’un site peuvent réaliser les tâches qu’ils souhaitent de la manière qui leur semble la plus efficace et la plus naturelle possible?
  • Comment « mesurer » une expérience de manière à pouvoir déceler les éventuels problèmes et émettre des recommandations d’utilisation?

Tels sont les objectifs de la technique d’évaluation de l’expérience utilisateur que je me propose de vous exposer dans cet article. Continuer la lecture de « capturer l’expérience utilisateur sans se ruiner »

10/GUI – bureau tactile (concept)

Cette présentation d’un concept d’ OS tactile pour ordinateur de bureau est très impressionnante. Par C. Miller (http://10gui.com/).

L’idée est simple : une main = 5 doigts. I doigt = 1 souris. Efficience = efficience x 10. Ce qui les amène à parler d’ « interaction bandwidth » que l’on pourrait définir par l’ampleur du vocabulaire interactif.

Et justement, les propositions de vocabulaire interactif du système proposé sont bigrement bien imaginées. Continuer la lecture de « 10/GUI – bureau tactile (concept) »

Wireframes everywhere : flairBuilder et hotGloo

Cela n’arrête plus: après la fièvre du virus justine Henin, nous sommes actuellement sous le coup d’une invasion d’outils de wireframing / prototyping, tous plus prometteurs les uns que les autres.
A ce train-là, il ne faudra plus attendre longtemps avant d’en voir un disponible entièrement gratuitement, le monde du logiciel de niche sur internet étant probablement le seul marché sur lequel s’exerce une concurrence à peu près libre, globale et transparente, avec des consommateurs mobiles, bien informés et jouissant de toute l’information nécessaire.

Mais revenons à nos wireframes: deux nouveaux candidats à l’intégration de ma boîte à outils ont pointé leur nez aujourd’hui. Continuer la lecture de « Wireframes everywhere : flairBuilder et hotGloo »

pagination: ne faites pas comme google !

Il y avait tout un buzz le 10 septembre dernier autour du redimensionnement du champ de recherche sur google.com. Tout ce bruit pour quelques pixels qui au fond, n’amélioreront pas grand chose en terme d’ergonomie: il me semble que le champ était déjà suffisamment grand, mais je n’ai pas d’étude utilisateur pour étayer cet impression, quoique.

Par contre, j’ai une suggestion à faire à google : Continuer la lecture de « pagination: ne faites pas comme google ! »

Faire une référence à wikipedia sans interrompre le flux de lecture

Je viens de tomber sur un plugin wordpress très malin, par Matthew Healy: WikiPop. Ce plugin capture les liens pointant vers wikipedia et transforme leur comportement de manière à ce que, ces liens lorsque cliqués, n’ouvrent pas un onglet ou une fenêtre, mais une fenêtre modale à la lightbox, ce qui permet de consulter les informations supplémentaires disponibles sur wikipedia sans pour autant quitter le site. Continuer la lecture de « Faire une référence à wikipedia sans interrompre le flux de lecture »

wireframe: iplotz

iplotz - capture d'écran

Découverte d’un nouvel outil de production de wireframes / mock ups:

iplotz.

Après un premier essai rapide, il me semble pas mal du tout, un peu plus « propre » que balsamiq Mockups, mais nécessite peut-être un peu plus de temps pour produire un mockup, à cause de l’absence de « snap into place » présent un peu partout et sous diverses formes dans balsamiq, et fort utile pour ajuster les proportions des éléments rapidement.

iPlotz existe en version en ligne et en version desktop (75 USD).

Navigation sur une page

La navigation interne à une page et particulièrement l’utilisation de pieds de page sur une page web est, le plus souvent, une adaptation malheureuse de son équivalent papier. Rapide tour d’horizon.

Navigation sur une même page

Il s’agit typiquement de proposer à l’utilisateur un raccourci spatial de n’importe quel endroit d’une page web vers un bout de contenu situé à un autre endroit de cette même page. On l’implémente de la sorte:
Continuer la lecture de « Navigation sur une page »