Idées de mise en page pour votre site Web multilingue : améliorer l'expérience utilisateur

Créer ou concevoir un site Web n'est pas aussi simple que de choisir parmi un assortiment de modèles celui que vous considérez comme le plus intéressant. Bien que l'apparence d'un site Web soit un facteur très important, ce ne sont pas les seuls éléments auxquels vous devez penser avant de prendre une décision.

C'est un fait : le succès de votre site Internet est lié à sa présentation, à la manière dont les utilisateurs se sentent lorsqu'ils l'utilisent ou le parcourent. Cela influence certainement vos visiteurs, pour le meilleur ou pour le pire, dans leur opinion sur votre site et dans leur décision d'effectuer un achat.

Sans blague ! Selon un rapport de la Society of Digital Agencies (SoDA) , une expérience utilisateur médiocre sur un site Web est préjudiciable aux entreprises. Avoir une mise en page parfaite est donc un aspect essentiel de la conception d'un site Web et de l'expérience utilisateur.

Vous avez peut-être aussi remarqué qu'ils partagent certaines caractéristiques, car comme dans tous les autres secteurs, les tendances prennent également d'assaut le monde du design. De nos jours, les images pleine page et les designs à trois colonnes font fureur auprès des designers.

Mais voilà le problème, il faut savoir à l'avance que les deux chemins sont valables, ils ont tous deux leurs avantages et leurs inconvénients. Alors, que pensez-vous faire ? Les options sont de profiter de la familiarité de ces éléments dans l'imaginaire collectif, ou vous pouvez décider de vous démarquer et d'attirer l'attention sur votre magasin en faisant quelque chose de radicalement différent ! Ce n'est pas une question facile à répondre, et votre choix dépendra de votre public cible.

Les caractéristiques d'un excellent site Web

Nous pouvons affirmer sans crainte que les possibilités de réussite se présentent sous de nombreuses formes et proviennent de nombreux endroits. Il y a beaucoup de choses à exploiter, beaucoup d’options, beaucoup de potentiel. Vos meilleurs choix dépendront de votre public cible et du type d’entreprise que vous dirigez. Ces choix façonnent et reflètent votre image de marque.

Selon

Étant donné que toutes les entreprises ne sont pas identiques, les critères d'un bon site Web ne correspondront pas non plus, mais nous pouvons parler de tous les différents éléments qui composent la tâche de conception d'un site Web et vous pouvez y réfléchir tout en pensant à votre domaine d'activité et à vos principes.

1. Sans encombrement : laissez de l'espace entre vos contenus, essayez d'afficher uniquement ce qui intéresse l'utilisateur. Débarrassez-vous des « ornements ». Ayez un espace négatif substantiel pour que les éléments soient plus faciles à lire.
2. Interface : Simplifiez la navigation. Créez des chemins simples d'une section à une autre.
3. Hiérarchie visuelle : Classez les éléments graphiques par ordre d'importance. Les éléments les plus importants peuvent venir en premier ou occuper le plus d'espace, aidez vos visiteurs à naviguer en guidant leur regard à travers les différents éléments. Par exemple, les gens lisent d'abord les choses les plus grandes .
4. Palette de couleurs et choix d'images : En un mot, les couleurs vives se démarquent et fonctionnent donc très bien comme accents, et associées aux bonnes images, vous pouvez garder vos visiteurs intéressés plus longtemps !
5. Adapté aux appareils mobiles : depuis juillet 2019, tous les nouveaux domaines Web sont indexés en priorité sur les appareils mobiles et les pages Web adaptées aux appareils mobiles sont mieux classées dans les recherches. Assurez-vous donc que la mise en page de votre version mobile fonctionne également bien.
6. Bouton de changement de langue : Lorsque les faits montrent que nous vivons dans une économie transfrontalière où le pays dans lequel vous vivez ne limite pas l'endroit où vous pouvez acheter, ne pas avoir un site Web multilingue n'est pas une option si vous cherchez à prospérer.

À quoi ressemblent les sites Web multilingues ?

Bonne nouvelle ! Vous pouvez être tranquille, créer un site web multilingue n'est pas une corvée, c'est aussi simple que d'ajouter un petit bouton de langue à l'un des coins de la mise en page de votre site web en utilisant ConveyThis. Faire des affaires en ligne à l'international n'a jamais été aussi simple.

Jetons un œil à certaines mises en page de sites Web et analysons ce qui les rend si attrayantes.

Crabtree et Evelyn

Commençons par Crabtree & Evelyn, une entreprise de parfums et de produits pour le corps qui a débuté en Allemagne mais qui a étendu ses activités à l'échelle mondiale grâce à d'excellentes options de mise en page et de langue.

Étant donné que la variété des produits est si large, ils ont choisi de ne pas submerger leurs visiteurs en soignant leur mise en page et en prenant des décisions de conception minutieuses, comme remplir d'abord l'écran de leur page d'accueil avec un message simple, dans ce cas, sur la période des fêtes, et lorsque vous faites défiler vers le bas ou cliquez sur le bouton « Acheter maintenant », le visiteur est dirigé vers les produits.

C'est un look vraiment sophistiqué et épuré, les visiteurs resteront certainement plus longtemps, captivés par l'expérience. En ce qui concerne le menu, il existe deux options de recherche, un bouton de recherche où vous pouvez taper un mot-clé, si vous avez affiné ce que vous recherchez ; ou cliquez sur le bouton boutique, puis choisissez où ou comment vous souhaitez explorer, par catégorie, par collection ou consultez les coffrets cadeaux.

Et maintenant, la chose la plus étonnante qui soit, le sélecteur de langue. Vous pouvez le trouver en bas de la page, et lorsque vous cliquez dessus, il vous montre les paramètres actuels de la boutique, avec des menus déroulants avec des alternatives.

Et c'est quelque chose dont nous avons déjà parlé dans l'article sur les types de boutons de langue. C'est fantastique qu'ils aient deux options, une pour la zone et l'autre pour la langue, car nous savons que tout le monde ne navigue pas dans sa langue ou dans son pays. Ce site Web est l'exemple parfait d'un travail de localisation bien fait. Contactez l'équipe ConveyThis pour en savoir plus sur la façon dont vous pouvez rendre votre site Web plus accueillant pour les utilisateurs du monde entier !

Menthe numérique

Tout d'abord, un travail époustouflant. De bonnes décisions partout, n'est-ce pas ? Et une utilisation fantastique de la couleur pour établir le contraste et les zones de mise au point. Énumérons tous les points positifs de ce site : espace négatif, polices de caractères de différentes tailles, illustrations personnalisées, couleur et teinte.

La disposition des éléments de différentes tailles vous indique où commencer la lecture et l'espace blanc donne au lecteur le temps de faire une pause.

Nous avons ici un exemple clair de hiérarchie visuelle :

Du moins important au plus important : les partenaires commerciaux dans des teintes plus claires, « Make it happen » en petite police, le bouton « parlons-en » avec fond noir et lettres blanches, « Digital évolutif » en grande police en gras et « marketing » dans la même police que précédemment mais surligné en vert.

De plus, les impératifs « Make it happen » et « Let's talk » aident également le visiteur dans son expérience de navigation.

La barre de navigation est aussi simple et claire que celle de Crabtree & Evelyn, et la barre de médias sociaux à droite est un excellent choix pour les entreprises qui s'appuient fortement sur les médias sociaux comme outil.

Vous pouvez trouver leurs boutons de langue en bas de la page, ils sont petits, mais toutes les options sont visibles et leurs couleurs sont vives et très différentes de la palette de couleurs Digital Menta afin qu'elles puissent être facilement trouvées.

Yogang

Nous avons ici un adorable exemple de sites Web épurés. Il y a beaucoup d'espaces négatifs et les figures en couleur sont animées, ce qui suscite un sentiment de curiosité chez les visiteurs ! Les internautes occasionnels resteront certainement et jetteront un œil au reste du site Web pour en savoir plus sur Yogang. Un design brillant.

Yogang est un jeu ludique pour enfants qui allie activité physique, détente, partage et créativité, et sa page d'accueil reflète cela. L'animation des différents personnages effectuant des postures de yoga ne vise pas à montrer des compétences en programmation, mais à refléter l'esprit du produit.

A la fois adorables et incitatifs à l'action, les produits Yogang font partie intégrante de l'enfance de vos enfants. Ils attirent les acheteurs impulsifs avec un bouton « Acheter » et aident également un client potentiel à en savoir plus sur le produit en le guidant vers les tutoriels.

Leur barre de menu plus longue est justifiée dans la mesure où ils vendent du B2B et du B2C, ils ont donc différents types de visiteurs qui recherchent des choses différentes et ils doivent tous trouver rapidement ce qu'ils recherchent.

Leur bouton de langue est discret et propose les options « EN » et « FR ». Ils proposent des options de langue restreintes, mais ils ont clairement identifié leurs marchés les plus importants et se sont fortement concentrés sur la fourniture de la meilleure expérience possible à l'utilisateur.

Bleu marine ou gris

Nous savons qu'il y a beaucoup d'illustrations personnalisées dans cette liste. C'est un élément très polyvalent et ces sites Web les utilisent très bien pour créer une apparence et une atmosphère spécifiques.

Navy and Grey est le dernier exemple de cette liste, il possède également les caractéristiques que nous avons louées auparavant, les avez-vous également identifiées ? Cela donne une expérience très sophistiquée, c'est captivant. Cela me fait me sentir calme, en voyant tout cet espace négatif, je ne suis pas du tout submergé par l'idée de parcourir ce site Web et la barre de menu claire m'assure que je trouverai ce que je cherche sans aucune difficulté.

J'apprécie la façon dont ils ont séparé les « chemises » et les « costumes » dans le menu, c'est une décision appropriée pour une entreprise de couture, de nombreux autres magasins auraient créé des sous-pages pour ces produits, et c'est également une décision raisonnable, mais pour le bleu marine ou le gris, cela contribue à ce look soigné.

Ce site en particulier a placé son bouton de langue en haut à droite et la police choisie est la même que sur le reste du site. Et en bas à gauche, ils ont ajouté un bouton Whatsapp pour un contact rapide.

Concevez un site Web formidable pour votre public

Les sites Web répertoriés sont excellents parce qu'ils respectent les principes généraux d'une bonne conception, mais aussi parce que toutes les décisions peuvent être justifiées. Les raisons peuvent être le secteur d'activité dans lequel ils évoluent, mais cela peut aussi être le public cible. N'oubliez donc pas de garder à l'esprit l'identité, les idéaux et le public de votre entreprise lorsque vous prenez des décisions.

La clé est de réfléchir à la manière de simplifier la recherche et de conduire votre visiteur vers ce qu’il recherche avec le moins de clics.

En un mot, donnez à vos visiteurs un appel à l’action dès qu’ils accèdent à la page d’accueil et utilisez l’espace négatif pour créer du contraste et mettre en évidence les éléments importants, comme votre message ; et enfin, ayez un menu simple et un bouton de langue.

Vous êtes prêt à vendre à l'international et vous avez probablement eu de nombreuses idées fantastiques en lisant cet article. Apprenez-en plus sur ConveyThis et augmentez vos ventes en ligne !