Web Design Studio – Paris

(Francais) Léa vous aide à réserver vos billets de train

Sorry, this entry is only available in Francais.

(Francais) Overblog à l’assaut de la tour TF1

Sorry, this entry is only available in Francais.

Autocomplete, a detail that can make the difference

Autocomplete involves the program predicting a word or phrase that the user wants to type in without the user actually typing it in completely“, thank you wikipedia.

Sur les interfaces web, on retrouve fréquemment un champs de recherche dans le header muni d’un système d’autocomplétion. On the web interfaces, there are frequently a search field in the header with a system of autocompletion. Très pratique pour l’utilisateur car les requêtes possibles apparaissent au fur et à mesure des lettres qu’il tape. Very convenient for the user as possible queries appear as and letters he types. Il peut ainsi efficacement orienter sa recherche avec un vocabulaire adapté et contextualisé au site qu’il utilise. It can thus effectively direct its research with a vocabulary adapted and contextualized to the site he uses.

On Wikipedia (above) found a very basic autocompletion, but there are far more advanced that can combine earnings user and publisher.
Les autocomplétions suggestions Certains 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. The autocompletion suggestions Some sites have too much data base and therefore too many possible queries that they are all properly transmitted to the user. C’est pourquoi certains sites prennent le parti de ne sélectionner qu’un échantillon de requêtes, plus ou moins orientées. Therefore, some sites take advantage of only a select sample of queries more or less oriented. 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. Indeed, a search engine has every interest in putting forward popular queries to gain credit from the user. Un site ecommerce lui pourra plutôt glisser un best seller ou faire de cette espace un lieu de mise en avant payant. An online retailer could instead drag him a best seller or make this area a place to put forward charges. 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″. Example: I sell a product called “Lord of the Ring,” I was interested to pay for out first on auto complete “Lo” to “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ésent

L’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.

(Francais) Nouveau design d’Overblog, by Steaw !

Sorry, this entry is only available in Francais.

(Francais) Digital Kitchen

Sorry, this entry is only available in Francais.

(Francais) Comme un air de printemps…

Sorry, this entry is only available in Francais.

(Francais) Wikirank : pour savoir qui est le plus populaire sur Wikipedia

Sorry, this entry is only available in Francais.

(Francais) Prototype de l’interface de Firefox 3.2

Sorry, this entry is only available in Francais.

(Francais) Si il reste un milliard ou deux…

Sorry, this entry is only available in Francais.

(Francais) Au fond, le bois, c’est bien

Sorry, this entry is only available in Francais.

Follow us!

Categories

Projets

Search

Recent comments

Blogroll