多语言版网站建设的界面应本土化设计

Author: Chris Song

由于用户来自世界各地且用户习惯和文化均有差异,一个多语言版本的品牌集团企业网站建设需要考虑跨文化界面设计方面的体验,尽可能做到网页界面设计本土化。 


 


通常作为网站建设者,其实都知道这个现象,为一个企业建设一个官网,如项目需要多语言版本,通常都是直译设计界面上的文字成对应语言,需要空间面积拓展的地方稍加修改即可。例如中文翻译成英文太长,菜单导航处就需要单独设计样式,但风格依然是一致的。真正要做到跨文化设计、多语言版本下根据不同国家地区的用户文化和习惯不同而界面本地化定制设计的话,一方面是这样给建站者带来的技术挑战以及工作量是倍增的,另一方面建站服务费用也会因此倍增更多,顾客也会做适当妥协。即便如此,在全球互联网领域,仍然有很多知名品牌能够做到从设计层面实现了本地化。


案例一


优衣库,作为一个不错的日常服装品牌,其网站实际上就提供了地道的用户体验,让我们先来看看下面这些图。



从上面这些图中,我们可以看到在东西方市场下不同的跨文化界面设计。


优衣库日本和中国的网站出于吸引用户的目的,都使用了有些「热闹」的排版布局,展示了大量的文本信息和促销。对比而言,英国的优衣库网站则更干净简约。


「人们喜欢『热闹』」,他们喜欢在购物时看到许多人头和许多待售的产品。但对于西方人来说,产品和促销太多,可能会让人不堪重负。」


案例二


Speedo


本人有幸在Speedo中华区唯一代理港资公司Symphony集团呆过,公司代理的国际品牌除了speedo,还有pony,berghaus等国际知名品牌。当时speedo,pony,berghaus等中国区的官网就由我们公司制作的。说起speedo,但是一个logo使用文件[英文版]说明书就有上百页注意事项,对品牌的统一性和拓展延伸设计有极高严谨的要求,即便如此,官网设计依然需要去做跨文化,本地化设计,因为英国总部知道,展开中国市场,需要根据中国人的喜好和文化来定制设计,包括服装、网站建设等等。


这是speedo英文官网


这是speedo中文官网  


Berghaus官网


那么问题来了,作为一名 UI / UX 设计师,应该怎样设计跨文化界面?


1、设计「全局导航栏」时,多花点心思


全局导航的位置非常重要。为了提供出色的用户体验,品牌应当针对不同的国家或地区,在 UI / UX 设计上对全局导航做本地化处理。


基于董建明的一篇《中国人的人机界面设计》研究,东西方的用户界面已经具有显著的文化认知差异。其探索了应该怎样对全局导航进行排版,来提升阅览体验,降低出错率,以及获得最大的用户满意度。


东方用户更喜欢垂直排版的全局导航栏。但是西方用户或者选用英文界面的中国人,相比垂直排版布局更喜欢水平排版。


「全局导航栏」垂直排版界面

东方用户偏好,星巴克日本网站的全局导航栏使用了垂直排版。


「全局导航栏」水平排版界面

西方用户偏好,星巴克英国网站的全局导航栏使用了水平排版。


2、翻译时的注意事项


在跨文化用户界面里,语言翻译的重要程度可想而知。不仅是因为某些语言翻译后的文本会显得比原文更长,因而我们需要预留更多段落空间;还要考虑被翻译语言的书写方向。


英语等西方语言有着从左往右的读写习惯。而对于日语,中文和韩语,在正式语境下的使用习惯则是从上至下。


「译者注:这是较旧的一种观点,东亚语族现已多转为从左往右的使用习惯」,而希伯来语是从右到左来读写。


「左对齐」,西方排版方式,卡塔尔航空的英国网站使用了左对齐排版,因为西方语言是从左往右的读写习惯。


「右对齐」,中东地区排版方式,卡塔尔航空的卡塔尔网站使用了右对齐排版,因为希伯来语 / 阿拉伯语是从右到左的读写习惯。


3、时刻遵守品牌的设计规范


每个品牌都有一套其强烈建议遵循的 UI 设计规范,如果你希望你的品牌表现出足够的国际范儿,那么在各个国家地区进行本地化设计时,保持好品牌的一致性依然很重要。但在设计时,若能根据各个国家地区的认知差异进行些许本地化处理,说不定就可收获出众效果。


「品牌的因地制宜」


一致的排版和设计规范,不同的图文风格。三星在其 Galaxy S8 的宣传上,各国网站用了一致的 UI 组件,并为本地化做了一点调整。


4、采用人像照片来表达情感绝对保险


人类的基本情感和面部表情,如快乐、优雅、恐惧、愤怒。它们具有普适性,无论其受众的文化背景如何,每个人都能理解它们。


「普适的人类表情」


蒂芙尼网站使用了 Lady Gaga 的优雅姿态和表情,来体现奢侈感和其不惧时光的珠宝品牌概念。


小结

-


总之,我们生活在一个全球化的社会。这对于 UI / UX 设计来说非常重要,因为我们总是面临着挑战:不仅要了解自己的文化,还要了解其他文化。


当你开始为异乡文化做考虑,或设计跨文化的界面时,你将与人们建立深层次的情感联系。

相关阅读