三年国际产品设计启示 -MessageCenter

MessageCenter@2013-2015

前言

MessageCenter是Alibaba.com卖家处理买家跨境采购的询价沟通的关键场景. 2013开始我们接手由用户调研开始了解用户深入优化, 以达到商业实现跨境贸易线上化.

核心页面, 中西文化的偏见

溯因推理, 问题本质, 发现洞见, 正确设计.

一) 了解过去

图2. 2012年版本-列表

2012(Before), 是基于邮件系统的心智提供设计方案.

图3. 2012年版本-详细

2012(Before), 是基于邮件系统的心智提供设计方案.

二) 中西文化冲突, 快速迭代

图4. 2013 版本-列表

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

我们引进了很多西方的设计趋势到这次升级改版, 西方买家都很喜欢. 但是...

图5. 2013 版本-详情

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

三) 过渡设计, 心智预建

图6. 2014 版本-列表

2014, 是一个很短暂的过度版本, 目的是对后面的大版本改动提供平滑过度, 提前培育用户在线订单的心智预期.

图7. 2014 版本-详情

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

四 ) 心智迁移, 互利共赢

图8. 2015 版本-列表

第三个大版的迭代, 最终我们也接轨到国际设计的趋势, 减少视觉扞扰, 去掉了许多线, 利用留白, 卡片, 弱化非关键信息视觉层级, 突出用户关心的关键信息.

图9. 2015 版本-详情

在线订单进一步扁平化到详情页中, 进入用户在线订单的习惯中, 随后在线订单的相关产生也正向上升.

总结

中西化文化是存在差异, 但是并不代表所有问题都能归因到文化中. 回归到用户的打开这个系统的目的, 溯因推理把数据厚度丰富才可看到问题的本质, 发现洞见, 正确设计.

来源：UI中国

关键字：产品经理, 产品设计

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！