27 Conseils de Conception Web Soutenus par la Recherche: Comment Concevoir un Site Web Qui Fonctionne

Nombre Total de visiteurs. C’est facile à voir. Chaque marketeur sait combien de trafic il reçoit car il est directement présent dans vos analyses. Mais ce qui se passe ensuite n’est pas aussi évident.

C’est pourquoi il est facile de donner des conseils pour générer du trafic, mais les conseils de conception Web sont difficiles. Il y a tellement de facteurs. Même après plus de 1000 projets de conception Web réussis, il nous est difficile de savoir ce qui fonctionnera le mieux.

Cet article contient 27 conseils de conception Web pour obtenir plus de valeur de chaque visiteur. La plupart de ces conseils sont étayés par des recherches. Ce sont pour les concepteurs débutants et les professionnels UX avancés, pour les petites et grandes entreprises.

Voici nos meilleurs conseils, idées et inspiration sur la façon de concevoir un site Web qui obtient des résultats. Un site qui est magnifique, convertit les visiteurs et tire plus de valeur de chacune de ces visites durement gagnées.

Les deux études les plus importantes citées ici se trouvent à la toute fin. Si vous êtes impatient, descendez!

La Mise en page structurelle du site Web

Les sites Web sont deux choses: les conteneurs et le contenu. Le conteneur est deux choses: la structure et le style. Commençons par le premier. Ces conseils concernent la structure et la mise en page des pages.

Tirez parti d’une hiérarchie visuelle

Chaque page a une hiérarchie visuelle. Si vous n’êtes pas familier avec ce concept, voici notre définition:

La hiérarchie visuelle fait référence à la disposition, à la taille, à la couleur et au contraste des éléments visuels. Il détermine leur importance relative et l’ordre dans lequel ils sont vus par l’œil humain.

Les concepteurs de sites Web utilisent une hiérarchie visuelle pour guider d’abord l’attention des visiteurs sur les éléments importants. La mise en page du site Web comprend la position (haute ou basse sur la page), les tailles (grandes ou petites), les visuels (vidéo, images, icônes) et le contraste (couleur et espace blanc).

La combinaison des aspects multiplie leur effet. Tout le monde verra une grande vidéo, en haut de la page. Peu de gens verront du texte à faible contraste entouré d’images.

La hiérarchie visuelle est la raison pour laquelle vos yeux suivent un certain chemin sur chaque page que vous visitez sur Internet. Lorsqu’il est utilisé délibérément, il guide l’attention du visiteur à travers une série de messages, vers un appel à l’action.

Utilisez un titre descriptif axé sur les phrases clés en haut de la page d’accueil

Le titre en haut de la page d’accueil (et de chaque page) est descriptif ou non. Sinon, le visiteur ne pourra peut-être pas répondre à sa première question: « Suis-je au bon endroit? »

C’est aussi l’occasion d’utiliser une phrase clé cible et d’indiquer sa pertinence. Mais beaucoup de spécialistes du marketing écrivent plutôt quelque chose d’intelligent ou de vague. Mais clair vaut mieux qu’intelligent.

Plutôt que d’écrire un titre fantaisiste mais vague, écrivez quelque chose de descriptif. Assurez-vous d’expliquer ce que fait l’entreprise en haut de la page, au-dessus du pli.

Source: Outreach Plus

Attendez, le pli est toujours une chose?

Oui, il y a un pli. Pour chaque visite sur chaque écran, il y a une zone visible. En bas se trouve le fameux pli. Pour voir quoi que ce soit en dessous de cette ligne, ce visiteur doit faire défiler.

Pourquoi et si cela compte dans la conception Web est un sujet très débattu. Voici deux des meilleurs arguments: « Il n’y a pas de pli! »vs » Le pli compte toujours. »

Bien sûr, il existe des milliers de tailles d’écran, allant de minuscules à énormes. Ce site Web a été consulté sur 958 écrans de tailles différentes au cours du dernier mois. Certains concepteurs disent donc que le pli n’est plus pertinent.

Mais voici la ligne de fond (compris?) Il y a toujours un pli pour chaque visite et toujours un pli moyen pour toutes les visites. Des outils comme Hotjar le montrent clairement sous forme de ligne dans la carte thermique de défilement, pour ordinateur de bureau / ordinateur portable, mobile et tablette.

Alors oui, il y a un pli et ce que vous mettez au-dessus et en dessous compte. Une étude a montré que les visiteurs passent 80% de leur temps au-dessus du pli.

Alors mettez votre proposition de valeur, cette version en 8 mots de ce que vous faites, en haut de la page, au-dessus du pli.

Mais ne mettez pas tous vos appels à l’action en haut

Les visiteurs y passent peut-être plus de temps, mais cela ne signifie pas qu’ils sont prêts à agir. Beaucoup de persuasion se produit plus bas sur la page.

Lorsque Chartbeat a analysé 25 millions de visites, ils ont constaté que la plupart des interactions se produisaient en dessous du pli. Le contenu en haut peut être visible, ce ne sera pas nécessairement l’endroit le plus efficace pour mettre vos appels à l’action.

Une mise en garde à propos de cette étude fréquemment citée: Chartbeat est principalement utilisé par les sites d’information, qui sont très différents des sites Web de marketing. Personne ne fait beaucoup au-dessus du pli sur un site d’actualités! Les conseils de conception Web normaux ne s’appliquent pas.

Assurez-vous de lancer des appels à l’action plus bas sur la page, dans n’importe quel endroit où l’intérêt est susceptible d’être élevé.

Faites-en une page haute. Répondez à toutes les questions de vos visiteurs.

Plus de pixels signifie plus d’espace pour répondre aux questions, répondre aux objections et ajouter des preuves à l’appui. Si le visiteur ne trouve pas de réponse à une question importante, il peut simplement continuer à avancer sur la page. Une fois qu’ils seront satisfaits, ils cesseront simplement de lire.

Les pages de vente les plus efficaces émulent les conversations de vente.

Vous ne couperiez jamais quelqu’un pendant une réunion de vente et n’arrêteriez pas de répondre à ses questions, n’est-ce pas? C’est tout ce qu’une page courte fait; elle cesse de répondre aux questions.

Voici où la célèbre étude de Crazy Egg entre en jeu. Ils ont sondé leur public, découvert leurs principales questions et préoccupations et ont construit une grande page qui aborde tout.

La page était 20 fois plus longue. Le taux de conversion a augmenté de 30%.

» Le défilement est une continuation. Cliquer est une décision – – Josh Porter, Rocket Insights

Montrer une chose à la fois

 » J’aime les designs épurés et modernes. »C’est ce que la plupart de nos clients nous disent lorsque nous commençons des projets de conception Web. Ils se réfèrent souvent au site Web d’Apple à titre d’exemple.

Les visiteurs n’aiment pas l’encombrement. Nous aimons les espaces. En d’autres termes, nous aimons la faible complexité visuelle.

En 2012, Google a entrepris de découvrir quels types de sites Web sont considérés comme beaux pour les visiteurs. C’est une étude sur la simplicité avec un nom très compliqué: Le rôle de la complexité visuelle et de la prototypicalité concernant la première impression des sites Web: Travailler à la compréhension des jugements esthétiques.

Ils ont appris que les dessins plus complexes sont moins susceptibles d’être perçus comme beaux.

Cela explique la tendance à la mise en page à une seule colonne et aux pages hautes. Les conceptions avec plusieurs colonnes (navigation côté gauche, zone de contenu, rail droit) sont plus complexes, avec plus d’éléments visuels dans le champ de vision des visiteurs.

Alors coupez l’encombrement. Faites de l’un des deux éléments le focus à chaque profondeur de défilement.

S’en tenir aux mises en page standard

Cette même étude menée par Google a révélé que la « prototypicité élevée » est également en corrélation avec la beauté perçue. En d’autres termes, bizarre n’est généralement pas joli. Un site Web qui suit les normes de conception Web est plus susceptible d’être aimé.

Les sites considérés comme les plus beaux présentent à la fois une grande prototypicité et une faible complexité visuelle. Ils sont à la fois simples et propres.

Pensez-y de cette façon, c’est bien de différencier votre marque, mais la mise en page n’est pas l’endroit idéal pour le faire. Soyez différent dans CE que vous dites. Mais soyez typique de la façon dont votre site est utilisé.

Certaines voitures ont l’air incroyables. Ils sont différents. Ils sont magnifiques. Mais ils ont toujours des portes sur les côtés, des roues en bas et des phares à l’avant.

Mais qu’est-ce qui est standard? Selon nos propres recherches, ce sont les éléments standard d’un site Web:

Le site web « standard » à haute prototypicité comprend les éléments suivants:

• Logo en haut à gauche
• Navigation horizontale dans l’en-tête
• Barre de recherche en haut
• Icônes sociales en bas
• Design réactif mobile

Méfiez-vous des « faux fonds »

Les sites Web marketing modernes, en particulier les pages de vente, sont construits avec des blocs de page. Ce sont des lignes de contenu, souvent avec une image d’un côté et du texte de l’autre, coulant le long de la page dans une seule colonne.

Voici l’anatomie d’une page de service typique sur un site Web de génération de prospects.

Comme le montre le diagramme, le pied de page a une couleur d’arrière-plan plus foncée. Tant de sites le font que les visiteurs s’attendent maintenant à ce qu’un passage à un arrière-plan plus sombre signifie le bas de la page.

Mais si la conception a un verrou de page avec un fond sombre, le visiteur peut penser qu’il a touché le bas et arrêter de défiler. C’est un faux fond.

Note: Je discute avec mes propres designers de celui-ci. Kurt Cruse, notre directeur créatif, fait un excellent point. Les changements de couleur d’arrière-plan sont un excellent moyen de faire savoir aux visiteurs que le type de contenu change. Je t’entends, Kurt !

Soyez juste délibéré lors de la sélection des couleurs d’arrière-plan pour les blocs de page. Pour être sûr, choisissez uniquement de légères variations ou utilisez toujours du blanc ou du gris clair. Passez ensuite au gris foncé ou au noir dans le pied de page.

Évitez les carrousels et les curseurs rotatifs

Ils sont populaires depuis des années et les clients les adorent. Mais il y a un problème avec le diaporama de la page d’accueil: les visiteurs pourraient ne voir que la première diapositive.

Il y a eu beaucoup d’études qui arrivent à la même conclusion. Les messages sur les diapositives suivantes sont moins susceptibles d’être vus et les appels à l’action sont peu susceptibles d’être cliqués. Il suffit de regarder les taux de clics pour les diapositives sur un site Web universitaire.

Ils peuvent être populaires car ils sont faciles à faire approuver. Différents intervenants de différents départements obtiennent tous quelques pixels au-dessus du pli. Ils sont bons pour la politique interne, pas pour les visiteurs.

Page d’accueil les diaporamas permettent d’empêcher les gens de se poignarder dans les salles de conférence.

Alors que faire à la place?

• Empilez les diapositives afin que le visiteur puisse les voir en faisant défiler la page. Ils deviendront soudainement beaucoup plus visibles.
• Utilisez une image en vedette, en utilisant la diapositive la plus percutante comme héros. Donnez-lui un bon appel à l’action!

Évitez les onglets et les accordéons

Voici une autre façon de ne pas cacher les choses: évitez les onglets et les boîtes de contenu extensibles.

Sachant que jusqu’à 76% des visiteurs du site Web numérisent, vous pouvez rendre votre contenu plus visible pour eux en le gardant tout exposé, sans avoir besoin de cliquer pour révéler quelque chose.

Si les tabulations et les accordéons extensibles étaient efficaces, vous les verrez probablement sur Amazon.

N’oubliez pas que le défilement est plus rapide et plus facile que de cliquer. Si les visiteurs doivent viser et cliquer ou tabuler pour pouvoir voir quelque chose, ils sont moins susceptibles de le voir.

Images

Passons aux visuels. Ces conseils sont spécifiques aux images sur les pages Web.

Utiliser des images de personnes

Les visages sont des images uniques et puissantes. À partir du moment où nous sommes nés, nous regardons les visages plus autre chose. La puissance magnétique des images de personnes est très utile dans la conception de sites Web.

Non seulement les visages attirent l’attention, mais ils sont en corrélation avec la conversion. La célèbre étude de cas de Basecamp a montré une énorme remontée des résultats lorsque des visages et des témoignages étaient combinés sur une page de vente.

Assurez-vous que votre site Web ne ressemble pas à un « vaisseau spatial abandonné » sans âme à bord.

J’ai parlé à des milliers d’entreprises de leur marketing au fil des ans et j’ai remarqué une tendance. Les grandes entreprises essaient toujours de paraître petites, et les petites entreprises essaient de paraître grandes. Étrange, non?

Vraiment, chaque entreprise devrait simplement essayer d’être plus personnelle, plus humaine.

Mais évitez les photos de personnes

Il y a un moment et un lieu pour les photos de stock, mais j’éviterais les photos de personnes comme la peste. Ils ne se sentent jamais authentiques, donc ils ne construisent pas la confiance.

Les entreprises sont tentées par les photos de stock car la qualité de production est élevée. Mais vos visiteurs se soucient davantage de la réalité. Ils préféreraient voir de vraies personnes qui travaillent réellement dans l’entreprise.

L’authenticité est plus importante que le vernis.

La recherche confirme cela. Une étude du groupe NN a révélé que les visiteurs coupent les photos de personnes et les images de « remplissage », mais regardent en fait des photos de personnes réelles.

Alors soyez vous-même, montrez votre équipe et utilisez des photos de vraies personnes, même si elles sont parfaitement polies.

Utilisez les visages comme repères visuels

Les images de personnes vous donnent une occasion spéciale de guider l’attention des visiteurs. Le fameux phénomène « tu regardes où ils regardent ».

Lorsque le chercheur James Breeze a montré des dessins à 106 personnes, il a démontré le pouvoir des visages bien positionnés. Ils ont le pouvoir de diriger l’attention des visiteurs vers d’autres éléments.

C’est la fameuse étude avec le visage de bébé. Lorsque le bébé regarde la caméra, les visiteurs regardent le bébé. Lorsque le bébé regarde le titre, les visiteurs regardent le titre.

Mon ami Oli Gardner est fatigué de cet exemple avec le bébé (désolé, Oli!). Si quelqu’un connaît d’autres recherches ou de bons exemples, faites-le moi savoir dans les commentaires!

Utilisez une ligne de visée dans l’imagerie du visage comme repère directionnel pour guider l’attention des visiteurs vers les déclarations de bénéfices ou les appels à l’action.

Utilisez des flèches comme repères visuels

Les visages peuvent guider l’attention, mais ils ne sont pas le seul moyen de contrôler les yeux de vos visiteurs. De petites flèches dessinées à la main peuvent être encore plus efficaces.

Dans cette étude de suivi oculaire réalisée par CXL, une simple flèche était encore plus puissante pour amener les visiteurs à regarder un élément de page.

Si vous voulez que vos visiteurs regardent quelque chose, pointez-le avec une flèche. Je ne sais pas si cette astuce est ridiculement évidente ou profondément perspicace.

Utilisez la couleur pour guider l’attention des visiteurs vers les appels à l’action

Les couleurs ont une connotation émotionnelle (le rouge est urgent, le bleu est calme) et font partie des normes de la marque. Mais ce sont aussi des opportunités pour attirer les visiteurs vers les boutons et les CTA.

Une étude d’Eyequant sur la couleur des boutons confirme le pouvoir de la couleur et du contraste de luminance pour attirer l’attention.

Mais l’étude montre que les boutons colorés ne sont pas toujours efficaces. Si vous voulez que votre bouton soit plus visible visuellement:

• Contraste la couleur du bouton avec l’arrière-plan
• Contraste la couleur du bouton et le texte du bouton
• Contraste la couleur du bouton avec les éléments proches de la page (ou laisser beaucoup d’espace blanc autour d’elle)

L' »effet Von Restorff »

Dans les années 1930, la scientifique allemande Hedwig von Restorff a découvert que lorsqu’une liste de dix articles est affichée, les gens se souviennent des articles s’ils sont d’une couleur différente des autres. En effet, le lobe occipital est sensible aux différences visuelles, ou « interrupteurs de motif ». »

Le spécialiste du marketing Web Paras Chopra a mené des expériences qui ont montré à quel point les couleurs remarquables ne sont pas seulement plus mémorisées, elles sont plus cliquées: 60% de plus!

Conseil de pro! Choisissez une « couleur d’action » pour tous vos liens, boutons et effets de renversement. Faites-en une couleur distincte des couleurs de la marque utilisées tout au long du design (ce sont les « couleurs passives »). Utilisez la couleur d’action nulle part ailleurs que dans les éléments cliquables.

Navigation et liens

Nous entrons maintenant dans les conseils de navigation du site, y compris les menus, boutons et liens qui permettent à vos visiteurs de se déplacer.

Soyez descriptif

La navigation est toujours visible visuellement, c’est donc une occasion de communiquer. Les visiteurs commencent généralement leur visite en parcourant l’en-tête. Tout ce qui s’y trouve, y compris vos menus, est très susceptible d’être vu.

Source: Mouvement UX

Lorsque les étiquettes de navigation sont génériques, vous avez manqué une occasion de dire aux visiteurs ce que vous faites. Comparez ces deux exemples:

Si vos étiquettes de navigation sont génériques, elles sont communes à des milliers, voire à des millions de sites Web. Vous avez raté une occasion de tirer parti des meilleures pratiques de navigation sur le site Web, d’aider vos visiteurs et d’améliorer votre classement de recherche.

Mettez la maison à gauche, mais à part cela, ne vous inquiétez pas trop de l’ordre des éléments de menu

Si vous avez un lien d’accueil, placez-le à gauche. C’est l’endroit le plus commun pour cela, donc les visiteurs s’attendent à le trouver là-bas.

En ce qui concerne le reste des éléments de menu, les recherches montrent que l’ordre n’est pas si important. Il existe deux études de suivi oculaire différentes qui montrent une faible corrélation entre l’ordre des éléments de menu et le succès des visiteurs (source et source).

Alors ne passez pas une tonne de temps à vous soucier de l’ordre des choses dans votre menu.

Faites attention à lier des pages de service aux articles de blog

Si le visiteur est sur une page de service, l’objectif est de les convertir en lead. Si vous ajoutez de grandes opportunités de quitter et d’aller lire votre blog, elles atterriront sur des pages moins axées sur la génération de leads. Les articles de blog ont naturellement plus de distractions, d’opportunités de sorties et de taux de conversion inférieurs.

Faites attention à créer des liens vers n’importe quoi sur d’autres sites Web

Chaque fois que cela est pertinent, créez des liens vers des éléments qui aident le visiteur à atteindre ses objectifs. Sur un article de blog, il s’agit souvent d’une citation d’une source ou d’un lien vers des références externes. Cet article renvoie à des dizaines d’articles et d’études!

Mais sur les pages de service et sur votre page d’accueil, vous devez vous connecter avec soin à d’autres sites. Pour toute page optimisée pour convertir les visiteurs en prospects, demandez-vous, voulez-vous vraiment que les visiteurs cliquent sur ce lien? Cela vous aide-t-il à atteindre vos objectifs?

Évitez d’utiliser des icônes de médias sociaux dans l’en-tête de votre site Web

De même, les icônes de médias sociaux colorées dans votre en-tête ne conviennent pas à vos objectifs. Si les visiteurs cliquent sur l’un de ces boutons de couleur bonbon, ils atterrissent sur un site rempli de distractions. Il est peu probable qu’ils reviennent.

C’est généralement la mauvaise façon de faire l’intégration des médias sociaux. Si vous vous connectez à un réseau social, faites-le à partir de votre pied de page. Les visiteurs peuvent trouver les réseaux sociaux s’ils cherchent, mais vous ne suggérez pas qu’ils partent.

Ecrire

Parlons des mots. Plus tôt, nous avons recommandé un titre axé sur les phrases clés sur la page d’accueil. Voici quelques conseils supplémentaires pour l’écriture qui entre dans le site Web, y compris les en-têtes, les sous-titres et le texte du corps.

Écrivez des sous-têtes significatives

Les sous-têtes vagues sont partout. Ils sont souvent grands et inutiles, mais suivis de choses petites mais utiles. Étrange, non? Le contraire aurait plus de sens.

Assurez-vous que les grandes choses sont significatives et utiles aux visiteurs. Si vos sous-titres disent des choses comme « produits » ou « services », demandez-vous si un terme plus descriptif serait plus utile. Voici quelques exemples.

C’est bon pour les scanners et la convivialité. C’est bon pour les malvoyants et l’accessibilité. C’est aussi de bonnes pratiques de référencement. Ne manquez jamais une occasion d’indiquer la pertinence!

ProTip: Les sous-têtes peuvent être complètement inutiles. Cette page serait-elle aussi bonne sans elle? Les visiteurs sauraient-ils encore ce qu’ils regardent? Si c’est le cas, retirez-le simplement.

Évitez les paragraphes longs et la longueur de ligne longue

Les paragraphes longs et en blocs ne correspondent pas aux meilleures pratiques en matière de contenu numérique. Le simple fait de diviser de longs paragraphes rend le contenu plus facile à consommer. En règle générale, n’écrivez pas de paragraphes de plus de 3 à 4 lignes.

» Les paragraphes courts sont lus, les paragraphes longs sont écrémés, les paragraphes vraiment longs sont ignorés  » – Jason Fried, fondateur et PDG de Basecamp

Si la longueur de la ligne est très longue, il peut être plus difficile pour les visiteurs de lire. Le Guide de style Web recommande des lignes de pas plus de 12 mots.

Évitez le jargon. Utilisez des mots simples.

Plus la lecture est facile, plus le site Web aura du succès. Utilisez les mots courants auxquels les visiteurs s’attendent. De longues phrases et des mots fantaisistes obligent le lobe temporal à travailler plus fort. C’est pas bien.

» Restez simple! La « maîtrise cognitive » est une mesure de la facilité avec laquelle le cerveau de votre visiteur traite ce qu’il regarde. Quand quelque chose est difficile à lire, nous le trouvons inconsciemment plus risqué et / ou chronophage. Ainsi, pour maximiser la conversion, utilisez du texte court, des polices simples et un design facile à lire. » – Roger Dooley, auteur de Brainfluence

Une copie qui fonctionne bien pour les utilisateurs « peu alphabétisés » fonctionne bien pour tout le monde. Il ne s’agit pas de le rabaisser; il s’agit d’utiliser un langage simple que tout le monde peut comprendre. La recherche a montré que réduire les niveaux de lisibilité peut améliorer le taux de réussite de tous les visiteurs.

Même les doctorants préfèrent lire en 8e année.

Ce gros mot pourrait vous faire paraître intelligent, mais il pourrait rendre votre visiteur stupide. Il est peu probable qu’un visiteur qui doute d’lui-même agisse. Alors pendant que vous écrivez, continuez à vous poser cette question:

Est-ce que 100% des visiteurs connaissent la signification des mots sur cette page?

Ordre des listes et « Effet de position série »

Lorsque vous commandez des listes dans votre copie, placez les éléments importants au début et à la fin. L’attention et la rétention du lecteur sont les plus faibles au milieu de toute liste. Lorsque les visiteurs scannent la page, le premier et le dernier élément sont les plus susceptibles de rester en mémoire à court terme.

Source: Théorie des effets d’ordre: Primauté contre Récence

Répondez aux principales questions des visiteurs

Ils sont venus avec des questions. Le travail principal du site Web est de répondre à ces questions. Chaque question sans réponse est une occasion manquée de renforcer la confiance. Les questions sans réponse augmentent également la probabilité que le visiteur parte.

Lorsque Joel Klettke a appliqué son processus de recherche de questions et de rédaction de réponses, il a pu doubler les taux de conversion sur les pages de destination Hubspot. Il a interviewé les clients, analysé leurs réponses, priorisé les messages et à la fin, il a utilisé les mots du public lui-même dans la nouvelle copie marketing. Intelligent!

Voici les questions que Joel utilise pour découvrir les principales questions des visiteurs:

1. Que se passait-il qui vous a envoyé chercher une solution?
2. Qu’avez-vous essayé d’autre et qu’est-ce que vous n’avez pas aimé à ce sujet?
3. Qu’est-ce qui vous a presque empêché d’acheter chez nous?
4. Qu’est-ce qui vous a rendu assez confiant pour nous donner un essai?
5. Qu’est-ce qui a fait de X la meilleure solution pour vous?
6. Lors de l’évaluation de X, qu’est-ce qui était le plus important pour vous?
7. Que pouvez-vous faire maintenant (ou mieux) que vous ne pouviez pas faire auparavant?
8. Donnez-moi un exemple du moment où X a fait la différence pour vous?

En un mot, quel est le but de votre site Web? Réponse.

Lecture supplémentaire: La page de service du site Web B2B parfaite: Liste de contrôle en 13 points

Ajouter des preuves et des preuves sociales

Le « biais de conformité » est la tendance humaine à faire ce que les autres font. Ainsi, le fait de prouver que d’autres vous ont sélectionné fait que le choix de votre entreprise semble être un bon choix. L’objectif est de prendre toute décision autre que l’utilisation de votre entreprise qui semble hors de la norme.

Donnez à vos visiteurs la preuve que vous êtes légitime. Idéalement, chacune de vos revendications marketing est étayée par des preuves.

» Combien de fois avez-vous cliqué sur un site Web sur la liste des lauréats d’un prix de design et avez-vous jeté les yeux sur une étiquette de titre fascinante de « Home »? C’est ce qui se produit lorsque vous faites confiance à une agence pour « créer quelque chose de totalement rad et unique » au lieu de choisir une agence qui promet de construire quelque chose qui fonctionnera de la manière dont vos clients / clients ont besoin et s’attendent à ce que cela fonctionne.– – Jen Salamandick, Point de frappe

Le moyen le plus rapide et le plus simple est d’ajouter des témoignages. Voici d’autres types de preuves sociales.

• Endossements d’influenceurs pertinents
• Avis de produits de clients
• logos « Comme vu dans… » des médias où votre entreprise a été mentionnée
• Widgets de médias sociaux indiquant la taille de vos sceaux de confiance suivants
• , y compris les adhésions à des associations, les certificats de sécurité et les récompenses

Combien de preuves suffisent-elles ? Combien de témoignages devez-vous ajouter?

Beaucoup. Il est possible qu’il n’y ait pas trop de preuves. Nous avons fait une analyse rapide de l’une des pages de détail des produits d’Amazon et avons constaté que 43% de la page est constituée de preuves et d’avis.

Conseil de pro! Ne créez pas de page de témoignages. Ils ont tendance à être des pages à faible trafic. Au lieu de cela, ajoutez des témoignages à chaque page de service.

Mentionner la rareté, déclencher « l’aversion à la perte »

Les humains ne sont pas des calculateurs coûts / avantages efficaces. Nous avons tendance à surévaluer les pertes et à sous-évaluer les gains. En d’autres termes, les pertes sont plus douloureuses que les gains sont agréables.

Ceci est vrai en ligne et hors ligne et explique beaucoup de comportements humains. Cet article l’explique bien: Appliquer L’Économie Comportementale et la Psychologie Cognitive au Processus de Conception.

Cette aversion pour les pertes peut être utile aux concepteurs de sites Web et aux rédacteurs. Voici quelques conseils pour écrire une copie avec l’aversion à la perte à l’esprit.

• Soulignez les coûts liés à l’absence d’utilisation de votre produit ou service.
• Groupez les coûts ensemble, énumérez les avantages séparément.
• Mettre l’accent sur les gains immédiats.
• Créez une urgence avec des offres à durée limitée. Si le produit est rare, dites-le.

Rappelez doucement à vos visiteurs ce qu’ils vont manquer, risquer ou perdre en ne prenant pas d’action dès maintenant.

Optimiser les formulaires d’inscription par e-mail pour les abonnés

Il y en a un au bas de cet article. C’est un appel à l’action pour vous abonner. Si vous regardez de près, vous verrez qu’il comprend trois éléments distincts. Ce sont les 3 P pour les formulaires d’inscription par e-mail.

• Proéminence Il se distingue dans la hiérarchie visuelle
• Promesse Il indique au lecteur ce qu’il obtiendra à quelle fréquence
• Preuve Il utilise une preuve sociale: le nombre d’abonnés ou un petit témoignage

Lorsque nous avons expérimenté ces changements pour la première fois, le taux de conversion sur l’ancien formulaire était très faible, donc l’amélioration était spectaculaire. Nous avons constaté une augmentation de 4 863% des inscriptions par e-mail.

Lors de la conception de votre formulaire d’inscription aux e-mails, rendez-le visible, utilisez une preuve sociale et dites aux lecteurs ce qu’ils vont obtenir.

Plus qu’un joli site

Tout le monde aime la beauté. Tout le monde aime les nouvelles fonctionnalités de conception cool. Tout le monde est critique. Mais en tant que visiteurs, nous avons besoin de plus que de la beauté. Nous avons besoin d’informations. Et en tant que propriétaires de sites Web, nous avons besoin de résultats.

Voici deux études avec la même conclusion. La première est une enquête réalisée par Hubspot qui montre que les visiteurs apprécient la facilité de trouver des informations plus que le beau design ou l’expérience utilisateur sophistiquée.

Cette deuxième étude est la conclusion d’un ensemble de tests utilisateurs par groupe NN. Cela montre que lorsque les visiteurs échouent, c’est parce qu’ils ne trouvent pas d’informations, pas parce que le site n’est pas assez beau.

J’aime le beau design autant que n’importe qui. C’est pourquoi j’ai commencé dans ce métier! Et je pense souvent à cette citation:

» La vie d’un designer est une vie de combat. Lutte contre la laideur. » – Massimo Vignelli, légende du design

Mais dans la conception Web, nous créons des conteneurs pour le contenu. Et les visiteurs sont venus pour le contenu, pas pour le conteneur.

Les sites Web devraient être beaux. Ils devraient avoir un impact visuel ou émotionnel sur les visiteurs. Mais le succès de votre site Web va bien au-delà de la beauté. Il s’agit d’aider les visiteurs à trouver ce dont ils ont besoin. C’est le cœur de chaque conseil de cet article. Et c’est le véritable objectif de la conception Web.

Aidez votre visiteur à trouver ce qu’il est venu chercher, puis donnez-lui ce que vous voulez qu’il ait.