Mis à jour le 9 juillet 2019
Quelle est l’importance de la conception de votre site Web? Lorsqu’on a demandé aux utilisateurs de décrire pourquoi ils ne faisaient pas confiance à un site Web, 94% des commentaires étaient directement liés à la conception du site. Un site Web bien construit génère un meilleur trafic client et une interface utilisateur améliorée entraîne une augmentation des conversions.
La créativité est importante, mais il existe quelques règles de base sur la conception et l’expérience utilisateur qui vous aideront à développer votre site Web. Lors de la création ou de la refonte de votre site, gardez à l’esprit les suggestions suivantes.
Gagnez en confiance avec une conception de site Web propre et engageante
Le monde du design numérique a adopté la simplicité, s’éloignant des cloches et des sifflets et se concentrant sur les bases. Du point de vue de l’utilisateur, cela a rendu les sites Web plus faciles à naviguer pour une expérience plus agréable. Intégrez ces 8 règles de conception à votre site Web pour mieux engager votre public.
1 Gardez la mise en page simple.
Plus la mise en page de votre site Web est simple, mieux c’est. Cela ne signifie pas que cela doit être ennuyeux, mais cela signifie qu’il doit se concentrer sur l’essentiel. Des mises en page propres et fonctionnelles facilitent le chargement, la navigation et l’utilisation de votre site sur différentes plates-formes et appareils.
Le site Web de Harry place les informations les plus importantes — leurs produits — au premier plan. Ils incluent des visuels avec un minimum de texte pour faciliter l’interaction avec le contenu.
2 Facilite la navigation.
Si vous souhaitez que les visiteurs passent du temps sur votre site, vous devez leur faciliter les déplacements. Il peut être tentant de faire quelque chose de créatif avec la conception de vos menus de navigation, mais la simplicité et l’architecture d’information intuitive sont plus importantes. Rendez vos menus d’apparence standard aide vos lecteurs à se sentir à l’aise lorsqu’ils se déplacent sur votre site.
Vogue propose des menus de navigation descriptifs et bien en vue pour vous aider à trouver et à interagir avec le type de contenu que vous recherchez.
3 Utilisez des appels à l’action clairs.
Que souhaitez-vous que les visiteurs du site fassent? Acheter des produits? Inscrivez-vous à une newsletter par e-mail? Faire un don à une cause? Pensez à vos appels à l’action. Concevez-les d’une manière qui les distingue d’un visiteur qui analyse votre site Web. Si vous utilisez des boutons dans votre conception, assurez-vous que le texte est court et direct.
Le Fonds mondial pour la nature utilise des boutons lumineux à côté de sa barre de navigation exhortant les visiteurs à « faire un don » et à « adopter », ainsi que des appels à l’action forts tout au long de leur contenu.
4 Avec le contenu, moins c’est plus.
Utilisez ce que vous savez de vos visiteurs pour minimiser leurs options et concentrer leur attention sur vos produits. Affichez uniquement le texte et les éléments visuels sur lesquels vous souhaitez qu’ils agissent.
Les sites Web pour applications mobiles — comme Pocket – font un excellent travail avec cela. Ils se concentrent sur l’explication de l’application, incluent de forts appels à l’action pour l’installer. Les contenus moins importants, comme leur section À propos et leur blog, sont moins importants et sont liés en pied de page.
5 N’ayez pas peur des espaces.
L’espace blanc est simplement un espace vide sur une page. Il ne doit pas nécessairement être blanc — il doit simplement ne contenir ni texte ni images. Si c’est bien fait, cela peut améliorer la lisibilité et supprimer l’encombrement de la conception de votre site Web. L’espace blanc peut également aider à diriger la concentration et l’attention. Il fournit un moyen de séparer les fonctionnalités et les idées afin que les visiteurs puissent discerner exactement ce que vous voulez qu’ils voient en un coup d’œil rapide, plutôt que d’avoir à trier visuellement une disposition bruyante et bondée.
Google est l’exemple ultime d’utilisation des espaces. Il ne pouvait pas être plus propre – juste une page blanche avec un logo et une boîte de recherche.
6 Améliorez la conception de votre site Web avec des couleurs accrocheuses.
Choisissez une couleur qui servira de base à l’ensemble de la conception de votre site Web, puis choisissez une couleur d’accent contrastante pour les boutons importants et d’autres éléments d’interface. Vous pouvez en savoir plus sur le choix de la bonne palette de couleurs pour votre marque.
Whole Foods Market utilise le vert pour sa couleur de marque principale, et les petites touches de l’orange secondaire attirent l’œil vers les appels à l’action présentés.
7 Incorporez des polices attrayantes et faciles à lire.
Utilisez un type attrayant, visuellement équilibré et unique pour rendre le texte de votre site Web clair et intrigant. Les quatre polices les plus tendance sont Brandon Grotesque, Museo Sans, Railway et Playfair Display.
Le site de vêtements pour enfants belge Studio Aimee utilise Brandon Grotesque pour une expérience d’achat propre et lisible.
8 Engagez les utilisateurs avec des vidéos et des images riches.
Les vidéos et les images sont plus attrayantes que le texte seul — en fait, les pages de destination contenant des vidéos peuvent augmenter les conversions de plus de 80%. Utilisez des images évolutives (SVG) pour garantir une expérience utilisateur de haute qualité sur les ordinateurs de bureau et les appareils mobiles.
Organisme de bienfaisance à but non lucratif: water affiche une vidéo sur sa page d’accueil, ce qui en fait l’une des premières choses que vous voyez lorsque vous visitez son site Web pour un impact maximal.
Fidélisez les visiteurs avec un Site Web convivial
Vous pouvez avoir le site Web le plus attrayant au monde, mais s’il est difficile à utiliser, vos visiteurs ne se convertiront pas en clients. Ces sept règles garantiront à votre public une expérience utilisateur fluide.
1 Rendez votre site Web convivial pour les mobiles.
Saviez-vous que jusqu’à 70 % du trafic Web provient d’un appareil mobile ? Cela signifie qu’il y a de fortes chances que quelqu’un qui visite votre site pour la première fois utilise son smartphone. Et si l’expérience mobile est négative, vous venez de perdre un client. Découvrez pourquoi et comment rendre votre site Web plus convivial pour les mobiles.
L’expérience d’achat mobile d’Everlane est propre et facile à utiliser. La conception comprend un contenu modulaire pour qu’il soit réactif et se traduit bien sur les appareils mobiles. Le site Web comprend également des appels pour télécharger l’application d’achat sans vous donner l’impression d’avoir une expérience moindre sur le site Web.
2 Simplifiez votre navigation.
Plus quelqu’un doit naviguer sur votre site Web pour trouver ce qu’il recherche, plus il est probable que le client quitte votre site par frustration. En effet, pour un site web moyen, 40% des visiteurs partiront après n’avoir vu qu’une seule page !
Le contenu ne doit pas être enterré. Ne faites pas chasser vos visiteurs pour ce qu’ils sont venus chercher. Votre navigation doit être bien organisée et logique du point de vue de l’utilisateur. Cela devrait également vous sembler familier, afin que vos utilisateurs n’aient pas une courbe d’apprentissage abrupte.
Tilde Inc. a une barre de navigation simple en haut de son site Web, avec les points importants liés ci-dessous avec une brève explication dans la section « Ce que nous faisons ». Cela vous permet de trouver facilement ce que vous cherchez.
3 Utilisez les appels à l’action pour faciliter la recherche.
Pensez à l’endroit où vous pouvez placer des boutons sur votre site pour faciliter la recherche des choses importantes pour les visiteurs. Si vous êtes un site de commerce électronique, avoir des boutons indiquant « Magasinez maintenant » aura beaucoup plus d’impact qu’un simple lien de navigation; si vous êtes un organisme à but non lucratif, un bouton « Faire un don » à côté de votre barre de navigation facilitera le don pour les visiteurs.
Square a un simple appel à l’action qui encourage les propriétaires d’entreprise à commencer à vendre. Leur bouton CTA indique « Démarrer un compte Square. » Ça ne devient pas beaucoup plus facile que ça.
4 Donnez aux utilisateurs des capacités de recherche robustes.
Il est tout aussi important de réfléchir à la façon dont les visiteurs effectueront une recherche sur votre site et à la façon dont les résultats seront affichés. L’expérience de recherche doit refléter votre expérience de navigation avec la façon dont les résultats sont organisés. L’intégration de fonctionnalités telles que la saisie automatique facilitera également la recherche du point de vue de l’utilisateur.
Zappos dispose d’un outil de recherche intelligent, qui est très précis et met également à jour les filtres sur le côté gauche en fonction des termes de recherche.
5 Séparez le contenu avec les en-têtes de section.
Lorsque vous traitez des zones riches en contenu sur votre site, séparez-les avec des en-têtes. Qu’il s’agisse d’un article ou d’une description de produit, les en-têtes donnent une structure de contenu et facilitent l’analyse.
WebMD fait un travail efficace pour diviser leur contenu en morceaux digestes avec de nombreux en-têtes de section afin que vous puissiez trouver les informations que vous recherchez.
6 Parlez comme une vraie personne.
Plus les utilisateurs ont de jargon et de langage marketing à déchiffrer lorsqu’ils visitent votre site Web, moins ils sont susceptibles de s’engager avec votre marque. Un ton convivial et conversationnel facilitera la lecture et la compréhension de votre contenu par les visiteurs, ainsi que la navigation sur votre site.
Zipcar rend leur service plus facile à comprendre — et leur site plus facile à naviguer — avec leur voix de marque décontractée.
7 Confirmez les actions de vos visiteurs.
Si vos visiteurs achètent un produit chez vous, s’abonnent à une newsletter ou partagent même votre contenu, une bonne pratique consiste à afficher un écran de confirmation qui leur montre que leur action s’est déroulée avec succès. Cela ne fait pas de mal non plus d’utiliser cet écran pour les remercier.
TheSkimm vous félicite et vous souhaite la bienvenue après votre inscription à leur newsletter, avec une invite à partager sur les réseaux sociaux.
Testez votre site Web avant le lancement
Il y a toujours des problèmes que vous devrez résoudre lors du lancement — ou de la relance — d’un site Web. Il est important de prendre le temps de tester votre site et de recueillir des commentaires avant sa mise en ligne.
1 Effectuer des tests d’assurance de la qualité (AQ).
Si vous en avez les ressources, embauchez une équipe d’assurance qualité afin qu’elle puisse tester tous les aspects de votre site. Si vous ne pouvez pas embaucher de personnes spécifiquement pour le rôle d’assurance qualité, demandez à des personnes internes et externes à votre entreprise de tester votre site Web avant le lancement. Ils peuvent cliquer sur tous les liens, remplir tous les formulaires et essayer tous les services. Fondamentalement, s’il y a quelque chose à faire sur le site Web, ils devraient le faire. De cette façon, vous pouvez corriger les bugs avant de vous lancer.
2 Recueillez les commentaires des utilisateurs avant de lancer votre site en direct.
Invitez un groupe restreint de bêta-testeurs à fournir des commentaires sur des éléments tels que la navigation, la conception et les principaux flux d’utilisateurs. Vous ne pouvez pas apporter de modifications en fonction de tous les commentaires que vous avez reçus avant le lancement, mais vous voudrez peut-être garder à l’esprit les suggestions de modifications à venir.
Créer un site web à partir de zéro — même si vous avez fait appel à une agence pour vous aider — n’est pas une mince affaire. Nous avons créé une liste de contrôle pratique en 3 étapes pour créer une conception de site Web attrayante (PDF), afin que vous puissiez vous assurer de vérifier tous les éléments importants de la liste au fur et à mesure.