Christophe Le Bot

  • Navigation rapide
Pratique de la conception numérique

Derniers commentaires

  • Test d’interface : paiement d’amendes en ligne
    • julienne | J’ai payé ce une contravention sur le cite dédié à cela ,je n’ai pas eu mon justificatif d paiement je suis inquiète car la semaine prochaine je serai dans la semaine ou je...
    • loren | L’algorithme surpuissant imaginé par les grands cerveaux de cette administration élimine la 5eme case lorsque les 3 premiers chiffres entrés par le citoyen verbalisé sont égaux. Pour...
  • Ajouter un disque à un serveur Linux Debian
    • nicolasg | Bonjour, Je réponds un peu tard à bosco Il est possible d’ajouter le deuxième disque comme un disque normal, et de faire un montage LVM (LVM : logic volume manaaer) avec les deux...
  • Récupérer le dernier auto-incrément MySQL avec PHP
    • chanteur06 | salut , une question : comment je remplace ça svp? >> $id_resto_tmp = mysql_insert_id(); mysql_query(‘INSERT INTO users_restos SET id_user=\ ».$_SE...
    • franky | Je pense que c’est ton commit qui n’est pas bon… relis le code de la fin de l’article… A+ utile plus de 5 ans après…
 

Archives de la catégorie
Qualité

CrazyEgg, enfin du neuf dans l’analyse d’audience ?

CrazyEgg

Je n’ai pas trop l’habitude de présenter le « tout dernier service web qui va révolutionner la planète », d’autres le font bien mieux que moi et vous savez peut-être ce que j’en pense.

Je fais une exception avec CrazyEgg parce que je trouve l’idée simple et utile, le genre de truc qui facilite la vie. CrazyEgg analyse le comportement des visiteurs de votre site web. Vous me direz, le marché de l’analyse d’audience est loin d’être nouveau. Oui, mais ici, les résultats sautent aux yeux ! Ils permettent vraiment de travailler l’ergonomie de votre interface.

Là où les autres outils se contentent de dresser une vue globale des comportements (pages vues, pages populaires, pages d’entrée et de sortie, chemins de visites, etc.), CrazyEgg vous en donne le détail. La démonstration parle d’elle-même.

UDOD, User documentation oriented design

Allez, je me lance ! Ce soir, j’invente un nouveau concept : le UDOD (User documentation oriented design).

Après tout, chaque jour, les acteurs du web inventent de nouveaux « concepts », toujours révolutionnaires, avec leurs centaines de termes et abréviations à connaître par coeur pour rester « in » ! On recherche, on découvre, on apprend, on applique, on oublie et on recommence. C’est tout le charme d’internet ! En regardant de près (ou plutôt de loin si on veut prendre du recul), il y a peu de concepts réellement nouveaux, mais ça fait monter le « buzz » ! Le « web 2.0″ en est une caricature…

« Et UDOD, ça apporte quoi de neuf ? »

Evidemment, après avoir dit tout ce que je pense des « révolutionnaires du web », je vais avoir un peu de mal à vous convaincre d’utiliser UDOD… Mais comme je l’applique avec de bons résultats, je me dis qu’il y aura bien quelques intéressés !

Le principe de UDOD est simple : après avoir fait un brief rapide et fixer des objectifs assez larges pour votre nouvelle application (méthodologie Paper prototyping), vous commencez par écrire la documentation de l’utilisateur débutant (« User guide for beginners »). L’intérêt est de poser une fois pour toute une description claire, synthétique et compréhensible de votre application. On devrait donc y trouver au moins :

  • une définition de l’application ;
  • une présentation des notions fondamentales ;
  • une description des fonctions principales et de leur utilisation ;
  • une description de l’architecture et de son interaction avec d’autres sytèmes ;
  • des annexes pour les détails techniques ;
  • un glossaire ;
  • un index.

Une architecture claire, des notions définies

Certes, cela a un coût. La rédaction est longue et doit être faite par un spécialiste. Cependant, on découvre vite l’intérêt de cette méthode :

  • La définion de l’application facilite la compréhension des objectifs pour l’équipe de développement.
  • Les notions fondamentales sont exhaustives et définies.
  • La description des fonctions donnent l’étendue du travail (orienté tâches) de développement et de conception de l’interface.
  • La description de l’architecture pose les bases du noyau de l’application.
  • Les annexes précisent les contraintes pour les développeurs.
  • Le glossaire définit tous les éléments de l’application.
  • L’index permet de valider la cohérence des termes utilisés.

Entendons-nous bien, je n’ai pas dit qu’il fallait finir la documentation avant de faire autre chose, mais bien de commencer par elle. Les autres méthodes de conception viendront compléter UDOD sans accroc :

  • Design participatif ;
  • Méthodes agiles ;
  • User task oriented design pour la conception de l’interfaces ;
  • UML pour la modélisation de l’application ;
  • Object oriented programming et Aspect oriented programming pour le développement du code ;
  • Unit tests pour valider chaque brique fonctionnelle définie par UDOD ;
  • et j’en passe…

Des utilisateurs impliqués

L’équipe interne a maintenant de quoi travailler sereinement. Mais il y a mieux encore : UDOD implique très vite les futurs utilisateurs de votre application. Ils peuvent la découvrir avant même qu’elle ne soit codée. Et bien sûr y apporter rapidement des remarques, des contraintes, de nouveaux besoins. Dans le cadre d’une application métier, la qualité des échanges est nettement améliorée. On applique au mieux les méthodes de design participatif !

Une documentation de qualité

Au bout du compte, vous aurez optimisé tous les cycles de développement. Et je garde le meilleur pour la fin : vous avez une documentation utilisateur claire et complète au lancement de l’application ! C’est tellement rare…

Choisir des outils de test open source

OpensourceTesting

Inutile d’insister sur la nécessité des tests lors de développement applicatif, surtout dans le contexte de l’Extreme Programming où l’écriture des tests précède celle du code. Encore faut-il avoir de bons outils de test.

Opensourcetesting.org en répertorie une bonne quantité, avec actualité et forums en prime !

Vous aurez de quoi faire :

  • des tests unitaires
  • des tests de performances
  • des tests de bases de données
  • des tests de liens
  • des tests de sécurité
  • des tests unitaire en Ada, C/C++, HTML, Java, Javascript, .NET, Perl, PHP, Python, SQL, Tcl, XML, etc.

Tous n’y sont pas et certains ne sont plus à jour, mais la liste est longue et l’interface très efficace.

Faites tester vos sites grâce à UsabilityExchange

Ce n’est pas Cédric, mon ergonome préféré, qui me contredira : mettre en place un test efficace pour mesurer l’ergonomie et l’usage d’un site web coûte cher, parce que chaque service à tester est unique et donc le protocole de test spécifique.

Pourtant, les points communs sont nombreux d’un site à l’autre et l’internet permet de réunir des compétences et des testeurs de tout profil. Pourquoi ne pas profiter de cette nouvelle donne pour réaliser des tests plus facilement pour un coût maîtrisé ? C’est le service que propose le site UsabilityExchange.

La mise en place d’un test se fait par un formulaire en ligne qui définie la portée du test et le profil des testeurs. Tout se fait à distance : protocole de test, déroulement, clôture, résultats… et même paiement des testeurs qui restent sagement chez eux pour réaliser les tests !

Et que donnent les résultats ? A part de jolis graphiques et tableaux, on pourra bien sûr discuter le concept et notamment s’interroger sur le suivi des comportements d’un testeur qui n’est pas physiquement présent. Tracer ce qui se passe sur une interface ne suffit pas : l’attitude, les mouvements, les traits du visage, les hésitations, les grognements, les pertes de concentration, tous ces signes sont décisifs dans les résultats d’un test ergonomique.

Ceci dit, pour une validation basique d’un site, UsabilityExchange a au moins l’avantage d’éliminer les erreurs grossières pour un prix raisonnable.

Site web : les bonnes pratiques

Même si vous avez dans l’idée de créer LE site web qui va révolutionner les usages d’internet, il n’est pas inutile de rappeler (ou de découvrir…) les bonnes pratiques qui viennent de l’expérience et de l’expérimentation. C’est ce que vous propose la société Temesis avec son projet Opquast.

Quand vous maîtriserez les 153 fiches Opquast, vous aurez sûrement plus de chances de valoriser votre projet web !