Croyez-le ou non, mais ça fait presque deux ans que je n’ai pas abordé le sujet des outils de prototypage rapide. À ma décharge, je pense ne pas me tromper en disant que la situation que j’avais décrite à l’époque n’a pas beaucoup changé (Wireframes : 4 styles pour 4 types d’outils). Pourtant, l’offre s’est considérablement élargie, comme en témoigne cette analyse comparative très complète : The Ultimate Wireframing Tools Guide.

Il y a plus d’une trentaine d’outils dans ce tableau, et pourtant il n’est pas complet ! J’ai ainsi repéré dernièrement 4 outils particulièrement intéressants que nous pouvons classer dans deux catégories : les ateliers de prototypage en ligne et les applications de dynamisation.

Pour celles et ceux qui veulent concevoir leurs interfaces à l’écran en misant sur la collaboration et le partage, je recommande ainsi ces deux outils :

• Wireframe.cc, une application en ligne minimaliste pour créer des interfaces en quelques secondes (littéralement) :

  

• FluidUI, une application en ligne beaucoup plus sophistiquée qui existe aussi sous forme d’extension pour Chrome. Je vous recommande vivement de tester l’éditeur en lignepour bien juger la puissance de l’outil.

  

Pour celles et ceux qui sont attachés au papier, je recommande les applications suivantes qui permettent de créer des prototypes avec des photos :

• Pop, une application mobile minimaliste, mais parfaitement opérante ;

  

• Solidify, une application équivalente, mais bien plus sophistiquée (qui propose notamment un environnement complet de collaboration).

  

Ces quatre solutions illustrent bien selon moi l’état du marché : des approches novatrices à la fois minimalistes et très sophistiquées. Ceci étant dit, je n’ai toujours pas trouvé l’outil répondant à mes exigences : pouvoir créer une maquette fonctionnelle tout à la souris, la partager en ligne avec des collègues et avoir la possibilité de générer un squelette HTML (pour commencer le travail d’intégration) et l’exporter vers un logiciel de création graphique (pour bien respecter les proportions).

Pour le moment je reste fidèle à mes outils papier et à Balsamiq (qui vient enfin d’introduire les skins), mais ils ne répondent pas non plus à la problématique décrite ci-dessus. Ceci étant dit, je ne désespère pas de trouver la perle rare un jour…

Je vous propose ce matin de découvrir deux livres qui méritent votre attention.

Le premier traite du tri par carte et à été rédigé par Gautier Barrère et Éric Mazzone : Card Sorting : Ne perdez plus vos utilisateurs !.

Ce livre est LA bible pour tout ce qui touche au tri par cartes, il détaille les grands principes, la préparation et le déroulement des séances  l’analyse des résultats et leur interprétation pour aboutir à des solutions. Simple à lire et didactique, le livre vous accompagnera dans votre démarche de conception centrée sur les utilisateurs et apporte notamment des retours d’expérience très enrichissants.

Le second livre traite de qualité web et plus particulièrement du référentiel Opquast dont nous avons déjà parlé sur ce blog : Qualité Web : les bonnes pratiques pour améliorer vos sites.

Rédigé à plusieurs mains, ce livre passe en revue l’ensemble du référentiel de bonnes pratiques réparties en différentes catégories en fonction des éléments constitutifs d’un site (formulaires, contenus, contacts, hyperliens, identification, navigation, tableaux…), du type (commerce en ligne, sites publics…), ou du support (terminaux mobiles, newsletter, Open Data…). Le livre aborde également des sujets de fond comme les modèles de qualité web, dont le VPTCS (Visibilité, Perception, Technique, Contenu, Services), l’intégration des référentiels de qualité à vos cahiers des charges, les outils pour vous simplifier la tâche (extensions de navigateurs).

Une lecture également très enrichissante que je compléterais avec les réflexions suivantes (fournies par Élie Sloïm lors d’une discussion récente) :

• Référentiels de bonnes pratiques : industrialisons nos savoir-faire
• Conformité, validation et surqualité
• Le droit à l’erreur

Et comme à chaque fois, je salue le formidable travail effectué sur le référentiel Oquast. Rappelons à ce sujet que le référentiel est un projet collaboratif qui évolue régulièrement. Si vous êtes motivés, je lance donc un appel à contribution pour ouvrir deux nouvelles listes représentatives de ce qu’est l’internet en 2013 :

• La mobilité, avec les meilleures pratiques pour les smartphones, tablettes et feature phones ;
• Les médias sociaux avec les meilleures pratiques pour vos profils et publications ainsi que leur intégration sur votre site.

L’idée de cet appel à contribution est de faire grossir les rangs des contributeurs au référentiel et d’aider la communauté à progresser sur ces thématiques qui méritent une approche structurée. Mais j’aurais l’occasion de vous en reparler.