Archive pour la catégorie 'Ergonomie'

Les services en ligne de mouse-tracking

Mercredi 13 septembre 2006

Le mouse-tracking

Il y a quelques mois, je vous avais présenté le concept du mouse-tracking. J’avais même initié un projet de mouse-tracking en ligne.

Si vous souhaitez mettre en place ce type de service sur votre site, il faut savoir que plusieurs solutions sont disponibles aujourd’hui.

Les trois premiers sont des services en mode ASP alors que le dernier est un projet open source distribué sous la licence libre GNU/GPL !

Les solutions

CrazyEgg

Overlay avec CrazyEgg

L’ergonomie de cet outil est redoutable. Après avoir collecter toutes les informations sur les clics des utilisateurs, CrazyEgg affiche des bulles d’informations sur les données statistiques de chaque lien de la page. Il propose également d’afficher la fameuse heatmap (ie. carte des zones de chaleurs). Heatmap avec CrazyEgg

ClickTale

Ce outil se démarque des autres par les données qu’il collecte. En effet, il ne se contente pas seulement des clics des utilisateurs, mais il collecte l’ensemble des événements de la souris et du clavier. Ensuite, il est possible de rejouer n’importe quel scénario utilisateur !

Clickdensity

Clickdensity est très proche de CrazyEgg tant au niveau des fonctionnalités que de l’ergonmie.

Heatmap avec Clickdensity

Clickmaps

Clickmaps est codé en Ruby et doit être installé sur votre serveur. Il permet de générer des zones de chaleur pour chacunes de vos pages à afficher en sur impression sur vos pages.

Heatmap avec Clickmaps

Conclusion

Aller plus loin

Tous ces outils ont déja été présenté par le site Web Analytique :

L’analyse et l’interprétation

En n’oubliant pas que la collecte de données statistique ne sert à rien sans l’analyse. Et comme le rappelle Fred Cavazza avec la règle des 90/10 : l’analyse[1] repésente 10% du travail contre 90% pour l’interprétation[2] de données.

A vos analyses de statitisques de votre site web !

Notes

[1] Je préfère parler de collecte ici.

[2] Ce que j’appelle analyse.

Le mouse-tracking sur votre site

Vendredi 21 juillet 2006

Il y a déja quelques temps, je vous ai présenté le concept du mouse-tracking.

J’avais commencé a écrire un service en ligne externalisé de mise en place du mouse-tracking sur des sites web tiers. Mais sa réalisation n’était pas assez avancée pour publier une quelconque version. Maurice Svay nous apprend qu’un service similaire vient d’ouvrir.

Je crois que mon projet risque de rester dans le placard dans à l’état de prototype pour longtemps…[1] :-/

Notes

[1] Si ce n’est pas à tout jamais. :-(

Ergologique - au service de l’ergonomie et de l’utilisabilité

Jeudi 22 juin 2006

Dans la série des billets sur les sites traitant de l’ergonomie, voici un nouveau site très intéressant : Ergologique. Son objectif est de sensibiliser et de conseiller les concepteurs d’IHM sur l’ergonomie et l’utilisabilité[1].

Vous pourrez trouver sur ce site des présentations, de nombreux conseils et des liens vers l’actualité. L’équipe de ergologique met à votre disposition des documents très riches sur l’ergonomie. Les amateurs de conception web ou multimédia devraient se régaler. ;-)

Notes

[1] Ces points sont à prendre en compte dès la conception.

L’ergonomie et l’internationnalisation

Jeudi 15 juin 2006

Je vous ai déja présenté la conception d’une application multilingue. Lors de cette présentation j’avais évoqué quelques pistes à suivre pour aller plus loin lors de l’internationnalisation d’une application. Suite à la découverte du site l’ergonome, j’ai trouvé un excellent document sur les aspects ergonomiques de l’internationnalisation des sites web. Les auteurs posent les bonnes questions. Et notamment, ils mettent en avant les éléments concernés par l’internationnalisation :

  • le texte
  • les formats de nombres, de date et d’heure
  • les images
  • les symboles
  • les couleurs
  • les flux d’information
  • les fonctionnalités

Avec cet article, vous aurez en votre possession tous les éléments pour mettre en oeuvre une internationnalisation de qualité pour vos sites web[1]. Attention, certains points nécessitent un investissement important en terme de ressource, temps et finance.

Notes

[1] Et plus largement pour l’internationnalisation de vos applications.

L’ergonome - le métier de l’ergonomie

Mercredi 14 juin 2006

On entend de plus en plus parler de l’ergonomie et des ergonomes. Loin d’être un effet de mode, ce domaine est un réel métier. Peu connu, il gagne en reconnaissance.

Afin de faire connaître la discipline et de sensibiliser les concepteurs d’IHM, le site l’ergonome propose un ensemble de reflexions et d’articles sur le sujet de l’ergonomie. Dans la même veine que le site Ergolab présenté précédemment, vous y trouverez des documents intéressant pour améliorer l’ergonomie de vos applications[1].

Si la section ergonomie continue de s’étoffer, je vais devoir ajouter une sélection de liens[2] sur le sujet. ;-)

Notes

[1] Dommage que le contenu n’aie pas été mis à jour récemment. :-(

[2] Dans la blogroll pour les habitués.

Microsoft utilise le mouse-tracking

Jeudi 6 avril 2006

Afin d’améliorer l’ergonomie de MS Office 2007, la compagnie a mis en place le mouse-tracking sur sa version 2003.

(more…)

Une nouvelle définition du Web 2.0

Mardi 28 février 2006

Quelle est la réelle tendance du Web 2.0 ?

(more…)

Afficher une date en temps relatif

Lundi 27 février 2006

Lorsqu’une date doit être affichée sur une interface, elle est souvent affichée sous sa forme classique, à savoir : date et heure. Mais cette forme ne permet pas toujours de transmettre de façon optimisée la valeur de l’information.

(more…)

Mise en valeur des commentaires les plus pertinents

Dimanche 26 février 2006

Dans toute application, lorsque le nombre de commentaires devient important, il est nécessaire d’opter pour stratégie de mise en valeur de ces derniers afin d’aider l’utilisateur dans sa lecture.

(more…)

Ergonomie incitative - le mouse-tracking

Mercredi 15 février 2006

Il faut connaître au mieux les sensibilités de l’utilisateur pour l’amener à une action de transformation le plus efficacement possible.

(more…)