Des astuces de conception Web pour créer un site pro. Créer un site internet professionnel | Québec

Mis à jour : 31 janv. 2018


Un site Web ne peut pas réussir uniquement à travers un design graphique convaincant ou un contenu stimulant. Il doit avoir un style qui alimente l'expérience de l'utilisateur et les fonctionnalités de votre site Web tout en étant facile à comprendre au premier coup d'œil.


Nous comprenons que différentes personnes préfèrent des styles différents, mais cela ne signifie pas qu'il n'y a pas quelques règles de base que vous devriez suivre pour décider l'apparence de votre site Web.


Voici 5 conseils rapides pour vous assurer que vous vous dirigez dans la bonne direction et ne détournez pas les clients:


01. Gardez votre page d'accueil minimaliste et sans encombrement


Nous lisons rarement chaque mot sur un site Web. Au lieu de cela, nous scannons rapidement les pages, en sélectionnant des mots-clés et des phrases. Avec ces comportements connus à l'esprit, il est préférable de faire appel aux émotions plutôt que de compter les mots. Quand quelqu'un regarde votre site internet il doit lire, cliquer ou se souvenir, mieux ils seront en mesure de traiter et d'évaluer ce qui se passe devant eux. Cela les rend plus susceptibles de faire ce que vous voulez qu'ils fassent en premier lieu. Les "Call to Action" sont nécessaires, bien sûr, mais assurez-vous de les décomposer avec des sous-titres plus importants et des paragraphes lisibles. Nous suggérons également d'utiliser des images ou des icônes comme moyens alternatifs pour communiquer votre point de vue.



02. Conception avec une hiérarchie visuelle à l'esprit


Avec les écrans d'ordinateur et les smartphones, au fur et à mesure que la technologie d'affichage de l'information évolue, il reste au designer à organiser le contenu de manière claire. Vous n'avez que quelques secondes pour attirer l'attention de quelqu'un et lui dire de quoi parle votre site Web. Si vous établissez une hiérarchie claire à votre information, les lecteurs ne peuvent s'empêcher de suivre inconsciemment les miettes de pain qui vous disperser de manières réfléchit. Ensuite, appliquez la couleur, le contraste, la taille et l'espacement pour accentuer davantage les éléments tape à l’œil de votre site internet, en restant conscient de ce qui attire l'attention sur votre site Web et assurant que c'est toujours intentionnel. L'un des meilleurs éléments de conception Web que nous avons trouvé pour créer une hiérarchie visuelle forte sont les bandes : Elles aideront à organiser votre site Web en morceaux de contenu clairs.



03. Créez un contenu de site Web facile à lire


La "lisibilité" mesure la facilité avec laquelle les gens peuvent reconnaître des mots, et des phrases. Lorsque la lisibilité de votre site Web est élevée, les utilisateurs peuvent analyser efficacement votre site internet et intégrer les informations dans le texte sans trop d'effort.


La lisibilité du site Web est relativement facile. essayez ces règles clés:


  • Le contraste est la clé Il est très important d'avoir un contraste suffisant entre votre texte l'arrière-plan afin que le texte soit clair. Vous avez probablement des couleurs soigneusement sélectionnées qui font partie de votre identité de marque et elles devraient être représentées sur votre site Web. N'hésitez pas à jouer avec les couleurs, ne sacrifiez pas la lisibilité pour la créativité.


  • Vous ne pouvez pas lire ce que vous ne pouvez pas voir Les premiers sites Web contenaient de petites polices, mais au fil du temps, les gens ont réalisé que les polices 12pt étaient difficiles à lire en ligne. Quand un écran est à 24 pouces du visage de quelqu'un, la plupart des gens auront du mal à voir des polices plus petites. Une règle générale que vous verrez sur le Web est de garder le texte au moins à 16pt. C'est un bon point de départ, mais gardez à l'esprit que tout dépend complètement de la police que vous utilisez .


  • Serif vs Sans Serif Vous ne pouvez pas choisir votre famille, mais vous choisissez le type de famille de polices que vous utilisez . Les serifs sont ces petits points ou lignes que certaines écritures ont à la fin de leurs lettres - Times New Roman, par exemple, vient de la famille des polices Serif. Sans Serif signifie littéralement "sans serif". Ces polices sont généralement le meilleur choix pour les textes en ligne.


  • Il existe un trop grand nombre de polices En règle générale, n'utilisez pas plus de trois polices de caractères différentes sur un même site Web. Certains projets peuvent nécessiter des combinaisons de polices plus élaborées, mais si vous choisissez d'utiliser une variété de polices, l'effet global devrait être harmonieux et non encombré.

04. Assurez-vous que votre site est facile à naviguer


La navigation de site Web n'est pas l'endroit pour être avant-garde. N'envoyez pas vos visiteurs sur une chasse à l'oie sauvage lorsque vous vous promenez sur votre site Web. Un site avec une navigation solide aide les moteurs de recherche à indexer votre contenu tout en améliorant l'expérience des internautes:

  • Liez votre logo à votre page d'accueil: C'est une pratique courante à laquelle vos visiteurs sont habitués et qui leur permet d'économiser des clics précieux.


  • Attention à votre menu: Il devrait être sur le dessus (dans l'en-tête) de votre site Web et structuré en fonction de l'importance de chaque section.


  • Offrir une navigation verticale: Si votre site est de type à défilement long, essayez d'utiliser un  menu ancre. En un clic, les téléspectateurs pourront revenir rapidement vers le haut, vers le bas ou directement vers n'importe quelle section du site Web.


  • Travailler sur votre pied de page: Votre pied de page est probablement la dernière chose à voir sur votre site internet, alors n'oubliez pas d'inclure tous les liens importants là-bas. Cela peut inclure une version raccourcie de votre menu, des icônes sociales et d'autres liens importants (conditions d'utilisation / FAQ / contact / blog etc.) dont vos visiteurs peuvent avoir besoin.


  • Gardez votre contenu important : Ceci est moins un conseil de "navigation" , mais il est toujours important. Rappelez-vous que vos visiteurs devraient comprendre de quoi parle votre site Web sans avoir à le faire défiler.

05. Restez mobile amical


Nous vivons dans une société mobile, ce qui fait qu'il est important de poser la question suivante: que voient mes visiteurs quand ils accèdent à mon site en déplacement? Assurez-vous de vous mettre dans la position de l'utilisateur, et tester chaque page, l'action de l'utilisateur et le bouton. Assurez-vous que votre site Web mobile fonctionne sur tous les cylindres.



Un dernier conseil pour la route: n'arrêtez jamais de chercher l'inspiration! Quand il s'agit de design web, l'inspiration est une partie essentielle du processus de création. Il est important de se familiariser avec ce qui est possible.



Boxcom | Concetion de site Web et rférencement Web Québec

581.741.7767