三年国际产品设计启示：你是高见还是偏见？

2017-04-29 17:08:00

由于中西文化的偏见，应溯因推理，问题本质，发现洞见，正确设计。

MessageCenter是Alibaba.com卖家（中国）处理买家跨境采购的关键场景，买家（国外）也会使用同一套设计进行沟通，所以这是一个跨文化国际产品。@MessageCenter 2013-2015

由问题开始：

你是不是做都在关注Behance，Pinest的设计趋势? 竞品分析少不了Google，Facebook这些西方巨头? 西方设计趋势都是对的?
如果你的产品要同时乎合中国用户与外国用户，你觉得你会有什么坑吗？国际产品有什么差异？哪些是差异，哪些可能是偏见？
如果不是偏见，什么是高见？高见应该如何产生？

一、前期了解，定性分析，定量访谈

邮件心智到线上贸易

线上化一个传统贸易流程是一场大型的商业迭代战略，也是一次大型的用户心智培养. 我们第一步的尝试是融入项目跟综的附加价值，帮助用户进一步有效处理外贸订单。视觉传达上也进行了一次升级，提供一个合适时代的感知。

图1. 2012年版本-列表

2013，由用户调研开始，走访深圳，杭州等，中国外贸集中的中小企用户，深入用户。2012(Before)，是基于邮件系统的心智提供设计方案。

图2. 2012年版本-详细

竞品系统也多是基于邮件系统，因此详细页也是趋近邮件的操作模式。

二、设计偏见，快速修正

年少无知，把偏见当高见的开始

第二阶段是竞品分析与产出，当时我们和其他设计师一样，Behance，Pinest，Google，Facebook……都是我们主要的学习对象。我们很理所当然的认定，老的版本很丑，是WindowsXP时代的，是90年代的设计. 作为一个年青有为，充满理想的设计师，我们应该为中国用户引向世界设计潮流的尖端，更国际范的美感。

图3. 2013 版本-列表

西方审美，偏见觉醒

对比之下，我们的设计的确很美，更多的留白空间，更舒务的字体大小，视觉层级分明，关键信息突出。在扁平化的大时代背景下，我们引进了很多西方设计趋势和审美标准到这次升级改版，西方买家都很喜欢，甚至主动跑到平台上点赞设计有多好，但是……

图4. 2013 版本-详情

重新定义问题，快速修正

我们最大的发现的不是中西方文化差异，而是重度用户与轻度用户的差异. 我们引用了很多Google和Facebook等交互和简约视觉趋势，但是我们忘了中国用户每天的处理的工作量可能大于60条，更多的留白空间和更大的字体不是阅读的舒畅，而是效率的下降。还好是小量内测，灰度上线，我们及时优化了用户的快速反馈。

三、心智构建，潜移默化

薄数据，是偏见；厚数据，是洞见

到了第三阶段，日子一天天的过去，中间无数次的快速迭代，说的是以年计算的成长。当初年少无知的我们已经在错折中失败过，反省过，重新学习过。除了过去的定性定量来源，薄数据(ThinData)。我们还在用户深度访谈，行为设计学，行业深度，有所长足。更多的背景知识和信息的输入，为我们沉淀成厚数据(ThickData)。

要”深度”访问用户是有前题门槛的，我们近的由中国国际贸易及WTO，美元环流到，中国制造业，学习背景数据；远至罗马与西汉，西班牙海洋贸易，英国殖民贸易，金本位，美元债券，OPEC美元，国际清算，能翻的都持续学习补充背景数据。

要”深度”迁移用户习惯也是有前题知识的，我们由当初以为美感就能说服用户的薄数据。进而补充了大量心理学，行为设计学的知识到方案中。”假设-实践-验证”迭代各种能走出实验室和不可走出实验室的厚数据。

设计不再是提供单纯的美术的方案，我们还有策略层的产出。

图6. 2014 版本-列表

心智植入，行为设计学

研究表示，在原有的习惯上，附加一些小习惯是最容易促成习惯的建立，心智改变的. 要由单纯的邮件心智发展至线上贸易，并不是一两天能发生的事情。 2014，是一个很短暂的过度版本，目的是对后面的大版本改动提供平滑过度，提前培育用户在线订单的心智预期。

图7. 2014 版本-详情

订单相关的功能，组件和信息加入了版中，提前培育了用户的习惯迁移。

四、心智迁移，互利共赢

图8. 2015 版本-列表

被深度驯化的国际设计

第四阶段，第三大版的迭代，最终我们也接轨到国际设计的趋势，减少视觉扞扰，去掉了许多线，利用留白，卡片，弱化非关键信息视觉层级，突出用户关心的关键信息。在乎合中国的重度用户需求同时，我们也提供了乎合客观设计趋势的美术附加值给用户。用户也没有像当年第一次内测的不满，我们也不再是当年妄碰的少年，尊重用户”深入”用户并没有想像中的简单走流程。洞见也不是拍脑子出突然出现的空洞想法。用户在努力驯化你的同时，你是否有觉醒过你的偏见，你是否有细心进去听，深度思考过，也思考过深度的边界。