Impressum

Menu vertical arborescent dynamique du squelette SARKA (couleurs SARKA-GG)

jeudi 17 avril 2008
par  François Daniel Giezendanner
popularité : 33%
0 vote

 Ergonomie : l’Efficience au cœurs de nos préoccupations

Les menus verticaux arborescents dynamiques tels que celui utilisé pour le squelette SARKA sont extrêmement intéressant au plan de l’ergonomie.

En effet, ils sont non seulement efficaces, dans le sens qu’ils permettent d’explorer la totalité des rubriques du site, mais également totalement efficients dans le sens que vous atteignez n’importe quelle rubrique du site sans effectuer un seul clique, par simple survol du menu avec la souris, qui se déroule et découvre ainsi ses sous rubriques, aussi profondes soient-elles dans le site. Ainsi en deux cliques de souris, l’un pour choisir la rubrique, le deuxième pour choisir l’article qui vous intéresse, vous atteignez ce que vous cherchez. En complément, l’aspect contextuel est obtenu avec le traditionnel « menu plongeant » (dit aussi du « fil d’Arianne ») généralement situé en haut de page sous le bandeau, il indique la séquence des rubriques parcourue en profondeur dans le site.

 Ergonomie : « Menus arborescents dynamiques » versus « Menus arborescents contextuels »

Par comparaison, un autre type de menu est souvent utilisé dans les sites Web, il s’agit des menus arborescents contextuels, l’internaute le déplie et le découvre progressivement en cliquant sur les rubriques successive en profondeur, à chaque fois une opération de clique et un délai d’attente. pour atteindre une rubrique au cinquième niveau de profondeur dans l’arborescence du site par exemple, il faut pas moins de cinq cliques (généralement plus car il faut généralement cliquer dans plusieurs branches pour savoir laquelle est la bonne à explorer), plus un clique pour atteindre l’article. Cela fait six cliques au lieu de deux seulement dans le menu arborescent dynamique.

 Un menu très efficient : le Menu arborescent dynamique utilisé par le squelette SARKA

Le menu arborescent dynamique présenté ici est 100% CSS, il n’utilise pas de javascript. Il s’agit d’une version light de celle utilisée par le squelette SARKA. De plus, dans le squelette SARKA, un grand nombre d’éléments est généré automatiquement par les boucles SPIP, un surlanguage (méta language) à PHP / MySQL créé par les auteurs de SPIP. La version complète incluant le métalanguage SPIP sera décrit pour le cours traitant des squelettes SPIP.

Le Squelette Sarka-SPIP est en licence libre GNU-GPL - Copyright (C) 2005-2007 - Collectif Sarka-SPIP - http://sarka-spip.com

Menu arborescent dynamique du squelette SARKA-GG

 feuille de style CSS


Publications

Derniers articles publiés

Navigation

Articles de la rubrique

  • Menu vertical arborescent dynamique du squelette SARKA (couleurs SARKA-GG)

Agenda

<<

2017

 

<<

Juillet

 

Aujourd'hui

LuMaMeJeVeSaDi
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


1 site référencé dans ce secteur