Quelques pistes pour un design 2.0

Lundi 8 janvier 2007

Je ne suis pas fan de la terminologie web 2.0, mais bon, à force ça devient un terme banal et de plus en plus courant sur le web, si bien qu'il commence à entrer dans mon vocabulaire.

Il vrai que j'aurais pu dire à la place de "2.0", "moderne" mais ça fait un peu quiche... En plus, j'ai des chances d'avoir des visiteurs supplémentaires en provenance de google surtout ci je dis AJAX! :)

Vous trouverez ci-desous des pistes pour obtenir un design 2.0 ainsi que les liens vers les articles, tutoriaux et sites qui m'ont éclairés.

1 / Une disposition centrale

Les sites/blogs 2.0 sont centrés

2 / Pas plus de 3 colonnes

De toute manière comme les blogs/sites sont centrés il y a moins de place qu'avec un design «élastique»

Une tendance qui émerge: 1 seule colonne!

3 / Une séparation entête et corps du site/blog bien marquée

4 / Un menu simplifié

Préférez l'utilisation de mots courts pour chaque lien de votre menu. Evitez les menus déroulants. Le menu doit être très visible et clairement identifiable.

5 / Des liens clairs et différenciés

Les liens internes et externes doivent clairement se distinguer du contenu non-naviguable.

Pour cela utilisez de forts contrastes. Le background colorés en inverse vidéo au passage de la souris et très à la mode.

quelques exemples:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam dolor. Etiam fermentum sapien id massa. Suspendisse ornare sem vel eros. Praesent id elit. Duis sollicitudin sem nec nulla. Etiam cursus. Donec rhoncus. Aenean fermentum ipsum eget dolor semper molestie. Praesent id elit. Proin a dolor.

6 / Une grande taille de police

La taille des polices grandit à vue d'oeil! A croire que les internautes 2.0 ont des problèmes de vue... Resteraient-ils trop longtemps devant leur écran?