Difficile de ne pas les avoir remarquées… Ces navigations développées en pied de page sont de plus en plus populaires et elles font partie des changements ergonomiques liés au Web 2.0. Beaucoup de sites web modernes ont abandonné le plan du site traditionnel affichés sur une page et ils ont plutôt adopté des « mini plan de site » dans la zone inférieure des pages.

Évolutif et ingénieux, le plan du site en pied de page est aussi appelé « filet de secours ». Insérer une navigation en pied de page reste particulièrement pratique, donne plus de valeur à votre contenu et facilite l’accès au reste du site.

Du point de vue stratégique, pourquoi utiliser la navigation en pied de page ?

• Attirer l’attention des internautes : ces derniers ont plutôt tendance à faire défiler rapidement le contenu d’un site et lorsqu’il arrivent en pied de page, cela reste sans doute le dernier endroit où ils regardent avant d’abandonner la visite du site. Hors placer un plan du site sur cet endroit relance le visiteur dans sa consultation du site.
• S’assurer que vos visiteurs n’ont rien oublié : parfois, les internautes risquent d’être trop paresseux pour cliquer sur le lien « plan du site » et par conséquent manquer certains contenus importants.
• Faire la promotion des liens : vous pouvez l’utiliser comme une zone alternative pour promouvoir des pages importantes qui ne sont pas présentes dans la navigation principale de votre site.
• Faire gagnez du temps à vos lecteurs : Avoir un plan du site en pied de page permet aux utilisateurs de passer rapidement d’une page à l’autre et cela en un seul clic !!!
• Aérer l’affichage des liens et améliorer la mise en page graphique : l’utilisation de l’espace-écran est mieux optimisée et cela donne l’impression que votre site a plus de contenu.

Vont-ils remplacer les pages « site map/plan du site » traditionnelles?

Personnellement je pense que les deux techniques peuvent coexister. Dans les deux cas, le but d’avoir un plan du site est d’aider les visiteurs et les moteurs de recherche à trouver de l’information aisément sur le site.

Des exemples ?

WebDesignWall nous inspire avec 20 exemples de sites (de grandes sociétés à de petits sites) qui ont adopté intelligemment les navigations en pied de page pour améliorer la facilité d’accès à leur contenu.

Dans le webdesign l’approche minimaliste reste sans conteste une valeur sûre depuis toujours. WebDesignWall a sorti 50 exemples de sites qui nous inspirent à rester simple tout simplement…

50 Minimal Sites 

Fantastique Alphabetical Industrial Typography par Kalle Hagman.

La fin de l’année est proche et il est temps de faire le bilan des tendances appliquées en 2008. WebdesignerWall vient de sortir sa sélection de 50 meilleurs designs Web CSS de l’année.

Tendance HOT du moment, appliquer des images en arrière plan a été fortement suivie et on la verra certainement encore en 2009. En ce qui concerne les polices, on a préféré les écritures calligraphiées et les grandes tailles.

Les concepteurs ont aussi adopté le vintage et le style retro. On y trouve aussi beaucoup de profondeur avec des ambiances aquatiques, voir même sous-marines. Ambiances cartoon, grunge, baroque, black & white, collage, effets d’encre, textures en bois, les dentelles et les magnifiques paysages en background ont fait de l’année 2008 très riche graphiquement.

Et pour 2009, quelles seront les nouvelles tendances qui feront la mode sur la toile ?

L’une de grandes tendances webdesign de cette année 2008 sont les images en arrière plan. Ces images, photographies ou graphiques, prises en fond donnent une réelle personnalité au site par rapport à la conception traditionnelle graphique d’arrière-plan.

Au fur et à mesure que les résolutions d’écran et les vitesses Internet progressent, il semble que de plus en plus de concepteurs web utilisent cette technique. Les « large backgrounds » peuvent créer un superbe effet visuel , en particulier pour les moniteurs de haute résolution.

Webdesignerwall nous donne 80 sources d’inspiration pour suivre cette tendance ainsi que les bonnes techniques CSS pour les appliquer.

Trouvez de l’inspiration pour vos sites Web avec Flickr :

http://www.flickr.com/groups/webdesign-inspiration/pool/

Une démonstration de ce qu’on peut accomplir lorsqu’on utilise les CSS pour la conception Web. Le projet est simple : proposer un code HTML à des designers pour qu’ils mettent en œuvre leur imagination et leur talent pour créer des designs en CSS, puis mettre ces réalisations en ligne à la disposition de tous. Depuis ses modestes débuts, Zen Garden a bien grandi et compte aujourd’hui plus de 200 designs reçus du monde entier. Le site s’est imposé comme la référence du design de haute qualité en CSS dans toute la communauté des développeurs et designers web. On y découvre de superbes exemples de designs web en CSS.

http://www.csszengarden.com