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 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.

No kidding!  According to a report from the Society of Digital Agencies (SoDA), a poor website user experience is detrimental to businesses. So having the perfect layout is a pivotal aspect of website and user experience design.

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

We can comfortably say that the possibilities for greatness come in many forms and from many places, there is a lot to work with, lots of options, lots of potential. Your best choices will depend on your target audience and the type of business you run. These choices form and reflect your brand image.

According to Adobe, two-thirds of people would rather read something beautifully designed than something plain when pressed for time; and 38% of people will leave a website if it’s unattractive. These seem like very general statements lacking a lot of specificity. But UX and UI are always being studied by design experts, so instead of looking for a definition of “beautiful” according to a stranger, we should look for things that we could turn beautiful, and define what beauty means in our context.

É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. Visual hierarchy: Arrange the graphic elements in order of importance. The most important things can come first or can occupy the most space, help your visitors navigate by guiding their eyes through the different elements. For example, people read bigger things first.
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. Mobile-friendly: As of July 2019, the default for all new web domains is mobile-first indexing and also boosted ranks of mobile-friendly webpages in searches. So make sure that the layout of your mobile version also works well.
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 ?

Great news! You can relax, creating a multilingual website is not an ordeal, it’s as easy as adding a small language button to one of the corners of your website layout using ConveyThis. Doing business online internationally has never been easier.

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

Crabtree et Evelyn

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.

And this is something we’ve talked about previously on the article on types of language buttons, it’s fantastic that they have two options, one for area and the other for language, because we know that not everyone is browsing in their language or in their country. This website is the perfect example of a well done localization job. Contact the ConveyThis team to find out more information on how you can make your website more welcoming to users all over the world!

Monnaie numérique

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.

The arrangement of the different sized elements shows you where to start reading and the white space gives the reader time to pause.

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

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.

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 is a fun game for children that combines physical activity, relaxation, sharing and creativity, and their homepage reflects that. The animation of the different characters doing yoga poses is not about showing off programing skills, it’s a reflection of the spirit of the product.

À 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.

This website in particular, has put their language button at the top right, and the font they have chosen is the same as the rest of the website. And at the bottom left, they have added a Whatsapp button for quick contact.

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.

You look ready to sell internationally, and probably came up with lots of fantastic ideas while reading this article. Learn more about ConveyThis and boost your online sales!