Webdesigntendances
Upcoming SlideShare
Loading in...5
×
 

Webdesigntendances

on

  • 262 views

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

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

Statistics

Views

Total Views
262
Views on SlideShare
262
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Webdesigntendances Webdesigntendances Presentation Transcript

    • Deux tendances fortes dans le design WebDe la ligne claire à la forme rondeAlain-Marie Carron 27 Novembre 2006
    • 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
    • La ligne claire
    • Le dosage exact de typo (fontes et couleurs) de blanc, d’images, d’icônes
    • maîtrise de la disposition textes images
    • 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
    • As i said...
    • la ligne claire au service du texte
    • humain, simple et élégant
    • on n’est plus très éloigné du design Web 2.0
    • La ligne ronde
    • exemple archi-célèbre de user generated content
    • le premier comparateur de prix dans le domaine du tourisme aux E.U. Classé 2 fois parNewsweek dans les 10 meilleurs sites
    • la ligne ronde et accueillante, rassurante, simple à comprendre
    • Clarté, lisibilité, architecture simple
    • 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
    • Globalement, la tendance Web 2.0 montre que Web a appris (enfin) à servir le texte
    • Netvibes, autre classique du web 2.0
    • 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
    • On n’a même pas encore commencé avec le Web 2.0 et eux...
    • le diaporama des meilleurs sites Web.20... 1400 exemples
    • Les outils
    • Calrté du message, disposition, importance du blanc
    • quand l’utilitaire rejoint la BD
    • mush up site : ici au service d’un site culturel
    • Un mush up site montréalais
    • Un bon outil de recherche -
    • Pour sa barre de navigation horizontale en style acier brossé
    • Pop up d’information : à petite dose, cela peut être utile
    • Des outils très Web 2.0
    • nouvel design des outils liés au texte sur le site de Libération
    • un menu déroulant stable et clair
    • Commentaire : un menu déroulant lisible et assez stable