Dans un article récent, Jared M.Spool nous parle du “design invisible”. Il explique que le meilleur design est celui-ci qui devient invisible. 

Quand les choses vont bien dans la conception de sites, nous n’y prêtons pas attention.  Nous avons seulement l’habitude de prêter attention aux choses qui nous dérangent.

C’est comme un climatiseur dans une salle de conférence. Personne va interrompre une réunion pour dire que la température est agréable. Au fait, ils ne la remarquent même pas. Ils ont seulement remarqué la température de la pièce quand il fait trop froid ou trop chaud.  Ou peut-être lorsque  l’appareil est trop bruyant ou a une fuite à travers le plancher. Mais quand ça fonctionne parfaitement, cet appareil devient invisible.

Il en est de même avec le design en ligne. C’est un ensemble de détails souvent développés durant des heures par les concepteurs, mais qui passent inaperçus pour les utilisateurs. Et cela ne veut pas dire que ces aspects ne sont pas importants. C’est simplement parce que les concepteurs ont fait très bien leur travail : ils l’ont rendu invisible. 

Le chemin d’accès à l’invisible dans la conception commence par l’élimination de toutes les frustrations. Techniques, comme les tests d’usabilité et d’études sur le terrain, sont de grands points de départ pour voir à travers les yeux des utilisateurs.

Article complet en anglais : Great Designs Should Be Experienced and Not Seen 

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 

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.

Et voilà, aujourd’hui c’est le 1er mai, fête du travail ! Rien de mieux que fêter cette journée en travaillant !

Je viens de faire 3 belles découvertes qui me feront aller me coucher encore très tard cette nuit :

• Un blog incroyable rempli de gadget Web 2.0. Deux Photoshop Layer Styles sont absolument à télécharger :
  http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/
  http://www.dezinerfolio.com/2007/03/14/ultimate-web-20-gradients-free-download/
  et encore tellement de choses…
• Izzymenu est un outil online génial pour créer de menus CSS très tendances et très pro.
  http://www.izzymenu.com/
• Plus de 50 tutoriaux CSS qui demontrent encore une fois tout le potentiel des feuilles de style.
  http://www.noupe.com/css/using-css-to-do-anything-50-creative-examples-and-tutorials.html

Quel gain de temps !

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

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

L’édition 2008 du WIF aura lieu du 17 au 19 avril 2008 à Limoges. Organisé par Limousin Expansion, le Webdesign International Festival est un évènement de 3 jours dédié aux acteurs du marché du Webdesign du monde entier. Voici un aperçu du programme :

• Des conférences et tables rondes animées par des intervenants reconnus dans le domaine
• Une compétition de 24h non-stop entre 14 pays et 145 webdesigners finalistes
• Des moments d’échanges et de rencontres entre professionnels et experts du webdesign

Webdesign International Festival