Webdesigntendances

473 views

Published on

Deux tendances dans le designe Web : de la ligne claire à la forme ronde (2006)

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
473
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Webdesigntendances

  1. 1. Deux tendances fortes dans le design WebDe la ligne claire à la forme rondeAlain-Marie Carron 27 Novembre 2006
  2. 2. Introduction Il y a 7 ou 8 ans, la page d’accueil du New York Times s’étalait sur 8 ou 9 écrans Il y a 3 ou 4 ans, MSNBC fonctionnait avec environ 120 menus déroulants, sous-menus et sous-sous-menus déroulants sur sa page d’accueil www.canoe.qc.ca a installé durablement au Québec la formule des pages d’accueil surchargées, comportant 80 entrées ou plus Le temps passe. Jakon Nielsen, Donald Norman (Emotional design), Alan Cooper (The inmates are running the asylum), mais surtout Steve Krug (Don’t make me think 1 et 2) et Jesse James Garrett (The user experience), Jeff Johnson aussi (Web Bloopers) ont mis l’internaute au centre du projet Web et introduit un peu de bon sens dans la maison Le design se fait plus simple, plus intuitif. Les différentes industries développent “un air de famille” dans leur traitement graphique Deux grandes tendances aujourd’hui : la “ligne claire” pour les sites “sérieux” et la “ligne ronde” pour les sites inspirés de la vague Web 2.0 L’usage accru du blanc tend à lier les deux
  3. 3. La ligne claire
  4. 4. Le dosage exact de typo (fontes et couleurs) de blanc, d’images, d’icônes
  5. 5. maîtrise de la disposition textes images
  6. 6. maîtrise des blancs circulants, dépouillement qui rend la page un peu fragile. La maquette s’estun peu densifiée depuis cet exemple pris au début de la nouvelle formule du site
  7. 7. As i said...
  8. 8. la ligne claire au service du texte
  9. 9. humain, simple et élégant
  10. 10. on n’est plus très éloigné du design Web 2.0
  11. 11. La ligne ronde
  12. 12. exemple archi-célèbre de user generated content
  13. 13. le premier comparateur de prix dans le domaine du tourisme aux E.U. Classé 2 fois parNewsweek dans les 10 meilleurs sites
  14. 14. la ligne ronde et accueillante, rassurante, simple à comprendre
  15. 15. Clarté, lisibilité, architecture simple
  16. 16. Une des caractéristiques des pages de style Web 2, est que ce sur quoi l’internaute peut cliquerest toujours trés visible, assez, gros, simple et limité en nombre
  17. 17. Globalement, la tendance Web 2.0 montre que Web a appris (enfin) à servir le texte
  18. 18. Netvibes, autre classique du web 2.0
  19. 19. le design web 2.0 se développe en parallèle avec le phénomène des blogs et des fonctionsd’aggrégation de contenus. Tout cela est inclus dans la tendance au user generated content. Ici on aun peu de tout cela
  20. 20. On n’a même pas encore commencé avec le Web 2.0 et eux...
  21. 21. le diaporama des meilleurs sites Web.20... 1400 exemples
  22. 22. Les outils
  23. 23. Calrté du message, disposition, importance du blanc
  24. 24. quand l’utilitaire rejoint la BD
  25. 25. mush up site : ici au service d’un site culturel
  26. 26. Un mush up site montréalais
  27. 27. Un bon outil de recherche -
  28. 28. Pour sa barre de navigation horizontale en style acier brossé
  29. 29. Pop up d’information : à petite dose, cela peut être utile
  30. 30. Des outils très Web 2.0
  31. 31. nouvel design des outils liés au texte sur le site de Libération
  32. 32. un menu déroulant stable et clair
  33. 33. Commentaire : un menu déroulant lisible et assez stable

×