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

管理员账号

2016-12-14

小编说:以互联网及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的时候,当我看到这幅插画在华尔道夫的路演中作为马总演讲的背景板、路演的封面、以及阿里巴巴官方网站的首页时,作为其中的参与者,总是有点小自豪,想到整个的过程,还是记忆犹新。

读者评论

相关博文

  • 社区使用反馈专区

    陈晓猛 2016-10-04

    尊敬的博文视点用户您好: 欢迎您访问本站,您在本站点访问过程中遇到任何问题,均可以在本页留言,我们会根据您的意见和建议,对网站进行不断的优化和改进,给您带来更好的访问体验! 同时,您被采纳的意见和建议,管理员也会赠送您相应的积分...

    陈晓猛 2016-10-04
    5533 742 3 7
  • 迎战“双12”!《Unity3D实战核心技术详解》独家预售开启!

    陈晓猛 2016-12-05

    时隔一周,让大家时刻挂念的《Unity3D实战核心技术详解》终于开放预售啦! 这本书不仅满足了很多年轻人的学习欲望,并且与实际开发相结合,能够解决工作中真实遇到的问题。预售期间优惠多多,实在不容错过! Unity 3D实战核心技术详解 ...

    陈晓猛 2016-12-05
    3342 36 0 1
  • czk 2017-07-29
    6047 28 0 1