• 175k
  • 49
Web design \ 6 Novembre 2017

Les 5 règles de base du web design

 

Un site internet réussi va au-delà d’un superbe design et d’un contenu intéressant. Le style doit être mis au service de l’expérience utilisateur (ce que l’on appelle dans le jargon l’UX). Vos pages doivent être bien organisées et faciles à comprendre dès le premier coup d’œil.

On sait bien que les goûts et les couleurs ne se discutent pas. Pour autant, il existe des règles de base à suivre pour optimiser l’apparence de votre site. Quels sont ces commandements à suivre religieusement ? Nous vous donnons 5 règles faciles à appliquer et qui vont attirer les clients comme des mouches :

01. Moins il y en a, mieux ce sera

Ceci n’est pas une incitation à la paresse. Simplement une jolie façon de vous dire qu’il est inutile (voire très déconseillé) de surcharger vos pages. On ne lit pas tout sur un site internet. On parcourt furtivement les pages en retenant des mots-clés et des phrases. Avec ce constat à l’esprit, il est préférable de faire appel aux émotions plutôt que de compter les mots. Moins le visiteur de votre site devra lire de contenu, cliquer ou retenir des éléments, plus il sera en mesure d’enregistrer ce qu’il voit. Les textes et les appels à l’action (CTA pour Call To Action) sont évidemment nécessaires, mais décomposez-les en sous-titres et en paragraphes lisibles. Nous vous suggérons également d’utiliser des images ou des icônes pour faire passer votre message.

Un site minimaliste

02. Une hiérarchie visuelle, tu respecteras

Tout était plus simple à l’époque des hiéroglyphes. Depuis, nous en avons parcouru du chemin. Ordinateur, smartphone, tablette…les technologies ont évolué et nous sommes submergés d’informations. Le rôle du designer est d’organiser tout ce contenu de manière claire.

Sur Internet, vous n’avez que quelques secondes pour interpeller les visiteurs. Si vous hiérarchisez vos informations, les lecteurs vont suivre inconsciemment les miettes de pain que vous semez. Il ne vous reste ensuite plus qu’à appliquer la couleur, le contraste, la taille et l’espacement en gardant à l’esprit ce qui attire l’attention sur votre page et en vous assurant que c’est toujours intentionnel. L’un des meilleurs éléments de design pour créer une hiérarchie visuelle efficace sont les bandes : Elles permettent de structurer votre site en plusieurs parties claires et digestes. Inspirez-vous de ce superbe site Wix parfaitement bien organisé en différentes catégories.

Hiérarchisez votre contenu

03. Facile à lire, ton site sera

La lisibilité mesure la facilité avec laquelle les gens peuvent reconnaître des mots, des phrases et des expressions. Lorsque celle de votre site est élevée, les utilisateurs peuvent intégrer les informations sans trop d’effort.

Voici les règles fondamentales à respecter pour créer un contenu facile à lire :

  • Le contraste est la clé

Il est essentiel d’avoir un contraste suffisant entre votre texte et son arrière-plan pour que le contenu de votre site soit clair. Vous souhaitez utiliser les couleurs en accord de votre identité de marque (comme du jaune par exemple) ? Pas de problème, il vous suffit simplement de faire les bonnes associations. Le piège dans lequel il ne faut surtout pas tomber : négliger pas la lisibilité au profit de la créativité.

  • Vous ne pouvez pas lire ce que vous ne pouvez pas voir

Les premiers sites web contenaient de petits caractères, mais au fil du temps, les gens ont réalisé que les polices 12pt sont difficiles à lire sur un ordinateur. Une règle générale du Net consiste à maintenir la taille de votre texte à 16pt minimum. C’est un bon point de départ, mais sachez que ce nombre doit s’adapter au type de police que vous utilisez.

  • Serif vs Sans Serif

Vous ne pouvez pas choisir votre famille, mais vous pouvez sélectionner le type de famille de police que vous utilisez. Les serifs sont ces petits points ou lignes que certaines polices ont à la fin de leurs lettres – La Times New Roman, par exemple, est issue de la famille des polices Serif. Sans Serif signifie littéralement « sans serif ». Ces typographies sont souvent la meilleure option pour les textes en ligne – tels que celui que vous lisez actuellement. Remarque : Nous savons que les polices de caractères style manuscrit sont vraiment cool et fantaisistes mais, s’il vous plaît, songez aux yeux de vos visiteurs – accordez-leur une pause !

  • N’utilisez pas trop de polices

En règle générale, n’utilisez pas plus de trois polices différentes sur un seul site. Certains projets peuvent nécessiter des combinaisons plus élaborées en associant plusieurs typographies. Si c’est le cas, assurez-vous simplement que l’effet global reste harmonieux et non surchargé.

Créez un contenu lisible

04. La navigation, tu faciliteras

Si votre design se veut original, ne soyez pas avant-gardiste en ce qui concerne la navigation de votre site web. Vos visiteurs n’ont pas besoin d’avoir un doctorat pour parcourir votre site. Une navigation simple et efficace vous amènera plus de trafic, mais elle permettra également aux moteurs de recherche d’indexer votre contenu plus facilement.

Encore une fois, nous avons quelques trucs et astuces pour vous aider :

  • Liez votre logo à votre page d’accueil : C’est une pratique fréquente que vos visiteurs connaissent et qui permet de minimiser le nombre de clics.
  • Attention à votre menu : Il doit être placé en haut (dans l’en-tête) de votre site web et structuré en fonction de l’importance de chaque section.
  • Proposez une navigation verticale : si votre site est une page long scrolling, essayez d’utiliser un menu d’ancrage. En un clic, les internautes peuvent revenir rapidement vers le haut, vers le bas ou n’importe quelle section du site.
  • Travaillez sur votre bas de page : Votre pied de page est probablement le dernier élément vu sur votre site, alors n’oubliez pas d’y inclure tous les liens importants. Il peut s’agir d’une version raccourcie de votre menu, d’icônes sociales et d’autres liens importants (conditions d’utilisation / FAQ / contact / blog/ etc.) dont vos visiteurs peuvent avoir besoin.
  • Mettez le contenu important « en évidence » : Ce n’est pas réellement un conseil sur la navigation à proprement parler, mais c’est important. Souvenez-vous que vos visiteurs doivent comprendre de quoi parle votre site web sans même avoir à le faire défiler.

05. Le mobile, tu n’oublieras pas

Nous vivons dans une société mobile, il est donc primordial de vous poser la question suivante : que voient mes visiteurs quand ils consultent mon site lors d’un déplacement ? Ne craignez rien ! Wix crée automatiquement une version mobile de votre site pour que vous puissiez rester au fait dans cette société qui ne s’arrête jamais. Mettez-vous dans la position de l’utilisateur et testez chaque page, chaque action et chaque bouton. Si vous voulez être certain que votre site mobile est performant, suivez nos conseils pour optimiser votre version sur petit écran.

Créez une version mobile

Un dernier conseil pour la route : Inspirez-vous ! Lorsqu’il s’agit de web design, chercher de nouvelles idées est une partie essentielle du processus de création. Vous ne savez pas par où démarrer ? Notre section Explorer est le meilleur endroit pour trouver de fantastiques sites réalisés avec Wix.

Section Explorer

Prêt à partir du bon pied ? Créez votre superbe site Wix dès aujourd’hui !

Publié par Equipe Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.