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 »

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 »

Wireframing en ligne et gratuit

MockFlow est un outil de wireframing en ligne tout frais sorti de la matrice.

Très simple d’utilisation, il permet de rapidement créer des wireframes et de les faire partager en envoyant l’ URL pointant vers votre wireframe aux adresses email que vous indiquez, ou via image png (et donc non navigables). Continuer la lecture de « Wireframing en ligne et gratuit »

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).

Outils de prototyping / wireframes

prototype

Voici une liste de logiciels, gratuits (freeware) ou non, qui permettent de faire des mockups, prototypes et/ou wireframes. Si vous en avez testé l’un ou l’autre, n’hésitez pas à partager vos impressions via les commentaires. Continuer la lecture de « Outils de prototyping / wireframes »

outil gratuit pour réaliser des mockups

pencil

Dans le cadre de mes cours dédiés à l’ergonomie web, je cherchais un outil gratuit à proposer à mes étudiants pour réaliser des schémas d’interfaces-utilisateurs rapidement et proprement.

Notez que je leur apprends à commencer par une discussion muni de simples feuilles de papier et d’un crayon: on n’a toujours rien inventé de mieux pour permettre au cerveau de s’exprimer rapidement. Mais ces schémas réalisés à la main sont souvent difficiles à relire après quelque temps, aussi il est bon de directement les mettre au propre, sans que cela prenne trop de temps. Continuer la lecture de « outil gratuit pour réaliser des mockups »