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é…