L’autocomplétion, un détail qui peut faire la différence
Par stArk le 19 June 2009

L’autocomplétion est une “fonctionnalité informatique permettant à l’utilisateur de limiter la quantité d’informations qu’il saisit avec son clavier, en se voyant proposer un complément qui pourrait convenir à la chaîne de caractères qu’il a commencé à taper”, merci wikipedia.
Sur les interfaces web, on retrouve fréquemment un champs de recherche dans le header muni d’un système d’autocomplétion. Très pratique pour l’utilisateur car les requêtes possibles apparaissent au fur et à mesure des lettres qu’il tape. Il peut ainsi efficacement orienter sa recherche avec un vocabulaire adapté et contextualisé au site qu’il utilise.

Sur Wikipedia (ci-dessus) on retrouve une autocomplétion très basique, mais il en existe des beaucoup plus évoluées qui peuvent allier bénéfice utilisateur et éditeur.
Les autocomplétions suggestionsCertains sites possèdent trop de données en base et donc trop de requêtes possibles pour qu’elles soient toutes correctement retransmises à l’utilisateur. C’est pourquoi certains sites prennent le parti de ne sélectionner qu’un échantillon de requêtes, plus ou moins orientées. En effet, un moteur de recherche aura tout intérêt à mettre en avant les réquêtes populaires pour gagner du crédit auprès de l’utilisateur. Un site ecommerce lui pourra plutôt glisser un best seller ou faire de cette espace un lieu de mise en avant payant. Exemple : Je vends un produit qui s’appelle “Lord of the ring”, ça m’intéresserait de payer pour ressortir premier sur l’autocomplétion de “Lo”, devant “Lost Season 5″.
Les suggestions d’Ebay, orientables annonceur.
Les suggestions de Google, orientées utilisateur.Les autocomplétions graphiquesCelles-ci reprennent le bon vieux fonctionnement de base mais de façon plus présentables. Au lieu de n’afficher d’un texte brut de fonderie, elle habille la requête d’une petite image associée, de la couleur et des informations connexes. Vous avez tous en tête la recherche de Facebook, ultra pratique pour chercher dans son réseau grâce aux petits avatars qui ressortent. Linkedin associe au nom de la personne recherchée sa situation professionnelle, très très pertinent sur ce type de plateforme.
L’autocomplétion de Facebook, très réussie.
L’autocomplétion de Linkedin, pertinente et bien pensée.Les autocomplétions triéesReprenant souvent les caractéristiques des 2 premières, ce type d’autocomplétion va plus loin en triant par catégorie les requêtes ressorties. Souvent très pratiques, elles permettent à l’éditeur de pousser plus de contenus différents grâce à un même champ de recherche. En effet, un site e commerce vend des produits et réalise également des opérations commerciales. C’est donc intéressement pour lui de faire ressortir facilement tout le contenu de son site. La palme du moment, à mon goût revient à Apple.fr, qui mixe graphiquement, lisiblement et distinctement les résultats de son autocomplétion.
Apple.fr, la palme d’or du moment
Gameblog.Fr, moins joli mais bien présentL’autocomplétion, bien amenée, est donc une fonctionnalité très utile pour l’utilisateur. De plus, vous pourrez vous en servir pour pousser du contenu précis et pourquoi pas le monétiser. C’est le genre de détail dans une interface qui peut faire la différence.


François Le Pichon
DA & Flasher
Vincent Le Pichon
DA & Illustrateur
Jeremy Thomas
DA & CSS Guru
Julie Franck
Webdesigner

Deux autres à regarder : http://getsatisfaction.com/home/customers et http://www.footnote.com/search.php?nav=0
Juste un petit mot pour dire que l’intellisense, il me semble, était le terme employé à une certaine époque.
Je crois que le terme avait été inventé par Microsoft.
Ce sera difficile de dire qui a mis en place le principe le premier …
http://www.googlefight.com donne aujourd’hui autocompletion largement gagnant.
à noter que ces branle-panneaux de voyages-sncf s’y sont aussi mis cette semaine
Un petit composant “AutoComplete” libre en as3 très pratique. La démo du composant permet de tester un peu tous les styles d’autocomplétion : http://web.me.com/hillelcoren/Site/Demo.html