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

018 - Plan du site trié par catégories

Tout tout tout, ils veulent tout savoir sur votre site.

Note 5/5, coût 2/5, accessibilité 5/5

www.futureshop.ca
Exemple sur www.futureshop.ca

Pour qui ?
Pour tous, dès que le site contient plus de 15 pages.

Un plan du site trié par catégories affiche l’ensemble des catégories et sous-catégories, voire la liste exhaustive des pages du site. En général, les catégories sont affichées dans l’ordre dans lequel elles apparaissent sur le site. Elles peuvent aussi apparaître par ordre alphabétique de catégorie de niveau 1.

Retour test utilisateurs

Nous avons, lors d’un cours
d’ergonomie avec des élèves, réalisé
des tests utilisateurs.
La vitesse à laquelle les internautes
trouvent ce qu’ils recherchent est
impressionante.

www.apple.com
Capture d’écran d’une recherche par la fonction de recherche du navigateur dans le plan du site de www.apple.com

Un plan du site est une fonctionnalité d’aide à la navigation. vers le plan du
site doit être placé sur toutes les autres pages du site. Il est conseillé d’attribuer
à ce lien un raccourci clavier ALT 3 (accesskey=”3”).

www.france5.fr
Exemple sur www.france5.fr

Conseils d’implémentation de plan du site par catégories :

  • assurez-vous que les contenus recherchés par les internautes sont bien présents dans votre plan du site.
  • utilisez au maximum l’espace disponible. Évitez d’afficher de longs espaces blancs.
  • anticipez néanmoins que votre site va évoluer.
  • affichez des niveaux de catégories très différents à l’oeil les uns des autres afin que
    l’internaute ne se perde pas dans les listes.
  • ouvrez tous les niveaux de catégories par défaut. Évitez les systèmes d’ouverture et
    de fermeture de sous-menus qui potentiellement pénalisent l’accessibilité de la page
    et le référencement de votre site.
  • donnez du volume au plan du site en insérant des pictogrammes de type « Nouveau »
    ou des couleurs afin de mettre en avant des catégories nouvellement apparues ou
    populaires. Pour les internautes qui n’ont pas accès à la couleur ou aux pictos, pensez
    à insérer des attributs ALT aux pictos et à utiliser une signalétique alternative à la
    couleur (par exemple par l’insertion d’un caractère en dur « > »).
  • si l’espace vous le permet, faites comme France 5 - voir exemple à droite - et affichez
    une description des différentes catégories.
  • préférez un plan du site en HTML aux plans du site en image, afin de permettre aux internautes d’utiliser la fonction de recherche CTRL+F dans la page.
    Ceci assurera aussi l’accès à toutes vos pages aux moteurs de recherche.
  • liez logiquement dans le code les différents niveaux de catégories de la page. Par exemple, en utilisant une succession et imbrication de UL - LI (pour les listes à puce) ou OL - LI (pour les listes numérotées).
    Si vous utilisez des tableaux de mise en forme qui suivent scrupuleusement les recommandations du W3C / WAI afin de vous assurer de leur accessibilité, veillez à ce que les différents niveaux de catégories soient rassemblés dans une même cellule de tableau.
    Ainsi, une lecture linéaire du tableau sera possible.
  •  

    Dans le livre “Internet, donne-moi ce que je veux !”, lors d’une interview Pierre MATHIEU, Directeur des programmes interactifs de France 5 France5.fr nous dit :

        - Combien de visiteurs tourvent leur chemin grâce au plan du site.
        - Comment ils ont créés leur gigantesque plan du site.
        - Comment il voudrait le voir s’améliorer
        - Le pourcentage d’internautes qui utilisent ce chemin de navigation.
        - Il répond à notre question sur ce qui est pour lui une navigation optimale.

    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