Conception Web de boutique en ligne : plaider en faveur de la typographie
Chargement rapide ? Vérifié! Navigation simplifiée ? Vérifié! Boutons d’appel à l’action persuasifs ? Vérifié! Des images de produits de haute qualité ? Vérifié! Contenu produit puissant ? Vérifié! Processus de paiement sécurisé ? Vérifié!
Typographie? Vraiment?! La typographie est-elle importante? – Une question qui surgirait dans la tête de nombreux entrepreneurs du commerce électronique qui sont tous prêts à lancer leur boutique en ligne.
La réponse est « OUI » – et cet article vous le prouvera !
Idéalement, les nouveaux entrepreneurs de magasins en ligne sont pleins de zèle et d’enthousiasme pour convertir leur magasin physique en une entreprise en ligne rentable. Dans leur hâte de voir leurs sites Web mis en ligne, bon nombre de ces entrepreneurs pourraient simplement se concentrer sur des questions plus vastes et plus larges ; en ignorant certains éléments de conception petits mais très impactants comme la typographie.
Mais le fait est que la typographie est l’un des éléments de conception Web les plus essentiels qui, s’il est ignoré, peut avoir un impact négatif sur les revenus.
Alors, passons aux choses sérieuses de la typographie pour comprendre son importance et son impact sur les ventes des boutiques en ligne :
Typographie: Qu’est-ce que c’est exactement ?
Voici la définition Wiki :
« La typographie est l’art et la technique d’agencer les caractères pour rendre le langage écrit lisible, lisible et attrayant lorsqu’il est affiché. La disposition des caractères implique la sélection des polices de caractères, des tailles de point, des longueurs de ligne, de l’espacement des lignes (interligne) et de l’espacement des lettres (suivi) et de l’ajustement de l’espace entre les paires de lettres (crénage)."
Impact de la typographie sur l’expérience utilisateur
La typographie parle à vos visiteurs.
Les gens regardent votre page d’accueil dans son ensemble, scannant le texte, le type de police, la taille des lettres et la longueur des lignes. Maintenant, s’ils ne trouvent pas votre contenu lisible, ils quitteront le site immédiatement et sauteront sur le site de votre concurrent. Ce n’est pas une décision consciente. Mais la conception du site Web (qui comprend le type, la taille de la police, la couleur et les espaces) les incite à le faire.
Il y a eu une étude de recherche qui prouve le fait que les polices de caractères ont un grand impact sur la façon dont nous traitons l’information. Une étude a été menée par le réalisateur de documentaires oscarisé Errol Morris et intitulée «Êtes-vous optimiste ou pessimiste? Dans cette étude intéressante, il a découvert que les lecteurs sont plus susceptibles de faire confiance à une déclaration écrite dans la police Baskerville que présentée dans toute autre police comme Georgia, Comic Sans, Computer Modern, Helvetica ou Trebuchet.
Il ressort clairement de cette étude que le simple fait d’avoir des pages riches en mots-clés ou un contenu de qualité (description de produit, images de produit et vidéos de produit) n’est pas suffisant pour générer des ventes ; mais il est tout aussi important d’avoir le bon type et la bonne taille de police sur votre boutique en ligne.
La sélection de la bonne typographie offrira une expérience utilisateur exceptionnelle à vos visiteurs. Cela vous aidera à retenir l’attention des visiteurs pendant longtemps ; en veillant à ce que les visiteurs se concentrent entièrement sur les produits/services que vous proposez. Une attention ciblée vous aidera à augmenter vos ventes.
Impact de la typographie sur les classements Google
L’algorithme de classement de recherche de Google considère près de 200 signaux pour classer un site Web. La typographie n’a actuellement pas gagné de place dans cette liste de facteurs de classement. Ainsi, choisir la bonne police de caractères et la bonne taille de police ne vous aidera pas directement à vous classer haut dans les SERP.
Cependant, tous les concepteurs de sites Web de magasins en ligne sont très conscients du fait que fournir une bonne expérience utilisateur aux visiteurs les aidera à se classer plus haut dans Google par rapport aux sites Web qui offrent une mauvaise expérience Web. Il ressort clairement du point susmentionné que la typographie joue un rôle important dans la fourniture d’une bonne expérience utilisateur aux utilisateurs. Donc, l’équation est maintenant :
Voici Steve Jobs sur la typographie
C’est ce que Steve Jobs, connu à juste titre comme le parrain des polices, avait dit à propos de la typographie dans l’un des discours d’ouverture les plus inspirants qu’il ait prononcés à l’Université de Stanford :
Facteurs à considérer avant de choisir la typographie
Maintenant que nous connaissons l’impact de la typographie sur les taux de conversion, approfondissons pour comprendre comment vous pouvez prendre des décisions liées à la typographie :
Il n’y a pas de formule unique pour la typographie qui puisse fonctionner pour tous les magasins en ligne. Cela dépend de certains facteurs critiques tels que le public cible, votre image de marque, le secteur auquel appartient votre entreprise, qu’il s’agisse d’une entreprise B2B ou B2C, les produits/services que vous souhaitez vendre et le message que vous souhaitez transmettre à vos visiteurs. Une évaluation critique de tous ces facteurs vous aidera à choisir la bonne typographie pour votre entreprise.
Par exemple, une entreprise B2B doit opter pour des polices comme sans empattement qui l’aident à gagner le respect et la confiance dans l’espace numérique. Yapstone, un fournisseur de services de paiement en ligne, par exemple, utilise la police de caractères Gotham qui donne à la marque une image digne de confiance. Gotham a même été utilisé dans le matériel de campagne de Barack Obama lors des élections présidentielles de 2008.
Source: Yapstone.com
D’autre part, une boutique en ligne vendant des articles pour enfants comme des vêtements ou des jouets doit opter pour des polices qui donnent une sensation ludique et amusante. Jetez un œil à la façon dont childrensplace parvient à gagner nos cœurs avec sa typographie :
Source: Childrensplace.com
Un autre facteur important qui doit être pris en considération est l’audience mobile. Étant donné que de plus en plus de personnes se tournent vers le m-commerce, vous devez garder à l’esprit l’audience mobile avant de vous concentrer sur la typographie.
En bref, après avoir soigneusement analysé les facteurs mentionnés ci-dessus, choisissez la typographie qui convient à votre image de marque.
Éléments de typographie
Il est clair que la typographie améliore l’expérience de vos visiteurs. J’ai détaillé ici quelques éléments de typographie pour améliorer le classement organique et l’expérience utilisateur de votre site :
Couleur:
La couleur est l’un des éléments les plus importants de la typographie. La bonne couleur attire l’attention des visiteurs et en même temps, des couleurs médiocres sur la page d’accueil augmenteront le taux de rebond de votre site.
De nombreux sites Web populaires comme Skype, WordPress, Twitter, LinkedIn utilisent la couleur bleue sur leur page d’accueil. L’une des principales raisons derrière cela est que la couleur bleue symbolise la fiabilité et l’honnêteté. Il est donc vital pour les concepteurs de sites Web d’avoir une compréhension approfondie de la psychologie des couleurs et de son impact sur les conversions de commerce électronique. Dans une expérience, Monetate a découvert que les CTA bleus surpassaient les CTA orange de 9 %.
Source: Monetate.com
Cependant, nous avons vu Amazon, le plus grand détaillant de commerce électronique au monde, avoir des CTA orange sur leurs pages de produits. Il est donc conseillé de ne pas se fier à des expériences généralisées et de choisir la meilleure couleur qui convient à votre image de marque et à vos conversions.
Longueur de ligne et espacement des lignes :
Des lignes trop longues ou trop courtes ne seront pas esthétiques. La longueur moyenne des lignes est de 45 à 90 caractères, espaces compris.
L’interligne est la distance entre deux lignes de texte. L’interligne recommandé est compris entre 120 % et 145 % de la taille de la police.
Espace blanc :
Les espaces blancs donnent un aspect élégant à la mise en page de votre site Web. Une page de produit encombrée de toutes les informations sur le produit telles que la description du produit, les images, les vidéos et les CTA convertira moins par rapport à une page de produit avec des informations sur le produit désencombrées. De plus, cela permet aux acheteurs en ligne de trouver facilement les informations souhaitées sur le produit.
Faites un usage approprié des espaces blancs pour rendre vos pages de produits visuellement époustouflantes.
Taille et type de police :
Les polices jouent un rôle important dans la lisibilité du contenu. Les polices de caractères difficiles à lire détourneront vos visiteurs. Alternativement, les bonnes polices de caractères persuaderont les visiteurs de prendre l’action souhaitée.
Choisissez celui qui est lisible, compatible avec tous les navigateurs et toutes les tailles d’écran et celui qui correspond le mieux à votre image de marque. N’utilisez pas plus de 2 polices de caractères. Sélectionnez une police pour les titres et une autre pour la description du produit.
Les polices petites ou minuscules consomment plus de temps de lecture et peuvent donc faire fuir immédiatement les visiteurs du site Web. Assurez-vous donc que la taille de la police est suffisamment grande pour que les visiteurs Web puissent facilement lire le contenu.
Bien qu’il n’y ait pas de taille de police ou de police idéale pour les conceptions de commerce électronique, la règle d’or consiste à sélectionner celle qui la rend lisible, qui convient à votre image de marque et qui correspond aux produits que vous vendez.
Par exemple, parmi les 3 polices de caractères suivantes, laquelle, selon vous, donnera l’impression de fiabilité et de fiabilité pour une boutique médicale en ligne ?
Il n’est pas difficile de deviner que les concepteurs de sites Web de magasins médicaux en ligne opteront pour la police Arial.
Évaluez vos performances typographiques
Vous avez défini la police de caractères, la taille de la police, les couleurs de vos CTA et tous les autres éléments de conception de votre typographie. Mais cela fonctionne-t-il pour votre site Web de commerce électronique?
La meilleure façon de savoir si la typographie sélectionnée fonctionne ou non pour votre boutique en ligne est de faire des tests fractionnés A/B. De nombreux propriétaires de magasins en ligne affirment qu’ils n’ont pas le temps de faire des tests de typographie. N’est-ce pas comme dire: «Je n’ai pas le temps de m’arrêter pour faire le plein car je suis occupé à conduire »? (Analogie tirée du best-seller de Robin Sharma – «Un moine qui a vendu sa Ferrari ») Vous finirez par en payer le prix ; et les mesures affectées seraient – le nombre de visiteurs, le taux de rebond et le taux de conversion.
D’autre part, les tests vous permettront de savoir si le choix des couleurs, du type de police, de la taille de la police, des polices de caractères et des espaces blancs a ou non l’effet souhaité sur vos ventes. Soyez expérimental et voyez ce qui fonctionne le mieux pour votre public cible !
Envelopper
La typographie est un ingrédient clé dans la recette de conception de sites Web de commerce électronique. Un entrepreneur de commerce électronique qui a dépensé des milliers de dollars pour embaucher une agence de développement coûteuse pour développer une plate-forme de commerce électronique de pointe peut voir sa start-up de commerce électronique échouer si cet élément de conception fondamental et crucial est ignoré.
Il doit être suffisamment simple pour être lisible et en même temps suffisamment convaincant pour persuader le public cible de surfer et de rester plus longtemps sur le site Web.
Une typographie solide construira une identité de marque forte, attirera de nouveaux visiteurs et incitera les clients à revisiter votre site ; augmentant ainsi les ventes et les bénéfices de votre entreprise.
Envoyez-vous le bon message à vos clients potentiels avec la typographie? Quelles polices de caractères utilisez-vous pour que votre entreprise ait un maximum de conversions ? Partagez vos idées ou questions avec nous dans les commentaires ci-dessous.