网站翻译

在多语言网站设计中应用用户体验原则

在多语言网站设计中应用用户体验原则
更新于
2023年6月19日
2025年5月27日

随着企业和产品以越来越快的速度进入更多的国际市场,数字化是生死攸关的问题:您公司的网站需要反映国际用户的需求和偏好。

用户的期望值在不断提高,因此他们容易对网站产生挫败感和厌恶感的方式也越来越多。这也是用户体验设计服务近几年在 B2B 领域大受欢迎的原因之一,因为它们能提供专业帮助,揭示网站的用户体验问题。

在面向国际受众的网站上,语言是最常见也是最容易避免的用户体验问题之一。如果用户登陆您的网站,可能是因为他们对网站内容感兴趣,但却发现无法用自己的语言阅读,那么他们很可能会跳出网站。

尽管语言障碍只是潜在问题的开始。为了使网站能够有效地接触到不同国家背景的用户,遵循这些用户体验原则至关重要。

设计通用导航系统

为了解决首要问题--更改网站语言--用户需要能够轻松地在页面上找到一个神奇的地方(按钮、菜单......),让他们切换到自己的语言;这个地方被称为 全球网关.

全球网关引导用户访问特定的本地化网站。按照用户体验设计师的习惯,我们需要假定初始语言不是用户熟悉的语言;这让我们的工作变得更加棘手,因为现在需要以一种不需要任何书面命令的方式将用户引导到他们自己的语言

一般认为,设计导航系统的最佳方法是将搜索放在页面顶部或页脚;这是用户查找信息、功能和菜单项最常用的两个地方。

下面的例子来自 Airbnb 网站。他们在页脚左侧清楚地标明,用户可以更改语言--甚至不用写 "语言 "或任何其他口头命令。下拉菜单是一种通用的选择符号,只要用户能轻松打开它,并在列表中找到自己的语言,而无需滚动太远,那么他们在克服第一道语言用户体验障碍时可能不会遇到任何问题。

AirBnb 示例 1
资料来源

如果您的网站没有更改网站语言的选项,那么第一步就是实现这一功能。一个简单的方法是使用第三方应用程序或集成( 如Weglot),无论您是在哪个内容管理系统上建立网站。

放大您的全球信息

除了确保用户可以访问网站内容外,最重要的是在网站的所有多语言版本之间建立一致性

每个用户,无论在哪个网站上,都应获得同样流畅、直观的用户体验。由于用户体验的建立是一个复杂的过程,聘请一家用户体验设计公司来确保无缝的结果往往是最有效的途径。

我们还是以 Airbnb 为例,因为无论网站使用哪种语言,他们都能很好地保持自己的品牌。看看他们的英文网站和土耳其语网站的对比就知道了:

AirBnb 示例 土耳其语与英语 1
AirBnb 示例 土耳其语与英语 2
资料来源

网站设计上没有任何区别--颜色、排版和布局都保持不变。无论是土耳其语用户还是英语用户,都能获得同样简洁的粉色界面。

*需要注意的一点是,Airbnb并没有考虑将图片上的文字替换掉,不懂英语的用户可能会搞不清楚什么是 "Grime Scout",或者 "All Artists Here "究竟是在哪里举行。正如我们之前在博客中提到的,图片是一个重要的考虑因素。

使用全局模板,为本地化留有余地

一旦在网站上建立了统一的品牌形象,在网站中融入本地化元素实际上会非常有效地鼓励用户参与--用户会觉得他们的体验更加个性化。

除了改变文字内容的语言之外,还有其他方法可以实现网站本地化。尤其是在销售产品或服务时,加入针对特定地区/语言的图像优惠,是向潜在客户(或只是网站访问者)展示您活跃 在他们世界角落的一种手段,他们可能会从与您的互动中获得一些东西。

让我们回到 Airbnb 的例子。我们注意到图片没有本地化,而是以英文文字为主。这是一个非常容易解决的问题--网站管理者可以确保首页上的体验广告在地区上更接近土耳其,以满足土耳其语网站用户 的需求,尤其是 广告中使用的图片 已经重新制作,加入了土耳其语 文字。

网络字体兼容性

由于不同语言中的不同单词长度相差很大,因此在设计网页时,应始终牢记潜在的间距问题。

例如,"添加到购物车 "在英语中是 11 个字符,但在荷兰语中是 25 个字符,即 "Aan winkelwagen toevoegen",所占空间是英语的两倍。为了保持一致,您可能需要注意跨页面使用的字体大小和样式。请务必预览所有页面,选择目标语言的所有字母/脚本都能使用的字体,并确保您为文本(和标题!)选择的字体在所有语言中看起来都不错。

结论

设计全球网站是一项复杂的工作。语言不仅影响文字:它还影响文字所接触和引用的一切,以及网页中与文字互动的所有视觉元素。

设计一个多语种网站的第一步是注册一项服务,如 Weglot.

下一步是请用户体验设计公司确保每个页面都具有视觉吸引力,并且方便用户使用。之后,您可能还需要请专业翻译对您的多语言网站进行最后的检查--Weglot 也能帮您做到这一点

方向图标
探索 Weglot

 110,000 多个品牌都在用 Weglot 翻译自己的网站,赶紧加入吧!

用AI即时翻译你的网站,再通过人工编辑进行优化,几分钟内就能上线。

这篇文章里,我们会聊聊:
火箭图标

准备好开始了吗?

要了解Weglot 强大功能,最好的方式Weglot 亲自体验。免费试用,无需任何承诺。

要Weglot 强大功能Weglot 最好的方式Weglot 亲自体验。立即免费试用,无需任何承诺。

若您尚未准备好连接自己的网站,控制面板中已提供演示网站。

你可能也会喜欢这些文章

没有找到任何内容。
常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头