015 - Navigation au survol de la souris (en anglais : on mouse over navigation)

Note 4/5, coût 1/5, accessibilité 4/5

Pour qui ? Pour quoi ?
Idéal pour les sites d’e-commerce ou les sites d’affiliation qui vendent les produits d’autres sites.

Cette navigation permet de donner à l’internaute un complément d’information sur ce qu’il va trouver sur la page suivante avant de cliquer sur le lien.

La navigation au survol de la souris est une fonctionnalité qui peut être insérée sur tout type de navigation. On l’appelle navigation au survol de la souris car lorsque l’internaute passe sa souris sur un lien un encart apparaît. Cet encart encore appelé page bulle contient un complément d’information sur ce qu’il va trouver sur la page une fois qu’il aura cliqué sur le lien.

Ce système permet aux sites d’avoir un design plus épuré. Il permet surtout aux internautes de s’assurer que ce qu’ils cherchent est bien sur la page suivante. Cela leur permet de gagner du temps, ce qui enrichit la concentration de leur expérience.

Il est possible de présenter dans ces pages bulles du texte et/ou des images. Si vous optez pour un site en html, un texte descriptif s’avère plus léger à implémenter.
Dans ces infos bulles, décrivez de manière concrète ce que la page suivante va apporter à l’internaute. Exemple : libellé du lien « Tutoriel », texte descriptif « Découvrez comment prendre en main le logiciel en 10 minutes. »
Gardez les textes courts, inférieurs à 80 caractères, afin que la lecture du texte soit rapide pour l’internaute.
Les pages bulles peuvent être perçues comme intrusives à l’internaute.
Modérez leur utilisation.

Exemple sur www.ibiblio.org

Dans l’implémentation de ce type de fonctionnalité :

insérez les caractères discriminants dans les pages bulles afin d’aider l’internaute à
faire un choix. Ces caractères seront, ce qui fait une différence pour lui, le poids, la taille, le prix, l’origine, etc. Tout dépend de vos produits et surtout de vos utilisateurs.

ajoutez un bouton d’action évident. Un bouton est de type « achetez », « ajoutez au
panier » ou autre. Il doit être sur un fond de couleur.

affichez des photos plus grandes que dans les pages. Les internautes aiment et
cliquent sur les photos.

testez que sans javascript la page fonctionne correctement et qu’il est possible
d’accéder à la page du produit.

surveillez le poids total de vos pages. L’idéal est de rester sous 150 Ko.

Dans le livre “Internet, donne-moi ce que je veux !”, lors d’une interview Denise Dampierre, responsable du site home-is-fun.com nous dit :

- Pourquoi avoir choisi ce modèle sur certaines de ses pages.

- Les inconvénients qu’il peut représenter pour l’utilisateur.

Laisser un commentaire

Les champs marqués * sont obligatoires