Respecter les règles du webdesign est une contrainte mais c’est surtout un socle solide à partir duquel laisser exprimer sa créativité et mettre en exergue ses spécificités.

Le webdesign est un métier technique avant d’être un métier artistique, n’en déplaise à certains graphistes/ Directeurs artistiques. Dans sa boite à outils, le créateur de site web utilise différents éléments fondamentaux permettant d’atteindre l’expérience utilisateur qui correspond aux objectifs fixés par le propriétaire du site web :

  • Hiérarchie visuelle : plus c’est gros, plus c’est important
  • Loi de Fitts : plus un objet est gros, plus il est facile de cliquer dessus
  • Loi de Hick : trop de choix complique les choix
  • Loi de symétrie : le cerveau préfère lorsque les constructions sont équilibrées. On peut aussi jouer l’inverse pour focaliser vers un point précis
  • Loi de proximité : les vides permettent de grouper les blocs d’informations par thème. Le blanc permet de construire visuellement une page.
  • Loi de la similitude : le cerveau regroupe automatiquement les contenus similaires
  • Loi de trajectoire : un visuel qui pointe dans une certaine direction attire l’oeil vers cette direction
  • Loi des tiers : comme en photo, un visuel bien découpé avec les points fondamentaux à l’intersection des lignes est agréable à l’oeil
  • Nombre d’or : Ratios magiques pour focaliser l’attention
  • Principe de la forme : l’image est déjà vue dans sa globalité avant d’entrer dans les détails

L’expérience utilisateur se construit donc par briques et peut être découpé en différentes phases :

  • Architecture de l’information : Qu’est-ce qui est important ? Que doit-on mettre en avant ? Comment se fait la navigation ? Quels choix permettent d’améliorer la « trouvabilité » de l’information ?
  • Design d’interaction et interface homme /machine : Comment vont s’articuler les différentes interactions ? Comment l’internaute saura sur quoi cliquer ? Comment l’utilisabilité et l’accessibilité du site web permet l’atteinte des objectifs ?Interface Homme Machine :
  • Design visuel : le travail graphique à proprement dit. Lorsque l’on est arrivé à cette phase, le gros du travail est déjà réalisé.
  • Construction technique : le site web est-il rapide ? Trouvable facilement sur Google, sans page d’erreurs ? Se lit-il facilement sur tous les périphériques ?

Et le résultat final paraît simple et évident parce que le travail a été bien réalisé…