【DDC译文】跨文化界面设计

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

你可以先看看我的个人英文网站:「http://www.stefanomalachi.co.uk/」。我本以为它的访问者应该都来自英语国家,但事实证明,也有不少来自非英语国家如中国,俄罗斯,荷兰和印度尼西亚的人。

对我而言,英语只是我的第三语言。作为一名三语使用者,这是一个不小的挑战。因为毫无疑问,我有时会将这三种语言混在一起使用。不过,从语言角度来看,这也同时为我提供了一些优势:可以跨文化设计用户界面。

迄今为止,我去过 30 个国家,亲眼见过不少品牌已经从设计层面实现了本地化。比如优衣库,作为一个不错的日常服装品牌,其网站实际上就提供了地道的用户体验,让我们先来看看下面这些图。

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

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

  • 「人们喜欢『热闹』」。他们喜欢在购物时看到许多人头和许多待售的产品。但对于西方人来说,产品和促销太多,可能会让人不堪重负。」
  • —— 来自一篇描述中式用户体验的文章「https://www.campaignasia.com/article/how-to-design-user-experience-for-chinese-sensibilities/393266」

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

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

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

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

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

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

东方用户偏好

星巴克日本网站的全局导航栏使用了垂直排版

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

西方用户偏好

星巴克英国网站的全局导航栏使用了水平排版

2. 翻译时的注意事项

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

英语等西方语言有着从左往右的读写习惯。而对于日语,中文和韩语,在正式语境下的使用习惯则是从上至下「译者注:这是较旧的一种观点,东亚语族现已多转为从左往右的使用习惯」。而希伯来语是从右到左来读写。

「左对齐」

西方排版方式

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

「右对齐」

中东地区排版方式

卡塔尔航空的卡塔尔网站使用了右对齐排版,因为希伯来语 / 阿拉伯语是从右到左的读写习惯

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

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

「品牌的因地制宜」

一致的排版和设计规范,不同的图文风格

三星在其 GALAXY S8 的宣传上,各国网站用了一致的 UI 组件,并为本地化做了一点调整

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

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

「普适的人类表情」

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

总之,我们生活在一个全球化的社会。这对于 UI / UX 设计来说非常重要,因为我们总是面临着挑战:不仅要了解自己的文化,还要了解其他文化。基于《Global UX: Design and Research in a Connected World》此书,UI / UX 设计不仅要考虑用户的特征,还要考虑技术或业务环境,以及任务、交互的本质。使你的思维全球化,并不意味着你需要放弃本来的身份和文化。

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

CROSS CULTURAL INTERFACE DESIGNMEDIUM.

译文地址:点融设计中心DDC

作者:STEFANO MALACHI

译者:Viow

(0)

相关推荐

  • 为什么界面设计大多喜欢用蓝色?

    毋庸置疑,蓝色是界面设计中最重要的,也是使用最频繁的.扫一眼的手机上的App图标,你发现它们中的大部分都是蓝色的:知乎.支付宝.饿了么.12306--(Z Yuhan:原文是Facebook.Twit ...

  • VR界面设计实践指南

    小编:@C7210 VR硬件设备正爆发式发展,做为UI设计师在此领域的跟进也需时时,以下这篇是关于VR界面设计的实践指南,希望对你有帮助. 一篇VR实践指导文章.Smashing Magazine好久 ...

  • 如何在界面设计中使用留白

    留白是一个活跃的元素,而不是被动的背景.它是界面设计中最宝贵的资源,页面上的留白,虽然经常被忽视,但它跟UI元素所占用的空间一样重要. 01 .认识留白 在介绍如何使用留白提升用户体验之前,我们需要先 ...

  • TaskBuilder界面设计支持哪几种布局?

    操作方法 01 顺序布局:组件按从左至右.从上到下的顺序显示: 02 表格布局:类似Excel,组件都放在单元格内,可以合并单元格: 03 HTML布局:以可编辑的HTML内容的形式进行界面设计,也可 ...

  • 38 个界面设计技巧

    快来学习下这些界面设计的技巧吧! 原作者:翻译@刘哇勇   来源:http://goodui.org xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!Q ...

  • 在移动界面设计中应用费茨法则

    在人机交互理论中,费茨法则是非常基本的准则.无论是桌面界面设计还是笔记本的界面设计,都要遵循这一定则,对于日益复杂的移动设备来说,这一法则是否依然适用?我们一起来探索一下. 首先,来了解一下什么是费茨 ...

  • 111个酷帅狂拽屌的Loading进度条界面设计

    [好东西当然是要大家一起分享哟~~~]第一次和大家分享,简直激动的~~内牛满面~~所以说话有点不太正常,还请大家勿怪~~ 今天和大家分享的是"111个酷帅狂拽屌的Loading进度条界面设计 ...

  • UI界面设计要注意哪些问题(必看)

    本文来自<认知与设计><下一站用户体验><别让我想><Web界面设计><在你身边为你设计><Information Architect ...

  • 界面设计中的那些版式-图版篇

    小编话:界面美不美,除了构图之外,另一个重要手段的就是如何处理留白,也可以理解成版率.留白就是为了凸显层次.突出内容.当然除了留白还有什么方法让界面高大上和达到一定的视觉效果呢?让我们跟着作者@王铎( ...