A noter

C'est le 782e jour depuis le début de cette aventure !

Beautiful websites : l’ère du web 2.0

Publié le 13 oct 06 à 13:56 | Catégorie : Design Web | 3 commentaires

Cette semaine nous allons délaisser l’illustration vectorielle pour nous intéresser aux sites web qui caractérisent le mieux la nouvelle vague Internet. On les distingue très facilement, car ils suivent souvent plus ou moins les mêmes codes graphiques.

Cette vague de sites web 2.0 représente une transition importante vis-à-vis de ce qui se faisait avant en terme de web design. Peut-être est-ce dû au fait que l’ordinateur s’est vraiment démocratisé ? Les prix attractifs font qu’on achète ou change plus souvent de machine aujourd’hui. Cela offre du coup de nouvelles possibilités en terme de taille de page, car les machines récentes disposent d’écrans plus larges et de résolutions plus élevées. Donc fini les sites en 800×600 !

Par ailleurs, le pourcentage d’adoption de l’ADSL étant très important, cela autorise plus de largeur vis-à-vis du poids des images. En effet, les limitations qui existaient avant ont sauté avec l’avènement du haut débit. Les pages web sont plus lourdes. Il suffit d’aller faire un tour sur des sites grand public comme Yahoo (200 ko), Le Monde (330 ko) ou encore TechCrunch (530 ko !) pour le vérifier.

Et du coup, avec moins de contraintes, les sites ont pris des allures différentes, en empruntant certains des principes suivants :

  • Une page centrée et très aérée
  • Un design à l’horizontale avec une présentation très large
  • Des titres énormes
  • Quelques effets 3D ou d’ombrage
  • Des couleurs très vives
  • Une utilisation massive de dégradés de couleurs
  • Des effets graphiques dynamiques

Goowy et Ziki ont par exemple une présentation très claire et espacée, toute en largeur :

Goowy

Feed Rinse et Dosize utilisent quant à eux des gros titres :

Feed Rinse

Chez Carbonmade et Cork’d, c’est plutôt coloré :

Carbonmade

Et il est maintenant courant d’avoir des effets de réflexions sur les logos (voir Traineo ou Fluxiom par exemple) :

Traineo

Ou des logos en 3D, comme pour Pocket :

Pocket

Il y a également plein de petites choses que l’on retrouve parfois comme l’appellation beta bien apparente à coté du logo, ou encore des écussons pour accrocher l’attention du visiteur. Si vous voulez découvrir cette nouvelle race de sites, ce site référence quelque uns des plus connus.

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.


3 commentaires à propos de “Beautiful websites : l’ère du web 2.0” :

  1. Les sites sont sympas au niveau du design, mais j’ai du mal avec ce style trop aérés… J’ai l’imprression de ne pas trouver ce que je cherche rapidement. Vieille école sans doute… J’en ai profité pour tester thinkpocket: c’est pas mal. J’aime bien ce classement dans plusieur catégories comme sur google mail. Mais j’ai beaucoup de mal avec ce style de présentation. Je vais pousser le test un peu plus loin quand même.

  2. Oui, tu me diras ce que tu penses de celui-là. J’ai été fasciné la première fois que je l’ai utilisé, car l’interface est superbe et très dynamique. Mais ensuite j’ai vite déchanté. Déjà il ne fonctionne qu’avec Firefox, donc ça limite un peu l’intérêt de ce genre de site (bookmarks en ligne). Ensuite, il a de grosses lacunes en terme d’utilisabilité. Dommage. Ca ressemble plus à un joli projet étudiant qu’à un vrai site.

  3. Elle sont vraiment sympa ces interfaces web.

    J’adore, merci Stéphane.

    Pierre

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.




A Propos

Pas facile de franchir le pas et d'abandonner un poste de consultant. Mais depuis octobre 2006, je me consacre entièrement à la conception d'un nouveau service Internet et au montage d'une société.

Ce blog raconte le parcours d'un entrepreneur dans la net économie et aborde de nombreux aspects pratiques, juridiques et financiers liés au développement d'un business sur Internet.

Lire la suite…