给马云的一幅画——阿里国际站用户体验设计案例精选

简介: 以互联网及IT产品为主打的中国产品,走向全球市场的步伐越来越紧迫。本文选自《国际用户体验设计 : 阿里国际站用户体验设计案例精粹》,看国内第一支数年专攻全球化用户经验设计的资深团队——阿里巴巴UED,如何以商业案例的形式,向国内同行分享跨国设计理念及宝贵经验。

  2014年6月的一个清晨,我照例打开邮箱查看邮件,其中一封邮件引起了我的注意,是国际UED的设计总监傅利民先生发来的。傅先生长期驻扎在阿里美国,如果没有紧急的事情,一般不会单独发送邮件给我们。
邮件的内容是关于阿里巴巴本次IPO需要使用到的官方网站Banner的。
 “咦,这个不是已经定稿了吗?”我心里想着,几个月前我和团队里的另外一名同事尹哲提交了官方网站Banner的设计方案,可是我们努力做了几周的方案没有通过,最终选择了美国团队的方案,当时那种沮丧的心情现在都还历历在目。难道这件事情有变?邮件里没有多讲,只是讲明了要和AliExpress的一位同事高令飞合作,后续会再和我们电话沟通。
中午和AE的同事约好了见面,一起和傅利民先生远程进行了电话会议,原来事情的缘由是这样的:上次的方案敲定之后,已经全线完成了,但是在交由马总审核的时候被否决了,马总认为:“作为一家中国的上市公司,之前的风格没有任何中国特色,而且没有展现出阿里未来的方向,在IPO这件事情上,任何事情都希望做到极致,尤其是上市那天会有无数人浏览阿里巴巴的网页,所以这个方案需要重新设计。”而美国团队已数次尝试着修改,都无法达到要求,因此这件事情又交由我们中国设计师来做。
 “Paul(傅利民先生英文名),目前的要求是什么?您能多提供给我们一点信息么?”我问道。像这种无法直接沟通的项目,每一点信息对我们都极其重要。
 “首先要展现出阿里巴巴目前所有的业务,我们希望是用手绘的方式表达,哦,还有,马总说过,阿里巴巴是一家娱乐型的公司。”
  我在纸上记下几个关键字——手绘,娱乐。
 “那时间呢?能给我们多少时间?”
 “上市的时间还不确定呢,大概还有两周吧。”
  电话会议很快就结束了,高令飞看着我,问道:“接下来呢?”
 “先手绘草稿吧,目前还是没办法把握住方向,多画几稿,看看高层的反应。”
我们很快就输出了几幅草稿,因为之前都是由美国团队介入,所以我们还是会先把草稿发送给美国的团队,由美国团队和香港团队沟通,然后反馈给我们。由于地跨三地,还有时差的问题,效率简直差极了,有时候我们白天的时间都一直在等待邮件反馈而无法动手,所以我和令飞决定——开启美国时间模式,每天凌晨和美国团队沟通,得到反馈,这样白天我们就可以动手了。
  没过多久我们就积累了几十张草稿,平均每一天都会有几个方案产出。根据之前的关键词,我们把阿里巴巴比作一个能够给人带来欢乐的游乐场,大家通过带有阿里巴巴字样牌匾的徽派建筑大门,进入到阿里巴巴这个充满阳光和欢乐的地方,我们把每一项业务都比作一个游乐场的设施,共同组成了一幅画。
图片描述
  我们把方案发送给了香港的融资部门,很快就得到了回复:


Hello guys!
We presented the initial drafts to Jack(马云) and Joe(蔡崇信) and they are really happy with the drafts.
They want to go with this concept: 阿里巴巴像一个游乐场,给人们带来幸福。
Great job guys! We have some comments on the design for the next draft.


  邮件里显示我们的方案已经获得了高层的认可,可以继续了,更重要的是通过密切的电话沟通,我们在合作中和多个团队建立了彼此间的信任,而这点也是非常重要的。我们现在可以直接和香港团队沟通,不再需要美国团队这个中间把控环节。看上去似乎是很不错的进展,可是事实上这才刚刚开始。
  我们开始微调画面的每一个元素,1版、2版、3版、4版⋯⋯构图时,因为一直缺少串联所有元素的设定,这么多元素在画面上呈现松散,一直无法达到最好看的构图效果。另外我们目前还只是构图,色彩运用的方式我们完全没有考虑。
当遇到这样的瓶颈时,我认为最主要的原因还是信息不足,我们需要更多的信息。这时候,信息就是画面的元素,我们要和需求方直接沟通!
 马总?蔡崇信?武卫(CFO)?IPO阶段每个人都忙得满天飞,根本联系不到他们。我们能找到的最接近他们的就是Cecilia——一个非常可爱的香港女孩,她是武卫的助手,武卫让她来负责这件事情。另一个好消息是:我们的团队又增加了一名新的成员——谢易慧,她是一个非常擅长水彩画的女孩,有了她的帮助,我们两个人可以全身心地投入到创意和构图当中去了。
  Cecilia每次都会非常负责地标注出老大的意见,里面的每一件物品都有着自己的含义,代表着阿里巴巴的业务重点和方向,位置体量都根据这些来进行安排。
  通过Cecilia,我们了解到了一个非常重要的细节,也是阿里巴巴的整个大策略——生态圈。整个集团围绕支付宝所建立的生态圈系统,这个概念一直处于保密的阶段。
  可不可以用支付宝的Logo串联阿里巴巴的所有服务?
  有了这个思路,一切瞬间变得豁然开朗。我们把画面分成了左右两个部分——国内与国际,这两部分分别代表着阿里巴巴的国内和国际业务,而支付宝成为了串联两者的一条路。在这条路上,有代表阿里巴巴国际业务的Alibaba.com、AliExpress以及菜鸟物流。整个画面中的元素因为这条路变得符合逻辑且井然有序。
  这时候色彩部分也有了重要进展。考虑到运用中国元素表达公司风格,我们以水墨展现的方案也获得了允许。这时离最终IPO的倒计时只有3天,整个项目进入了最后的冲刺阶段。
  因为在我们完成构图及色彩方案后,高管对于画面给予了非常高的评价,希望不仅仅用于集团网站,更能用作全球重大的路演背景,因此画面的尺寸变得非常巨大,这使我们的工作量有一些增加,特别是在着色部分。
着色远比我们我们想象中的还要复杂,之前给出的方案只是部分上色,所以还好控制,但是现在这么多的元素都上色之后,我们感觉非常糟糕,总觉得整个画面厚重得无法呼吸。另外这幅画谢易慧和我已经连续修改了十几个小时,反复且高强度的工作让我们陷入麻木,导致我们完全无法判断出怎样才是好的。
 “哇,好漂亮,不过前面这个地球的颜色是不是太深了呢?”站在身后看到我们这幅画面的安婴说道。
真的是一下被点醒。地球在画面的前部,而且体量大,用明度这么低的色彩,使得整个画面都透不过气来,这样修改了一下后,一切变得豁然开朗。接下来我们核对了画面的每一处细节,每一个细节都需要最后的完善,包括里面人物的头发颜色。
最后冲刺的过程中,我们每完成一点修改就会和香港总部确认,不落下每一处的细节。Cecilia、谢易慧、高令飞和我,每个人都在期待着最终完成的消息。
  8月25日20:46 ,Cecilia给我们发来了一封短信:“可以完成了!!!!!!”,短信充斥着激动之情。
  此时,我们已经不知道说什么好,这一串叹号有完成的激动,也有感叹过程的不易。
图片描述
图片描述
  在IPO的时候,当我看到这幅插画在华尔道夫的路演中作为马总演讲的背景板、路演的封面、以及阿里巴巴官方网站的首页时,作为其中的参与者,总是有点小自豪,想到整个的过程,还是记忆犹新。

  本文选自《国际用户体验设计 : 阿里国际站用户体验设计案例精粹》。
                 图片描述
  想及时获得更多精彩文章,可在微信中搜索“博文视点”或者扫描下方二维码并关注。
                     图片描述

相关文章
|
4月前
|
人工智能 编解码 自然语言处理
美图与站酷联合举办美图创造力大会,共同探索“未来AI设计”
12月5-6日,主题为“未来AI设计”的美图创造力大会(MCC)在厦门举行。
|
监控 DataWorks 前端开发
第十六届 D2 的第一波话题新鲜出炉啦~干货满满,不容错过!
上上个周末,有 7 位前端大佬们放弃了宝贵的休息时间,以评委的身份从白天专注到黑夜,只为给本届 D2 挑选出最优质的话题。 评委们不仅给出了前端方面的专业见解,还都秉承着一个最基本却也最核心的原则——必须能给 D2 的听众带去收益,而这,也是 D2 十几年如一日都在坚持的事情。 经过两天的精心挑选,我们激动地向大家宣布:首批 12 个话题诞生啦!我们按照专场来看看都有哪些吧~
522 0
第十六届 D2 的第一波话题新鲜出炉啦~干货满满,不容错过!
|
城市大脑 云栖大会 云计算
这届云栖大会最吸引我的地方
历届云栖大会,都会给我们带来,最前沿、最新探索、最具想象力的技术、这也是我一直关注云栖大会的原因、相信这也是云栖大会所存在的魅力。
252 0
这届云栖大会最吸引我的地方
|
新零售 安全 OLAP
QCon演讲,新鲜速递 | 淘宝用户增长探索与实践秘籍
流量红利逐渐消失的近几年,用户增长话题变得非常热门,淘宝在用户增长方向上做了一些探索和实践,技术上还有非常大的场景值得挑战,本文是阿里巴巴高级技术专家——意海,在2019QCon上海的分享,让我们一起交流增长的核心背景、核心体系,希望能为大家带来一些增长技术体系的思考。
QCon演讲,新鲜速递 | 淘宝用户增长探索与实践秘籍
|
人工智能
今晚直播预告:“创客天下·杭向未来”(美国站)海选第一期
本次美国站海选(第一期)由良仓加速器、纽约来易加速器共同呈现,邀请多位重量级嘉宾和优秀项目,整合各类创新创业要素,旨在为海外项目搭建对接交流的平台。
|
大数据
免费下载 | 1分钟出票5万张!阿里文娱B端技术如何炼成?
60秒售出5万张票的抢票技术如何构建?电影垂直行业的云智开放平台如何炼成?百万座席的世界赛事票务系统如何支撑?......这本书告诉你阿里文娱技术人眼中《文娱B端核心技术》!
12260 0
免费下载 | 1分钟出票5万张!阿里文娱B端技术如何炼成?
|
机器人
阿里云创峰会聊城站高峰对话一:品牌明星的创业故事与启示
在8月23日举行的阿里云创峰会聊城站上,紫勋智能科技(北京)有限公司创始人袁麒、韩都衣舍电商集团韩都严选总裁许志松展开了一场关于电商和新零售的高峰对话,分享了他们创业路上的故事和经验,本场对话由著名主持人马丁主持展开。
|
异构计算 开发者 编解码
精华来了(含PPT) | 淘系技术嘉年华-杭州站
2019年8月3日,「淘系技术嘉年华-杭州站」移动端的技术创新和实践,在阿里巴巴西溪园区举办,38 度的高温也挡不住大家对技术的热情,170 位开发者齐聚,进行了一次面对面的技术交流。线上直播在线观看达 38000 余人次。
8832 0
精华来了(含PPT) | 淘系技术嘉年华-杭州站
|
物联网 开发者
盘点:2019阿里云峰会上海站 - 阿里小程序云展区有哪些亮点?(附赠开放式论坛嘉宾PPT)
7月25日,在上海世博中心的阿里云峰会上海站,阿里巴巴小程序繁星计划以展区加开放式论坛形式,与各领域开发者、企业和生态合作伙伴充分交流了小程序一云多端的规划和进展,以及阿里系各端APP向小程序开放的资源和能力。
12324 0