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

Idées de mise en page pour votre site Web multilingue : Améliorez l'expérience utilisateur avec ConveyThis, en utilisant l'IA pour garantir une navigation transparente dans plusieurs langues.
Transmettrecette démo
Transmettrecette démo
magasin 4156934 1280

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 cool. Bien que l'aspect et la convivialité d'un site Web soient des facteurs très importants, ce ne sont pas les seules choses auxquelles vous devez penser avant de prendre une décision.

C'est un fait : le succès de votre site web est lié à son agencement, au ressenti des utilisateurs lors de son utilisation ou de sa navigation. Cela influence certainement vos visiteurs pour le meilleur ou pour le pire dans leur opinion sur votre site et s'ils envisageront de faire un achat.

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

Vous avez peut-être également remarqué qu'ils partagent certaines caractéristiques, c'est parce que, comme toutes les autres industries, les tendances prennent également d'assaut le monde du design. De nos jours, les images à fond perdu et le design à trois colonnes font fureur chez les designers.

Mais voici le problème, vous devez savoir à l'avance que l'un ou l'autre chemin est valide, ils ont tous les deux leurs avantages et leurs inconvénients. Alors, que pensez-vous que vous devriez 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 complètement 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 bon site web

Nous pouvons dire confortablement que les possibilités de grandeur viennent sous de nombreuses formes et de nombreux endroits, il ya beaucoup à travailler avec, 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 se forment et reflètent votre image de marque.

Selon Adobe , les deux tiers des gens préfèrent lire quelque chose de magnifiquement conçu que quelque chose de simple lorsqu'ils sont pressés par le temps ; et 38% des personnes quitteront un site Web s'il n'est pas attrayant. Celles-ci semblent être des déclarations très générales manquant de beaucoup de spécificité. Mais UX et UI sont toujours étudiés par des experts en design, donc au lieu de chercher une définition de "beau" selon un étranger, nous devrions chercher des choses que nous pourrions rendre belles et définir ce que la beauté signifie dans notre contexte.

Étant donné que toutes les entreprises ne sont pas identiques, les critères d'un bon site Web ne correspondent 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 principes.

  1. Sans encombrement : Mettez de l'espace entre vos contenus, essayez de n'afficher que ce qui intéresse l'utilisateur. Débarrassez-vous des « ornements ». Ayez un espace négatif important pour que les éléments soient plus faciles à lire.
  2. Interface : Simplifiez la navigation. Avoir des chemins simples d'une section à l'autre.
  3. Hiérarchie visuelle : Disposez les éléments graphiques par ordre d'importance. Les choses les plus importantes peuvent venir en premier ou occuper le plus d'espace, aidez vos visiteurs à naviguer en guidant leurs yeux à travers les différents éléments. Par exemple, les gens lisent d'abord les choses plus importantes .
  4. Palette de couleurs et choix d'image : en un mot, les couleurs vives se démarquent et fonctionnent donc parfaitement comme accents, et associées à la bonne imagerie, vous pouvez garder vos visiteurs intéressés plus longtemps !
  5. Adapté aux mobiles : depuis juillet 2019, la valeur par défaut pour tous les nouveaux domaines Web est l'indexation axée sur les mobiles et a également amélioré le classement des pages Web adaptées aux mobiles 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 indiquent 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 de site Web multilingue n'est pas une option si vous cherchez à prospérer .

À quoi ressemblent les sites Web multilingues ?

Bonne nouvelle! Vous pouvez vous détendre, créer un site Web multilingue n'est pas une épreuve, c'est aussi simple que d'ajouter un petit bouton de langue dans 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 coup d'œil à certaines mises en page de sites Web et analysons ce qui les rend si attrayants.

Crabtree et Evelyn

site web multilingue

Commençons par Crabtree & Evelyn, une entreprise de parfums et de corps qui a débuté en Allemagne mais qui a étendu son activité à l'échelle mondiale avec une excellente mise en page et des options linguistiques.

Étant donné que la variété de produits est si large, ils ont choisi de ne pas submerger leurs visiteurs en prenant soin de 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 simple message, 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ù et comment vous souhaitez explorer, par catégorie, par collection, ou découvrez 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 du magasin, avec des menus déroulants avec des alternatives.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

Et c'est quelque chose que nous avons dont nous avons parlé précédemment 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 améliorer votre site Web. bienvenue aux utilisateurs du monde entier !

Monnaie numérique

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Tout d'abord, un travail époustouflant. De grandes décisions partout, vous ne pensez pas ? Et une utilisation fantastique de la couleur pour établir des zones de contraste et de mise au point. Énumérons toutes les bonnes choses à propos de ce site : espace négatif, polices de différentes tailles, illustrations personnalisées, couleur et teinte.

L’agencement des différents éléments de taille vous montre par où commencer la lecture et l’espace blanc donne au lecteur le temps de faire une pause.

Ici, nous avons un exemple clair de hiérarchie visuelle :

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Du moins au plus important : les partenaires commerciaux en teintes plus claires, « Make it happening » en petits caractères, bouton « let's talk » avec fond noir et lettres blanches, « Evolutionary digital » en gros caractères gras et « marketing » dans la même police qu'auparavant mais soulignée de vert.

De plus, les impératifs « Make it happening » 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 dépendent fortement des médias sociaux comme outil.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

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.

Yoga

Nous avons ici un adorable exemple de sites Web désencombrés. Il y a beaucoup d'espace négatif et les figures en couleur sont animées, cela instille un sentiment de curiosité chez les visiteurs ! Les navigateurs occasionnels resteront certainement et jetteront un œil au reste du site Web et en apprendront davantage sur Yogang. Conception brillante.

Yogang est un jeu amusant pour les enfants qui combine l’activité physique, la relaxation, le partage et la créativité, et leur page d’accueil reflète cela. L’animation des différents personnages faisant des poses de yoga n’est pas de montrer les compétences de programme, c’est un reflet de l’esprit du produit.

À la fois adorable et un appel à l'action pour faire de Yogang une partie 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 par le fait qu'ils vendent du B2B et du B2C, ils ont donc différents types de visiteurs à la recherche de différentes choses et ils doivent tous trouver rapidement ce qu'ils recherchent.

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

Marine ou Gris

À

Beaucoup d'illustrations personnalisées dans cette liste, nous le savons. C'est un élément tellement polyvalent et ces sites Web les utilisent si bien pour créer une apparence et une sensation 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 ? C'est une expérience très sophistiquée, c'est captivant. Cela me calme, en voyant tout cet espace négatif, je ne suis pas du tout submergé par l'idée de naviguer sur ce site 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é "Chemises" et "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 aussi une décision raisonnable, mais pour Navy ou Grey, il contribue à ce look poli.

Ce site en particulier, a mis leur bouton de langue en haut à droite, et la police qu’ils ont choisi est le même que le reste du site. Et en bas à gauche, ils ont ajouté un bouton WhatsApp pour un contact rapide.

Concevez un excellent site Web pour votre public

Les sites Web répertoriés sont excellents parce qu'ils suivent 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 domaine d'activité dans lequel ils se trouvent, 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 façon de simplifier la recherche et de diriger 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 un contraste et mettre en évidence les choses importantes, comme votre message ; et enfin et surtout, avoir un menu simple et un bouton de langue.

Vous semblez 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 boostez vos ventes en ligne !

Commentaire (1)

  1. 4 commerces électroniques inspirants qui font tout correctement
    Le 20 février 2020 Répondre

    [...] Les nominés mentionnés ont de grands designers qui donnent tout et apportent toutes les meilleures idées qui refléteront tous les idéaux de la marque dans un superbe magasin virtuel qui transformera les visiteurs en clients. [...]

Laisser un commentaire

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués*