26 conseils essentiels pour la conception d'un site web

Vous êtes prêt à franchir le pas et à créer un site pour vous-même, votre entreprise ou toute autre chose merveilleuse que vous adorez, mais vous n'avez aucune idée de la manière de concevoir un site web ? Vous voulez que les sites de vos clients atteignent des niveaux de trafic vertigineux ? Vous avez besoin d'une superbe conception de site web à présenter dans votre portfolio de design en ligne? Nous sommes là pour vous aider ! Consultez notre liste de 26 conseils indispensables en matière de conception de sites web pour améliorer l'aspect et la convivialité de vos sites et inciter les visiteurs à cliquer ! Entrons dans le vif du sujet.

Commencer par une esquisse

Une bonne conception web commence rarement par du code. Plonger directement dans la chair d'un projet est en fait préjudiciable au résultat final ! Ce qu'il faut faire, c'est commencer à faire du wireframing.

Prenez une feuille de papier et un stylo (un crayon est encore mieux, car il peut être effacé) et esquissez un plan approximatif pour la conception de votre site web. Déterminez l'emplacement des éléments avant même de vous lancer dans la conception de votre site. commencer de concevoir quoi que ce soit dans un espace numérique. Vous pourriez dire que c'est contre-intuitif, mais vous vous trompez : la réflexion sur la conception est essentielle au succès de votre page. En l'utilisant dans votre planification, vous pouvez améliorer les résultats de chaque projet créatif que vous mettez en œuvre.

Garder à l'esprit la vitesse de chargement

Vous visitez un site web et -ugh!- il prend pour toujours pour charger quoi que ce soit. Une bonne conception de site web consiste à fournir rapidement des données à vos visiteurs. Personne ne restera sur le site si chaque image met trois minutes à se charger.

Alors, comment limiter le temps de chargement à un niveau raisonnable ? Le choix du bon hébergeur pour votre page peut faire toute la différence. Vous manquez de temps ? Optez pour un hébergeur constructeur de site web qui donne la priorité à la vitesse de chargement.

Ensuite, veillez à limiter les éléments volumineux dans la conception de votre site web. Le nombre d'images ou de vidéos que vous affichez (en particulier à des résolutions élevées) peut avoir une incidence considérable sur le temps de téléchargement des données pour chaque utilisateur de votre site.

Penser d'abord au mobile

De tous les conseils de conception de sites web présentés dans cet article, celui-ci est peut-être le plus important. Une page réactive, prête pour le mobile, est indispensable à la conception d'un site web moderne. Plus de 50% du trafic web provient désormais d'appareils mobiles! Veillez à ce que chaque élément de votre site soit réactif et s'affiche correctement dans n'importe quelle résolution. Veillez également à choisir un plateforme qui optimise vos images pour les mobiles.

Il y a beaucoup plus que cela, mais nous vous laissons le soin de faire des recherches sur le sujet. de multiples façons dans lequel conception mobile peut être utilisé avec succès sur votre page.

Apprendre le design UI/UX

Une chose est sûre : une bonne expérience utilisateur attirera les visiteurs et fera une énorme différence dans la conception de votre site web. Si les utilisateurs estiment que votre site est facile à utiliser et à parcourir, et qu'il est attrayant, vous êtes sur la bonne voie pour obtenir des tonnes de clics et de vues (et de doux, doux revenus !). Pour plus de conseils sur la façon d'améliorer l'expérience utilisateur, consultez notre guide sur la façon d'améliorer l'expérience utilisateur. comment devenir un grand designer UX.

Mettre en place une hiérarchie visuelle

L'endroit où vous placez les éléments sur votre site web est extrêmement important. Les êtres humains sont des créatures visuelles, et leur présenter des informations d'une manière qu'ils peuvent facilement assimiler est essentiel pour attirer leur attention et s'assurer qu'ils retiennent les données que vous leur présentez.

Par exemple, si vous placez une vidéo de grande taille en haut d'une page, vous pouvez être sûr que tous les utilisateurs la verront. Mais qu'en est-il si vous placez un lien "acheter maintenant" en dessous, dans une police de 12 points ? Il y a de fortes chances qu'ils ne remarquent même pas le lien. Nos yeux suivent un certain chemin lorsque nous lisons, et vous voulez les guider avec un contenu bien placé en conduisant leurs yeux d'une manière naturelle.

Trouver des titres qui font mouche Travail Pour vous

L'un des meilleurs conseils en matière de conception de sites web que nous puissions vous offrir ? Ne sous-estimez pas le pouvoir d'un titre ou d'un sous-titre de qualité. Ils peuvent attirer l'attention et susciter l'intérêt des utilisateurs, sans avoir recours à des graphiques ou à des fichiers vidéo tape-à-l'œil. Un titre ou un sous-titre mal formulé est une occasion manquée de susciter l'intérêt.

Vous devez vous assurer que votre titre est descriptif. Par exemple, "Les rouges à lèvres Signature livrés à votre porte" est un titre bien plus efficace que "Obtenez notre produit spécialisé". Il indique à l'utilisateur ce que vous vendez exactement et comment il va le recevoir ! Non seulement l'utilisateur comprend mieux de quoi il s'agit, mais cela peut aussi avoir un impact considérable sur la qualité de l'information. améliorer votre score SEO.

Il existe un phénomène psychologique appelé Loi de HickSelon ce principe, plus un individu se voit proposer d'options, plus il lui faudra de temps pour prendre une décision. Ce principe peut être utilisé à votre avantage dans la conception d'un site web, en vous permettant de maximiser les taux de conversion, grâce à quelques petites astuces psychologiques. (Plutôt que d'inonder le visiteur de tonnes d'options, réduisez le contenu de votre site et ne présentez que le strict minimum nécessaire pour faire passer votre message. C'est ça, une bonne conception de site web !

Il suffit de regarder Twitter ou Facebook pour voir comment la loi de Hick peut jouer en votre faveur... et potentiellement vous rapporter beaucoup d'argent. Vous n'arrivez pas à trouver des moyens de réduire la taille de votre page ? Vous pouvez essayer les stratégies suivantes :

• Réduire à un seul le nombre d'objectifs sur chaque page.
• N'affichez pas d'icônes pour des choses qui ne sont pas importantes (si vous n'utilisez pas Twitter plus d'une fois par an, pourquoi l'inclure sur votre page ?)
• Les formulaires doivent être aussi simples que possible.
• Rationalisez vos options de menu.
• Si vous avez 500 options à vendre, essayez de réduire cette sélection à 50. Vous pouvez également proposer vos produits par cycles, ce qui donne encore plus l'illusion de la rareté et rend l'achat plus attrayant.

Attention au pli

Parmi les conseils en matière de conception de sites web dont vous devez vous souvenir, celui-ci est le suivant super-important. Le pli est le premier aperçu d'un site web avant que le visiteur ne doive faire défiler la page. Il peut s'agir de la partie la plus importante de la conception de votre site web.

Veillez à ce que votre titre et tout appel à l'action (CTA) pertinent se situent dans ce secteur, car c'est le premier endroit où vous pourrez réellement générer des clics (et donc du trafic) ; vous devez donc faire en sorte que cela compte ! (Un appel à l'action est un texte conçu pour inciter l'internaute à agir et, idéalement, à acheter).

Espacer les CTA

Une bonne conception de site web doit toujours inclure des CTA supplémentaires à d'autres endroits de la page ; tous les visiteurs ne vont pas forcément se rendre sur le site. immédiatement agir. Votre objectif est de les persuader de faire un choix, ce qui se produit souvent au-delà de la ligne de pliage. En règle générale, si vous disposez d'un bouton dans la zone située au-dessus de l'encart, vous devez proposer la même action dans au moins une autre zone de la page après l'encart.

N'oubliez pas : Plus grand, c'est mieux

Si vous avez beaucoup d'informations à présenter à vos visiteurs, vous aurez besoin de beaucoup d'espace pour les intégrer dans la conception de votre site web. La présentation de tous ces détails dans une page haute à défilement peut en fait être beaucoup plus utile que vous ne l'auriez supposé. Il y a eu des études qui montrent que les taux de conversion augmentent jusqu'à 30% lorsqu'il y a plus de données à faire défiler.

Simplicité

Vous voulez que les utilisateurs aiment votre contenu. Mais vous devez éviter de les noyer dans un trop grand nombre d'informations. beaucoup le contenu. Une partie de la conception d'un site web consiste à savoir ce qu'il faut montrer aux visiteurs. Privilégiez l'approche "moins c'est plus" et donnez-leur un détail à la fois. Vendez-leur un livre, pas une série de livres. Accordez à chaque élément une attention particulière et laissez les visiteurs le trouver et l'explorer par eux-mêmes. Ils seront plus impliqués et donc plus enclins à prendre une décision.

Plus votre site est simple, plus il est performant. La complexité fait peur !

Adopter l'espace blanc

Les gens détestent le désordre. Qu'est-ce que cela signifie pour la conception de votre site web ? Utilisez des espaces blancs. Des paragraphes bien remplis permettent à votre texte de respirer et facilitent la lecture. C'est en partie la force motrice qui sous-tend la tendance moderne des pages web plus hautes utilisant des mises en page à colonne unique, et c'est une excellente technique pour générer du trafic de manière efficace.

Ne pas ignorer les normes

Il y a beaucoup de répétitions en ligne. Une bonne conception de sites web s'appuie sur des normes, parce qu'elles sont efficaces. Plus un site est visuellement complexe, moins il est attrayant. Les mises en page bizarres et inhabituelles rebutent les internautes, qui ne sauront probablement pas comment interagir avec la conception de votre site. Utilisez les normes à votre avantage et faites preuve de créativité dans cet espace, plutôt que d'essayer de réinventer la roue et de perdre des visiteurs.

Utiliser des photos de personnes

Dès que vous placez des photographies originales et de qualité sur votre site, vous augmentez son potentiel de conversion. C'est particulièrement vrai lorsque vous présentez des êtres humains plutôt que des objets ou des lieux. Faites prendre des photos de qualité (ou prenez-les vous-même) et utilisez-les comme images d'arrière-plan en plein écran pour donner de l'allure à votre site. Si vous disposez d'un budget limité, n'utilisez que des sites de photos d'archives qui proposent des images de haute qualité et d'aspect naturel, afin d'éviter l'aspect truqué redouté de nombreuses photos d'archives.

Utilisez des repères visuels dans vos photos

Par la puissance au service de la photographieGrâce à l'utilisation de l'image de marque, vous pouvez améliorer considérablement la qualité et les performances de la conception de votre site web. Au lieu d'utiliser une photo montrant une personne fixant le visiteur droit devant elle, par exemple, essayez une photo montrant une personne regardant subtilement vers votre appel à l'action. Ce type de juxtaposition intelligente de photos peut potentiellement augmenter vos taux de conversion.

Faites preuve d'intelligence dans vos liens

Vous avez créé votre meilleur site web à ce jour et vous êtes prêt à ajouter des liens dans le contenu ? Faites attention à l'endroit où vous les placez et à la manière dont ils fonctionnent. Évitez de placer des liens qui détournent l'attention des visiteurs de votre propre site. Ne placez pas de liens qui les conduisent vers des sites dans lesquels ils se perdront (comme Facebook ou Pinterest). L'essentiel est que, si vous devez inclure des liens, ils soient utiles à votre site et ne constituent pas une distraction.

Éviter les faux-fonds

Si vous donnez à une seule section un arrière-plan sombre, les internautes supposeront qu'il s'agit d'un pied de page. Les concepteurs de sites web appellent cela un faux bas de page - et c'est le cas. pas une bonne conception web. Si les internautes pensent qu'il s'agit d'un pied de page, ils cesseront d'explorer votre page (ou, pire, la quitteront complètement !).

Si vous devez avoir des sections en plein écran au milieu des zones de défilement de votre page, évitez de les rendre trop sombres par rapport au contenu principal et veillez à ce qu'elles intéressent l'utilisateur.

Oubliez les carrousels

Ne vous concentrez pas sur les curseurs d'images ou les carrousels. C'est une mauvaise pratique, car les internautes ne voient généralement que la première image, les autres étant ignorées. Plutôt que de concevoir votre site web de cette manière, nous vous recommandons d'utiliser une image héroïque en pleine page ou d'empiler les images verticalement, ce qui les incitera à faire défiler davantage les pages (et augmentera par la même occasion votre taux de conversion).

Réduire la consommation d'alcool

Les onglets sont généralement une caractéristique peu attrayante des sites. La plupart d'entre nous scannent les documents et, avouons-le, vous avez déjà visité des sites sans même vous rendre compte qu'il y avait des onglets. étaient de l'information. Ils ont tendance à ne pas faire grand-chose d'autre que de cacher le contenu. Sortez le contenu de sa cachette et exposez-le dans le contenu défilant d'une page. Non seulement vous faites interagir les gens avec vos données, mais c'est aussi une bonne conception web.

Supprimer les icônes sociales de l'en-tête

Lorsque vous apprenez à concevoir un site web, vous serez peut-être surpris d'apprendre qu'il n'est pas judicieux de placer des icônes de sites sociaux dans l'en-tête. En effet, en plaçant des icônes dans l'en-tête, vous incitez les utilisateurs à quitter votre site pour se perdre dans les médias sociaux !

Pire, si vous ne publiez pas régulièrement sur les sites vers lesquels vous établissez des liens, le visiteur ne reçoit pas d'informations à jour et se désintéressera rapidement de ce que vous proposez. Plutôt que de placer des icônes dans l'en-tête, placez-les dans le pied de page.

Supprimer l'argot et le jargon

Lorsque vous assommez les visiteurs de mots à la mode, vous finissez par ressembler à un publireportage et vous risquez de faire fuir le trafic. Une bonne conception de site web repose sur des mots simples que tout le monde peut comprendre ; en vous efforçant de maintenir ce niveau de lecture, vous améliorez considérablement la facilité d'utilisation. Vous séduisez des clients, pas un conseil d'administration.

Utilisez le texte à votre avantage

Si vous pensez que "les gens ne veulent pas de tous ces détails", vous n'avez qu'à moitié raison. Bien qu'il faille éviter d'inonder les visiteurs avec d'incessants murs de texte, la conception de votre site web doit laisser de la place à des descriptions riches de vos offres. Des sous-titres sous les photos peuvent par exemple indiquer aux utilisateurs ce qu'ils regardent.

Tenez compte de l'ordre de la liste

Lorsque vous placez des listes dans un contenu, prêtez une attention particulière à la manière dont elles sont présentées. Les concepteurs de sites web savent que le premier et le dernier élément d'une liste doivent toujours être les éléments d'information les plus importants. Ceux qui se trouvent au milieu sont les moins visibles, et donc les moins lus. Il s'agit d'une chose mineure, mais qui peut avoir un impact significatif sur la mémorisation de l'information.

Placer les logos à gauche

La première chose que l'utilisateur doit voir est votre identité, c'est pourquoi il est d'usage, dans la conception des sites web, de veiller à ce qu'un logo soit affiché en haut à gauche ou en haut au centre. A un logo bien conçu et très visible garantit que la marque restera dans la tête des visiteurs.

Répondre aux questions des clients

Les gens vont avoir des questions - vous pouvez compter dessus. Veillez à ce que la conception de votre site Web comprenne une zone de réponse aux questions des clients (telle qu'une FAQ) ou un formulaire de contact permettant aux utilisateurs d'entrer directement en contact avec vous.

Partager les gains

Le service ou le produit fait-il l'objet de commentaires et de réactions de la part d'utilisateurs réels ? Partagez-les avec le monde entier ! Intégrez des témoignages de clients à votre site web. Ils donneront aux gens l'impression que cette entreprise est respectée et que l'utilisation de ses services vaut la peine qu'ils y consacrent du temps et de l'argent.

Simplifier les formulaires d'inscription

Personne sur cette planète n'aime les formulaires d'inscription trop longs. Si vous devez intégrer un formulaire d'inscription à votre site web, faites en sorte qu'il soit le plus court et le plus agréable possible. Email, nom d'utilisateur, mot de passe : c'est fait. Dans le meilleur des cas, vous pouvez leur donner trois ou quatre champs à remplir. Vous aurez rarement besoin de plus, et l'absence de casse-tête augmentera de façon exponentielle les conversions.

Montrez votre travail

Maintenant que vous savez comment concevoir un site web et que vous disposez de quelques conseils pratiques sur ce qui distingue un bon design web d'un mauvais, vous pouvez commencer à produire des sites exceptionnels qui attirent des foules de visiteurs ! Il est important de présenter vos meilleures créations de sites web dans votre portfolio en ligne. Vous n'en avez pas encore ? Utilisez un site web de portfolio en ligne pour en créer un magnifique en quelques minutes. Choisissez un modèle qui offre une essai gratuit pour s'assurer qu'il dispose de toutes les fonctionnalités dont vous avez besoin, ainsi que d'un certain nombre d'autres éléments. modèles sympas qui correspondent à votre l'identité de la marque.

D'autres fonctions intéressantes sont également disponibles, comme un blog intégré-afin que vous puissiez partager vos meilleurs conseils en matière de conception de sites web avec votre communauté, ainsi qu'une application mobilevous permettant de mettre à jour votre portefeuille en cours de route.

Nous sommes impatients de voir ce que vous allez créer !

Besoin d'inspiration pour d'autres projets de design ?
Améliorer le design grâce à ces 4 conseils de Wade Jeffree
8 projets de graphisme pour remédier à votre blocage créatif
34 endroits où trouver les meilleures polices de caractères gratuites