Internet, donne-moi ce que je veux ! 60 modèles de navigation pour satisfaire vos internautes

007 - Menu de gauche vertical déroulant encore appelé menu en cascade ou menu à coulisse

Note2/5, coût 2/5, accessibilité 0/5

www.goto-software.com/mailing
Exemple sur www.goto-software.com/mailing

Très populaire il y a quelques années
dans les débuts du DHTML, ce système a quasiment disparu d’internet.


On voit ce type de navigation sur les sites techniques car ils permettent à l’internaute de rapidement scruter les sous-rubriques pour trouver exactement ce qu’ils cherchent.

Très similaire au système de navigation 004 – barre horizontale déroulante.
Quand l’internaute passe sa souris sur la catégorie 1, les sous-catégories s’affichent sur la droite. Le nombre de niveaux affichables est limité en quelque sorte par la largeur de l’écran de l’utilisateur.
Ils s’affichent en surcouche au dessus du site. Une partie de la page est alors cachée par le menu. L’internaute peut, sans recharger la page, découvrir l’ensemble du site. Les sous-menus s’affichent successivement et très rapidement ce qui donne un aspect dynamique au site.
Une fois que l’internaute a cliqué sur un élément de niveau 2, la page s’affiche et le sous-menu disparaît.

Attention au Royaume Uni
et aux sections recrutements :

Cette navigation est célèbre pour être quasiment impossible à rendre accessible selon les recommandations du W3C. Si vous y parvenez, je serais ravie de voir le résultat. Evitez cette navigation si votre site ou vos gabarits sont amenés à être utilisés pour un site UK.La réglementation britannique veut que tous les sites publics et privés soient accessibles selon un équivalent du niveau AA des recommandations du W3C. La réglementation française veut que tous aient accès aux offres d’emplois quel que soit le handicap.

Si vous choisissez ce système de navigation, pensez à :

  • allumer les boutons actifs (couleur et insertion d’un symbole « > »).
  • répéter dans la mesure du possible les liens du menu déroulant dans les pages pour
    les personnes qui n’exécutent pas les scripts.
  • vous assurer que les liens du menu sont vus par les moteurs de recherche. Certains
    scripts que vous pouvez trouver sur internet le garantissent.
  • veiller à ce que le menu soit confortable d’utilisation. Ces menus sont souvent très
    sensibles, ils disparaissent parfois sous la souris, ce qui peut frustrer les internautes.
  • dédoubler la navigation par l’insertion d’un fil d’Ariane (navigation 055) dans la
    page.
  • Porsche.com va encore plus loin

    Le site de PORSCHE affiche en fin de menu déroulant des fiches techniques
    de leurs produits. Ces fiches contiennent des informations discriminantes.
    Ces critères sont : puissance, prix, photos… Ces fiches donnent bien sûr
    accès à plus de photos et plus d’information.
    L’internaute peut faire sa sélection sans avoir à cliquer.

    www.porsche.com
    Exemple sur www.porsche.com

    Ce type de menu est une déclinaison du menu Démarrer de Windows. Ce qui garantit que beaucoup d’utilisateurs sauront l’utiliser.

     

    Dans le livre “Internet, donne-moi ce que je veux !”, lors d’une interview Lionel RETIF, responsable du site Autotitre.com nous indique

        - La particularité du menu implémenté sur leur site.
        - Il nous parle de l’alternative qu’ils ont du implémenter afin d’éviter certains défauts du menu.

    Laisser un commentaire

    Les champs marqués * sont obligatoires

    Les commentaires de ce site sont modérés. En ajoutant un commentaire sur ce site, vous acceptez de pouvoir être cité dans les futurs ouvrages édités par la société Kenazart Strategy Interactive.

     

    Prévisualiser

    Voir des extraits du livre
    Voir un extrait de l'intérieur (table des matières,
    des exemples de navigation,...)
    .
    Télécharger un extrait du livre (PDF 8 259ko).

    Paiement PaypalPrix TTC, Frais de livraison offerts,
    Paiement sécurisé
    Délais d'expédition 2 à 10 jours ouvrés
    164 pages, Format : 19,5x 18
    ISBN : 978-2-9528507-0-4

     

    Achetez le livre version pdf 27 euros (nouvelle fenêtre)

    Paiement Paypal NOUVEAU : Licence pour 1 utilisateur. Un seul fichier PDF de 10Mo à télécharger.
    Prix TTC TVA à 19,6%.
    Paiement sécurisé.

     

    Achetez le livre version pdf 97 euros - version Agence (nouvelle fenêtre)

    Paiement Paypal Offre AGENCES :
    Contient : 60 fichiers PDF des 60 modèles de navigation.
    Licence pour 3 postes utilisateurs (possibilité d'envoyer des fiches à vos clients).
    Prix TTC TVA à 19,6%
    Paiement sécurisé.
    Des détails sur l'offre ? Vous voulez une licence 10 utilisateurs, une licence Intranet ?


    RSS (?) Atom 1.0 RSS 2.0 AddThis Feed Button
    A garder : + à vos favoris