014 - Navigation glissante (en anglais : sliding navigation)
Permettre à vos internautes de découvrir sans avoir à bouger l’index.
Par définition, une navigation dite passive car l’internaute n’a pas à cliquer pour se voir présenter l’ensemble des produits. Ce type de navigation est adapté pour présenter des produits du domaine du ludique, de la détenteou du luxe.
Exemple sur www.flera.cz
Pour qui ?
Adapté pour afficher une liste courte
de produits ou d’informations flash.
La navigation glissante présente une suite d’illustrations ou de mini blocs d’information.
Ces éléments défilent horizontalement ou verticalement sous les yeux de vos internautes.
Ils peuvent découvrir de manière passive les produits ou infos flash du site.
Insérez un système pour permettre à l’internaute d’accélérer ou de ralentir le défilement des informations.
La liste des éléments à faire défiler doit rester courte. Si la liste des produits est très longue,peu de personnes la consulteront en entier. De plus, l’internaute souhaitant retrouver un produit pourra s’impatienter.
Quelle que soit la quantité d’informations
à présenter, l’espace retenu est le même. Ce qui stabilise l’interface.
Pour cette navigation, pensez à :
visiteur d’arriver à un contenu sans avoir à refaire défiler toute la barre.
L’emplacement idéal pour les boutons de défilement est à chaque extrémité de la
ligne. Ces boutons sont « avance normale » et « avance jusqu’au bout ».
Lorsque l’internaute passe sa souris sur les boutons d’action «avance normale», les produits défilent. Il n’a pas à cliquer.
Utilisez les pictogrammes utilisés sur un magnétoscope ou lecteur de DVD.
Yahoo Games fait aussi glisser ses news à la verticale.
Elles reviennent à la mode. Surveillez leur accessibilité !
Exemple sur www.kippiper.com
Côté accessibilité
Vous pouvez faire défiler la liste par défaut ou la faire défiler si l’internaute le souhaite.
Si le défilement est automatique, arrêtez le mouvement au bout de quelques secondes.
Les utilisateurs ayant des problèmes d’attention risquent de focaliser sur le déplacement des éléments et ne pas réussir à se concentrer sur le reste de la page.
Intégrez le système de glissement de telle sorte que sans javascript, ni CSS la ligne entière de contenu s’affiche. Si vous intégrez un tableau de mise en forme, assurez-vous que toutes les informations liées à un produit soient dans la même cellule. Ainsi, en lecture linéaire, l’information restera cohérente.
Dans le livre “Internet, donne-moi ce que je veux !”, lors cas pratique nous abordons le cas pratique Endless.com
Prix TTC, 
