Dans la lignée de l'article sur l'e-commerce et les RIA, voyons à présent ce que peuvent apporter les nouvelles technologies en terme d'usages à une fonctionnalité présente sur la plupart des sites mais également des applications connectées : la recherche. Pour cela, étudions différents types de recherches, avec un exemple associé :
  • La recherche libre
  • La recherche paramétrique
  • La recherche par catégories
  • La recherche par facettes

La recherche libre

La recherche libre, c'est certainement celle que vous utilisez chaque jour : comme par exemple sur Google, pour taper librement un mot ou une expression et obtenir une liste de résultats plus ou moins pertinents. C'est le moyen le plus simple d'effectuer une recherche sur un site : un simple champ, un affichage plutôt rapide, bref difficile de faire plus simple. Les désavantages : une pertinence pas toujours au rendez-vous, ce qui pousse parfois à de nombreuses modifications de la requête et donc à une perte de temps.

On voit dorénavant de plus en plus de nouvelles utilisations qui permettent une recherche encore plus instantanée et souple. Un exemple : cinemasie.com propose de rechercher des acteurs / réalisateurs / films liés au cinéma asiatique. En tapant un mot dans sa barre de recherche, les résultats s'affichent au fur et à mesure de la frappe. Pas besoin de recharger toute la page si le résultat est erroné. Mieux encore : si il ne reste plus qu'un résultat correspondant à votre requête, vous êtes automatiquement redirigé sur la fiche correspondante. Cette recherche libre est très pratique, notamment sur des sites spécialisés.

Cin?masie
Une recherche... et les résultats filtrés à la volée
Cin?masie

La recherche paramétrique

La recherche paramétrique offre plus de possibilités : elle permet de réduire le champ de recherche et des résultats affichés. On peut considérer les paramètres comme des filtres, permettant de limiter une recherche. La recherche est donc plus ciblé, les résultats plus affinés. Mais attention toutefois aux critères que l'on propose à l'utilisateur : trop de paramètre peut rendre la recherche laborieuse.

Un bon exemple d'utilisation des paramètres est présent sur les guides d'achat de darty. Ici, nous cherchons des climatiseurs : trois paramètres sont proposés, concernant la marque, la mise en marche programmée et le prix. Un premier aperçu nous est proposé en bas à droite : il nous donne le nombre de résultats correspondant à nos critères d'achat, et ce en temps réel (si je bouge la règle, le nombre se met à jour automatiquement). Cette première indication nous permet d'affiner nos filtres pour obtenir un échantillon de résultats ni trop important, ni trop faible.

Darty

La recherche par catégories

La recherche par catégories est présente sur de nombreux sites de commerce notamment : tous les articles sont triés en catégories puis en sous catégories, ainsi de suite jusqu'à un affinage correct (ni trop, ni trop peu). Cette méthode se révèle précise mais parfois longue : il faut parfois parcourir quatre ou cinq niveau avant d'obtenir une liste de résultats ! Comment améliorer ce type de recherche ? Ici, pas réellement de surprises, tout dépend du choix des catégories. Elles doivent être pertinentes et adaptées. Et pourquoi ne pas proposer les résultats les plus consultés au fur et à mesure du parcours des catégories ? Un exemple (pas toujours très efficace) serait le site de la Fnac, qui met en avant ses meilleures ventes pour la catégorie courante.

Fnac

La recherche par facettes

Enfin la recherche par facettes : elle se rapproche de la recherche paramétrique mais elle diffère néanmoins dans le sens algorithmique où la sélection des critères et des valeurs possibles pour ces critères se fait de manière très stricte : chaque élément de la liste doit être associé à une seule et unique valeur d'un critère, ni plus ni moins. Pour approfondir le sujet, n'hésitez pas à lire cet excellent article de Willian Denton (en anglais). L'avantage est bien sur la pertinence des résultats affichés : vous choisissez les critères à appliquer, les valeurs que vous souhaitez, etc. C'est par exemple ce que propose le site pixmania. Avez-vous déjà cherché des articles sur pixmania ? Aimez-vous ce type de recherche ? Bien que parfois compliqué, je pense que c'est la méthode la plus pertinente lorsqu'il y a plusieurs éléments à classer selon diverses catégories.

Pixmania

Conclusion

La recherche sur Internet est un enjeu important, notamment pour les sites d'e-commerce : si un utilisateur ne parvient pas à trouver rapidement ce qu'il cherche, il ira certainement voir le concurrent. C'est pourquoi la recherche peut et sera certainement améliorée, grâce à des technologies RIA qui par exemple offrent une meilleure mise en page des résultats, mais aussi des nouveaux usages plus pertinents et plus accrocheurs.

Cette petite présentation n'a pas pour but de présenter les différents moyens de mettre en oeuvre une recherche sur Internet, mais plus de montrer par quelques exemples qu'il existe de très nombreuses et différentes manières d'en effectuer. Le choix d'un type plus qu'un autre ne peut que dépendre du contexte de la recherche à mettre en oeuvre.

Que ce soit une ligne de commande ou un site web, l’interface est présente en chacune des interactions entre l’homme et l’ordinateur (ou presque, on doit pouvoir trouver des exceptions). L’informatique se développe a une vitesse phénoménale, et parfois il faut prendre le temps de faire le point sur ce qui s’achève pour repartir sur des évolutions. 2007 se présente comme l’année des interfaces riches, sur Internet ou sur le bureau. Les technologies sont là ou presque : Flex, Apollo, WPF, WPF/E, Eclipse RCP, OpenLaszlo, XUL, etc. Le public aussi est prêt à l’accueillir. Voyons maintenant quelques éléments que se doivent d’apporter ces outils de création d’interface.

L’utilisateur réticent à utiliser l’ordinateur a peur de s’y perdre, « ne comprend rien » et surtout n’arrive pas à trouver ce qu’il souhaite facilement. Pourquoi ? Tout simplement car l’interface qui lui est proposé ne lui convient pas. D’un point de vue matériel, le clavier et la souris ne sont pas idéaux mais déjà simples d’utilisation : peut-être que dans le futur proche, nous verrons de nouveaux périphériques mais pour le moment, le souci n’est pas là. En effet, les logiciels semblent tous complexes à l’utilisateur novice : à quoi peut servir la croix, pourquoi je dois cliquer là et double cliquer ici, etc. La prise en main demande donc un effort de compréhension et de concentration. Le meilleur moyen de faciliter ces deux aspects n’est autre que d’améliorer les interfaces, de les rendre plus utilisables, et ce sur plusieurs critères :

  • La simplicité : en limitant le nombre d’actions à faire pour obtenir un résultat, en automatisant les traitements et en ne surchargeant pas l’interface, l’utilisateur peut assimiler plus facilement l’intérêt et la manière de se servir du service. Il n’est pas perdu et peut se concentrer sur ce qu’il souhaite au lieu de devoir comprendre comment y arriver.
  • L’intuitivité : une interface intuitive permettra à l’utilisateur de vite apprécier l’application. En passant moins de temps à trouver l’information qu’il souhaite, il a d’autant plus de temps pour atteindre son objectif (que ce soit l’achat d’un objet en ligne, le traitement de ses factures ou la lecture d’un dvd). Pour rendre une interface intuitive, il existe de multiples méthodes. Une des bases est de présenter clairement (sans exagérer) les différentes actions possibles via tous les éléments disponibles : un texte court mais assez gros, des icônes parlantes, un code couleur cohérent, etc. Les technologies riches présentent ici un avantage indéniable : la facilité de nouvelles interactions comme le glisser-déposer d’éléments, action on ne peut plus intuitive.
  • L’attirance graphique : ce point est assez délicat à décrire mais présente une importance à ne pas négliger. L’utilisateur sera toujours plus réticent à utiliser un client lourd (fond gris, menu ‘Fichier, Edition, etc.’ en haut, les trois icônes en haut à droite, etc.) qu’un client riche. Les avantages que propose ce dernier sont énormes : tous les éléments peuvent être personnalisés, redessinés, et ce très facilement. On peut même intégrer de la 3D. En fait, le coté graphique énormément de la cible visé. Mais les applications riches s’appliquent également aux logiciels d’entreprise : les couleurs seront plus sobres mais d’autres nouveautés prennent le dessus : des composants plus spécialisés, un ensemble cohérent avec l’image de l’entreprise, de nouvelles fonctionnalités permettant un gain de temps, etc. L’attirance graphique n’est pas à prendre à la légère : c’est souvent elle qui intéressera l’utilisateur (tout du moins au début : l’apparence est primordiale au premier contact – non, je ne parle pas de joutes romantiques).

Sur tous ces points, les technologies riches apportent énormément de nouveautés. Il en ressort déjà de bonnes pratiques mais nous n’en sommes à mon avis qu’aux balbutiements des capacités ergonomiques de ces nouvelles interfaces.

Connaissez-vous quelques applications / sites web bouleversant les fondamentaux d’une interface ? Je trouve que l’Adobe Tour Tracker est un bon exemple : une vidéo en fond et des panneaux transparents par-dessus, ce n’est pas habituel et le résultat est pourtant réussi. Le Times Reader est également très novateur, dans un autre domaine. En connaissez-vous d’autres ?

Certains le connaissent surement déjà mais je ne peux résister à vous présenter Web Design From Scratch. En effet, ce site réalisé par Ben Hunt est une mine d’informations pour tout développeur web. Au programme :

Web Design From Scratch
Enormément de ressources présentes sur Web Design From Scratch

Quelques extraits (en VO) :

"Everything that goes into your web site must have a purpose. Every single element and decision must help users achieve their goals and support the site's goals."
"Use as few features as are necessary to achieve what you need to achieve."
"Friends trust each other. If a site is going to be friendly, it's good to trust the user."

Web Design From Scratch
Chaque chapitre est illustré d'exemples de sites variés

Je n’ai pas encore eu le temps de tout lire mais pour avoir parcouru ce site quelques heures, j’en fais un guide de référence dans le domaine du design web. Et j’espère en faire bonne utilisation très prochainement !

Ergolab : l'ergonomie du Web

mardi 19 décembre 2006
Un petit billet pour vous faire part d'un site que l'on m'a montré il y a peu (merci Aurélien) : Ergolab.


On y trouve notamment de nombreux articles sur des sujets comme :
  • Ergonomie et Flash
  • Qu'est-ce que l'ergonomie informatique ?
  • Faciliter la lecture d'informations sur le web
  • Comment concevoir un menu ?
Et bien d'autres. Une vraie mine d'or pour toutes celles et ceux qui s'intéressent à l'ergonomie et l'utilisabilité des interfaces web (et c'est mon cas). Dommage qu'il ne soit plus mis à jour depuis environ un an.

Mais maintenant je pose une question à voix haute : les RIA/RDA changeront elles les critères ergonomiques actuels ? Y aura t'il de nouvelles contraintes ? Plus de fléxibilité ? "Client riche et ergonomie", ça ferait un bon titre de bouquin (ou de billet)... A méditer.

Rechercher