多语言网站的布局思路:增强用户体验

多语言网站的布局思路:通过 ConveyThis 增强用户体验,使用 AI 确保多种语言的无缝导航。
传达这个演示
传达这个演示
商店 4156934 1280

创建或设计网站并不像从各种各样的模板中选择您认为最酷的模板那么容易。虽然网站的外观和感觉是非常重要的因素,但它们并不是您在做出决定之前必须考虑的唯一因素。

这是一个事实:您网站的成功与它的布局、用户在使用或浏览时的感受有关。这肯定会影响访问者对您网站的看法以及他们是否会考虑购买。

别开玩笑了!根据数字代理协会(SoDA)的一份报告,不良的网站用户体验对企业不利。因此,拥有完美的布局是网站和用户体验设计的关键所在。

您可能还注意到它们有一些共同特征,那是因为就像所有其他行业一样,趋势也席卷了设计界。如今,全出血图像和三列设计在设计师中风靡一时。

但这就是问题所在,您应该事先知道任何一条路径都是有效的,它们各有利弊。那么,你认为你应该怎么做?选择是利用集体想象中这些元素的熟悉度,或者您可以决定通过做一些截然不同的事情来脱颖而出并引起您的商店的注意!这不是一个容易回答的问题,您的选择将取决于您的目标受众。

优秀网站的特征

我们可以轻松地说,实现伟大的可能性来自多种形式,来自许多地方,有很多需要合作的地方,很多选择,很多潜力。最佳选择将取决于您的目标受众和您经营的业务类型。这些选择形成并反映了您的品牌形象。

根据Adobe的说法,三分之二的人宁愿花时间阅读那些设计精美的东西,也不愿阅读平淡的东西。如果没有吸引力,就会有38%的人离开网站。这些看起来很笼统,缺乏很多特异性。但是,UX和UI始终由设计专家研究,因此,与其寻找陌生人的“美丽”定义,不如寻找可以变得美丽的事物,并定义美丽在我们的上下文中意味着什么。

由于并非所有业务都相同,因此优秀网站的标准也不尽相同,但我们可以讨论构成网站设计任务的所有不同元素,您可以在考虑这些元素的同时考虑您的业务领域和原则。

  1. 整洁:在你的内容之间留出空间,尽量只显示用户感兴趣的内容。摆脱“装饰品”。有大量的负空间,这样元素会更容易阅读。
  2. 界面:使导航简单。有从一个部分到另一个部分的直接路径。
  3. 视觉层次:按重要性顺序排列图形元素。最重要的事情可以排在第一位或占据最大的空间,通过引导游客的眼睛通过不同的元素来帮助他们导航。例如,人们首先阅读更大的东西
  4. 调色板和图像选择:简而言之,鲜艳的颜色脱颖而出,因此非常适合作为口音,搭配正确的图像可以让访问者保持更长时间的兴趣!
  5. 面向移动设备的友好型网站:截至2019年7月,所有新网站域的默认设置均为基于移动设备的优先索引功能,同时还提高了移动友好型网页在搜索中的排名。因此,请确保您的移动版本的布局也能正常运行。
  6. 语言切换按钮:当事实表明我们生活在跨境经济中,您所居住的国家/地区不限制您可以从哪里购买时,如果您希望蓬勃发展,那么没有多语言网站不是一个选择.

多语言网站是什么样的?

好消息!你可以放松,创建一个多语言的网站不是一个磨难,它很容易添加一个小的语言按钮到您的网站布局的角落之一,使用ConveyThis。在国际上在线做生意从未如此简单。

让我们来看看一些网站布局,并分析是什么让它们如此吸引人。

克拉布特里和伊芙琳

多语言网站

让我们从 Crabtree & Evelyn 开始,这家身体和香水企业起源于德国,但凭借出色的布局和语言选择将其业务推向全球。

由于产品种类繁多,他们选择通过精心布局和谨慎的设计决策来避免让访问者不知所措,例如首先在主页屏幕上显示一条简单的消息,在这种情况下,是关于假期的,当您向下滚动或单击“立即购买”按钮时,访问者将被引导至产品。

这是一个非常精致和干净的外观,游客肯定会停留更长时间,被这种体验所吸引。关于菜单,有两个搜索选项,一个是搜索按钮,您可以在其中输入关键字,如果您已经缩小了搜索范围;或单击“商店”按钮,然后选择您要探索的地点或方式,按类别、按系列或查看礼品套装。

现在,有史以来最神奇的事情是语言切换器。您可以在页面底部找到它,当您单击它时,它会显示您当前的商店设置,以及带有备用菜单的下拉菜单。

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

这是我们之前在关于语言按钮类型的文章上讨论过的,他们有两个选项,一个是区域选项,另一个是语言选项,因为我们知道不是每个人都在浏览他们的语言或国家语言。这个网站是一个做得好的本地化工作的完美例子。联系ConveyThis团队,了解更多有关如何让您的网站更欢迎全球用户的信息!

数字造币厂

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

首先,令人惊叹的工作。到处都是伟大的决定,你不觉得吗?并且出色地使用颜色来建立对比度和焦点区域。让我们列出这个网站的所有优点:负空间、不同大小的字体、自定义图稿、颜色和色调。

大小不同的元素的排列向您显示了从何处开始阅读,而空白则使阅读器有时间暂停。

这里我们有一个视觉层次结构的清晰示例:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

从最不重要到最重要:浅色的业务合作伙伴、小字体的“Make it happen”、黑色背景和白色字母的“let's talk”按钮、粗体的“Evolutionary digital”和“marketing”字体与之前相同,但以绿色突出显示。

此外,命令式“让它发生”和“让我们谈谈”也有助于访问者的浏览体验。

导航栏和 Crabtree & Evelyn 一样简单明了,右侧的社交媒体栏对于严重依赖社交媒体作为工具的企业来说是一个不错的选择。

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

您可以在页面底部找到它们的语言按钮,它们很小,但所有选项都可见,而且它们的颜色很明亮,与 Digital Menta 调色板截然不同,因此很容易找到。

瑜伽

在这里,我们有一个可爱的网站整理示例。有很多负空间,彩色图形是动画的,这给游客一种好奇的感觉!随便浏览的人肯定会留下来看看网站的其余部分,了解更多关于瑜伽岗的信息。出色的设计。

Yogang是一款针对儿童的趣味游戏,集体育锻炼,放松,分享和创造力于一体,他们的主页对此有所反映。做瑜伽姿势的不同角色的动画并不是要展示编程技巧,而是产品精神的体现。

既可爱又呼吁采取行动,让 Yogang 成为您孩子童年的一部分。他们通过“购买”按钮吸引冲动的购买者,并通过引导潜在客户学习教程来帮助他们首先了解产品的更多信息。

他们较长的菜单栏是合理的,因为他们销售 B2B 和 B2C,所以他们有不同类型的访客在寻找不同的东西,他们都必须快速找到他们想要的东西。

他们的语言按钮是一个不起眼的按钮,带有“EN”和“FR”选项。他们的语言选择范围很窄,但他们清楚地确定了自己最大的市场,并且非常专注于为用户提供最佳体验。

海军蓝或灰色

到

我们知道,此列表中有很多定制艺术品。它是如此多才多艺的元素,这些网站非常好地使用它们来创建特定的外观和感觉。

Navy and Gray是这个榜单的最后一个例子,它也有我们之前夸过的特征,你也认出来了吗?它带来了非常复杂的体验,令人着迷。它让我感到平静,看到所有的负面空间,浏览这个网站的想法一点也不让我不知所措,清晰的菜单栏让我确信我会毫不费力地找到我要找的东西。

我很欣赏他们如何在菜单中将“衬衫”和“西装”分开,这对于裁缝业务来说是一个合适的决定,许多其他商店会为这些产品创建子页面,这也是一个合理的决定,但对于海军蓝或灰色,它有助于打造优雅的外观。

特别是该网站,其语言按钮位于右上角,并且所选字体与该网站的其余部分相同。并且在左下方,他们添加了Whatsapp按钮以进行快速联系。

为您的受众设计一个很棒的网站

列出的网站很棒,因为它们遵循良好设计的一般原则,而且,因为所有的决定都是合理的,原因可能是它们所在的业务领域,但也可能是目标受众。因此,请记住在做出决定时牢记您的企业身份、理想和受众。

关键是要考虑如何简化搜索以及如何以最少的点击次数将访问者引导至他们正在寻找的内容。

简而言之,在访问者访问主页后立即发出号召性用语,并使用负空间来创建对比并突出重要内容,例如您的信息;最后但同样重要的是,有一个简单的菜单和一个语言按钮。

你看起来准备在国际上销售,并可能想出了很多奇妙的想法,而阅读这篇文章。了解有关您的ConveyThis,提高您的在线销售!

评论(1)

  1. 4 一切都做对的鼓舞人心的电子商务
    2020年2月20日 回复

    […]提到的提名人都有出色的设计师,全力以赴,并将所有能体现品牌理想的最佳创意带入令人惊叹的虚拟商店,从而将访客变成顾客。 […]

发表评论

您的电子邮件地址不会被公开。 Required fields are marked*