Int

1
Intégration / Design web

• Création dinterfaces

2
Identification du style

• Existe-t-il une charte graphique ?
• Définir un style en fonction de laxe de
  communication déterminé (sil existe)
• Le style retenu doit être pertinent avec
  lactivité du client ou lobjet du site internet.
• Le style peut être décalé mais lensemble doit
  rester cohérent et surtout  servir  le client
  (doit aller dans le sens de lobjectif du site)
• Déterminer la typographie adaptée

3
Définition des surfaces

• Votre interface doit permettre
• de trouver son chemin dans lensemble des pages
  que comporte le site.
• De mettre en valeur le contenu (déterminer si le
  site sappuie sur du contenu volumineux ou sur
  des éléments essentiellement dordre graphique).
• De structurer (hiérarchiser) linformation
  (contenu et interface)
• Didentifier le site internet (lui donner une
  personnalité).
• En tenant compte de ces éléments
• Définir les surfaces accordées à chaque élément.
• Définir lemplacement le plus judicieux pour
  chaque élément.

4
Surfaces - suite

• Identification du site
• Navigation
• Contenu informatif
• Habillage graphique
• Auto-promotion
• Publicité-partenariats
• Surface inutilisée
• Prenez lhabitude didentifier ces surfaces sur
  les sites que vous visitez afin de forger votre
  sens critique de lergonomie

5
Création graphique des surfaces

• Une fois les surfaces déterminées, créer les
  éléments graphiques correspondant.
• Tenir compte du style retenu
• Tenir compte des contraintes techniques et de la
  faisabilité

6
Typographie et contenu

• La typographie permet de grandes variétés de
  police, graisses, tailles, approche, retrait,
  couleur, etc utilisez ces possibilités pour
  mettre en évidence la hiérarchie de
  linformation.
• Tenez compte des contraintes de la lecture sur un
  écran (évitez les polices à empattement de petite
  taille).
• Créez des puces afin de faciliter la lecture des
  listes.
• Définissez la mise en place du texte et des
  éléments graphiques mises en page des images,
  du texte (colonnes).

7
Références

• Lart de la page daccueil (Jacob Nielsen Marie
  Tahir) - Eyrolles