微信热点

阿里巴巴UED的设计团队究竟为双11贡献了什么?

0
登录或者登记去做吧。

在11月11日这个日子的前后一段时间,当你发现如下症状之一:


当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然、纯粹,不过是一场轻松的购物。只能说你Too young,Too simple。你的一举一动已经被一个神秘的组织所引导,它让你下单时够快、够准、够狠,并且你毫不知情。·


购物真的有那么简单么?要知道,一次成功的网购背后,或许有20个负责引导你的按钮,有N个关键性的页面,有无数个视觉“诱惑”让你在0.2秒内做决定,以及用人工智能分析大数据推荐出来的“你会喜欢”的选项,它们都隐匿在你看不见的地方,决定着这次成功的购物。也就是说,你所有的购物喜好,心理,行为和最终的选择,都被认真研究过。


谁“规划”着这一切?谁是这个神秘的组织?今天我们拉开幕布,看看这个叫阿里巴巴UED的组织。


选择背后丨他们负责美化你所看到的一切


“用户体验设计是最贴近用户的,它是消费者跟产品之间的最后一道工序。没有它,产品就无法见人。你会发现任何一家创业公司,哪怕只有几个人,都不能没有技术和设计。”

UED,全称User Experience Design,即用户体验设计。目前在阿里巴巴集团,UED成员仅占庞大集团总员工的三十分之一,却掌管着互联网产品最重要的环节之一。这个群体由交互设计师、视觉设计师、用户研究组成。通常来讲,他们的任务就是:将复杂的产品逻辑、数据化,转化为用户可感知和操作的产品,与人产生互动。


如果阿里巴巴的产品比作一个女生,UED的工作就掌握着她的“门脸”。多了出门前化妆这道程序,会让你对迎面而来的这个人顿生好感。同时又利用大数据洞察着消费者的心理,要穿哪件衣服,做什么选择,或许比你更了解自己。简单说来,既美化你目之所及的页面和视觉,又研究着你背后的消费习惯和心理动机。


这么讲好像还是有些遥远和空洞。那让我们看看几个案例,UED都究竟做了些什么。


案例1  如何打造全宇宙最大的狂欢

播放地址:https://v.qq.com/x/page/u0337k6ki41.html?ptag=qqbrowser


相信你很早以前,就已经被上面这条1分钟的广告刷屏了。你会发现每一年,双11的宣传和推广都会升级更新得更强大,那些由不同的品牌填充的猫头,简直无处不在。


这个全宇宙的Party,UED究竟负责什么呢?


Step 1. 确定主题,制定品牌的视觉规范

确定今年主题叫什么,设计标志和VI,并不是一拍脑门的事。从8月份开始,专门负责双11的项目组的几十个UED设计师便开始了紧锣密鼓的筹划工作。一个由发散的光柱汇聚而成的猫头最终确定为2016年的logo,在“迸发精彩”这样的关键词下面,呈现出整体向上的律动和方向,成为今年的大趋势。

△ 2016年天猫双11的品牌LOGO。


想到狂欢和节日,都和怎样的氛围联系起来?而视觉,又该怎么去表达这种难以言说的氛围?UED的成员们通过头脑风暴和用户调研,将今年的主题 All in One 做了完美的诠释:每一个人都有精彩的点,每一个人都是精彩的点,我们在双11聚合在一起,迸发出更加精彩的世界。你所有的热爱都在这里体现,你所有的选择都可以在这里找到。UED透过设计,带领消费者发现精彩与无限感动。


Step 2. 规划和指导整个App端、Web端的所有创意和平面美术风格

敲定了All in one的主题之后的事情也越明晰、越具体。视觉的规范也跟着建立起来:全品牌、全平台、全球融合为一点,设计更“放肆”,突出年轻、大胆和多元化。设计师们研究了大半部色彩艺术史,最终决定用撞色和微欧普的风格来承载这次的主要视觉。

△ 品牌色彩规范:确定了撞色、高饱和、色不过三、邻近渐变等原则。


△ 高饱和度色彩的对撞,点阵纹理和搭配效果,营造出狂欢、节庆的气氛。


所谓的“微欧普”,是从出现于20世纪的欧普艺术作品演化而来。通常借助线条、形状和颜色的周期组合或特殊排列,制造出一种视觉错觉。设计师们发现,利用几何线条的交错并置,配合明亮的颜色,能带给用户兴奋和愉悦的视觉刺激。然而不能是过于强烈和生硬的刺激,还需要融合的愉悦的感官。UED团队最终借鉴欧普艺术和3D、透视等装饰效果,达成了这样的效果。

△ 参考效果和视觉


Step 3. 线上互动设计与推广

无论是在手机端的互动游戏开发,还是微博、微信的营销推广,UED都是背后的谋划者和风格把握者。光是看到那些分阶段、源源不断露出的造势素材,就忍不住为背后的海量工作吸了一口气。下面就让我们来看看这浩如烟海的宣传准备中,那不到百分之一的成果

 

打破之前去年用大量真人图片PS的视觉后期处理的效果,而采用现在比较流行的欧美简约铅笔淡彩的插画风格,线条更加单纯,色彩也更少。尽量用最少的视觉语言表达出最丰富的信息。艺术感更强,弱化传统促销广告那种故有表现形式。让受众打开广告的一霎那先被画面吸引住,再把信息预埋在里面。这样的画面可以说就算下载下来也值得收藏做桌面。

游戏与互动设计也层出不穷,力求让你黏在手机上停不下来。左边打造了一个3D的狂欢城,手指滚动就可以看到更为立体的商城环境。右边“寻找狂欢猫”则是一款流行的AR玩法的游戏,组织了4大城市进行事件营销,掀起一波捉猫狂潮。

国门之外实力越来越强的剁手者也不放过,比如特意做了一系列走向海外的四个小人动图。


以及又贱又萌的天猫GIF表情。

 


Step 3 . 线下园区装置,一起互动吧

如何让神秘的、萌萌的猫头宣告新一轮的欧普Party即将开始?除了落地广告和满屏幕的攻势,UED的设计师们还在线下阿里巴巴园区中捣鼓出一些萌翻天的装置,做足了与人互动的部分,打造嘉年华的感觉。

新的科技VR、AR也同时使用起来。设计师们还设计了一件互动T恤,可以让胸前的图案活过来。打开天猫手机APP,将摄像头对准小伙伴的胸口(的图案),就可以在屏幕上看到图案跳动了起来。感觉玩得已经停不下来!

总之,以上种种,不过是整个项目的一角,如果想要讲完,可能还需要三篇文章。


案例2  打造一个造物节

双11之外,还有许多可以例举的项目,以证明阿里巴巴UED设计师们的神功。比如上半年的淘宝造物节,同样是非常精彩的例子。


造物节一个以年轻人创造力为风向标,引领、分享当代青年创造思维的狂欢活动。一开始确定logo和视觉的时候,UED们就开始启动提问模式:造物,创造,会让人想到什么?以下是部分设计师们放纵脑洞的结果:

△ 由造物一词大开脑洞想到的其它关联。


由此而延伸出的灵感是,把TAO拆分,不再指淘宝,而是代言着科技、艺术与创造几部分的创造力,并最终组成了塔尖状的、有固定性和仪式感的三角logo图形。


不想只是传统的让用户买买买,而是想用会讲故事的,仪式感强的新内容吸引创造力爆棚的年轻人们,怎么用设计去完成这样的使命呢?


UED达人们又开始找出这样的方法:会讲故事=构造一个造物世界。例如,建造了十个有故事的造物空间,并且将风格统一,绘制有立体感效果的空间和物件,填充这些不同的故事。

△ 绘图的设计师分享的绘制过程与逻辑。


△ 最终他们画出了这样风格的物件。并基由这些空间和元素,造出了一座2.5D之城。


而以上种种,不过是平面和视觉范畴里的一部分工作,更大的工作量其实是:如何让用户玩起来?UED们把这个项目定位于“以娱乐为己任,把造物精神都穿插到了游戏环节中”。确定了关键点之后,另一部分的设计师们开始了关在小黑屋里玩游戏的体验工作(听起来好像很美好,实际上一边玩一边总结规律、挖掘特质,很容易烧脑的)。


连续加班并在各种游戏中过关斩将之后,终于确定了一个听起来非常复杂的结论:我们要做一个“动作类游戏+养成/经营游戏+排行榜组成的互动”。

紧接着,开始确定了游戏的界面视觉,不同环节中的颜色配置,以及标题、字号等大事小节。开始规划软装的时候,除了一层一层的整合信息,还需要考虑到用户的在几屏之后会放弃,也就是用户研究的工作,对应的工作难度也越来越高。


我们翻到了设计师们理清结构的脉络图,尽管看不太懂,但是从感觉和声势上来说一定非常厉害。反正最终就建成了这样一座城的效果。


更厉害的是,这座造物节还会对应线下的导航系统,指引用户抵达真正的商店中。而线下的沟通和设置又将是另一个一千零一夜的故事……由于太过复杂,我们在这里不再一一描述了。

与我们想象中不同,大部分的时间,UED的设计师们所做的工作不仅仅是狭义的“设计”,而是从产品定位、规划、用户习惯研究、用户体验,直到落地,这整个过程中需要强大的抗压能力和科学的工作方法,如同打怪兽一般,去解决遇到的所有问题。


案例3丨试着用色彩去购物

如果说上面的例子都是庞然大物般的存在,那么这个有关色彩的项目就是UED里的小清新。在这个案例中,将更多展示UED设计们的工作方式和思维过程。


色彩购,最初是由3个设计师去发起的项目。他们提出疑问:除了常规的如货架般地购物,有基于地图的购物方式,还有基于节气的购物方式,所以能不能有一种关于色彩的购物方式?一个想法总是最简单的引子,接下来,他们开始去论证关于色彩购物存在的必要性。

而这个漫长而详尽的调查过程不亚于写一篇毕业论文。调查初期,三个人分别从三个角度去观测自己感兴趣的色彩。于是就有了以下这些关于日本的服饰色彩研究,理科生眼中斑斓的细胞色彩研究,以及艺术爱好者关于油画中的色彩,和艺术装置中的光谱色彩研究。

△ 日本和服的色彩与搭配


△ 理科生眼中的色彩故事。


△ 油画中的色彩与艺术装置的光谱。


就像读研一样,课题开始之前,他们甚至先给自己列了一份书单:要看一堆关于地域性的色彩文化、色彩搭配案例、色彩心理学种类的书籍。

给自己的生活定制了短期的目标:比如,去看同期生的研究课题,看自己的想法是否足够“先进”,能否落地;以及,尝试着培养一项简单的习惯来磨砺自己,坚持每天听古典音乐也在其中。(这不是设计师,完全是总统候选人的前期准备……);与越来越多的人分享和交流,使得关于色彩的想法更加成熟。


他们也从商业系统、电影、文化等各种领域中找到支撑点。

△ 基于颜色分类的商品销售模式。


△ 电影中的场景和配色,会达到一种令人印象深刻、独特的视觉效果。


他们还设想,如果是365天中,每天分享一种颜色,是否能够成立?于是他们挖掘出了生活中诸如苔之绿、露草色等无数种颜色。

并用自己的相机和镜头,记录周遭的一切颜色。事无巨细地发现、归类生活中的色彩,制作对应的色卡色号。


手上功夫也到位,用棚拍+手作的方法,打造首页的专题图:


不断实验、实验。邀请欣赏的设计师们,一起在无数种颜色中一起再实验。

把一种简单的色彩,解读出丰富的信息成为常态。以上只是展示了前期和准备的过程,仅仅是这个项目的分析和总结,他们就写了将近100多页的文件。然而这些还不够,累计到最后,否定之中再肯定,拉绳收尾,将系统化的思维,串联出整个产品的运营和开发。


最后,他们打造出一种年轻的、貌美的颜色购物方式。主打女性群体,还可以收集用户的色彩偏好,定制属于自己的色彩页面。

一个色彩购的设计师这样写在最后:达成以上任务,绝不只是领一份设计工资这样简单。它需要专业的觉悟和驱动力,需要坚持,需要逻辑和系统化的思维才可能实现。


除了设计,他们野心很大,企图打造一个生态圈。

这群设计师们,究竟长什么样?


阿里巴巴UED下面的设计师大概有1200多位。这样一个由设计师组成的团队和一般的团队有什么不同?高颜值?高品位?完美主义强迫症?千人千面,要用一句话概括基本很难。在他们的微信公众号里这样写道:“这里有国际音乐家、有舞者、游戏玩家、摄影师以及各个领域的爱好者。”所以,这是一个非常跨界的组织。


为了搞清楚他们每天的工作是怎样的,我们特意找了几十位设计师聊了聊。最后,摘录了一些在这里。


在阿里,工作的一天是怎样的?

设计师1号:赖床思考>收邮件>收邮件>会议>会议>设计师讨论>收邮件>电脑前啪啪啪。

设计师2号:在忙忙碌碌中、昏昏噩噩中、脑洞大开中度过。

设计师3号 :做设计+撕需求+PK沟通+开会开会开会+熬夜做设计+看数据分析数据+总结沉淀+挖痛点挖需求挖优化点+做设计,循环往复……

设计师4号 :20%时间发现和思考,20%时间开会和沟通,60%处理事情。


阿里设计师牛B在哪儿?

设计师1号:做得比说得多。

设计师2号:不做设计也不会饿死。

设计师3号 :比视觉更懂交互,比产品更懂设计,比一般的交互……更懂产品逻辑。

设计师4号 :天生的同理心,很强的洞察力,有自己的判断力,高水准的审美。这几点是我的个人特质但也恰好是交互设计师所需要的。


接下来一年的设计趋势,可以做一些大胆预测吗?

设计师1号:Computational design,智能化设计。

设计师2号:交互上信息展示越来越前置,更浅的层级设计,视觉上更加注重场景融入感。

设计师3号:VR、AR会让大家蠢蠢欲动,但能否长久依赖于它能创造多少实际价值。

设计师4号:设计师会越来越多,设计师的价格会下降。

设计师5号:设计趋势根本不重要。


做为阿里的UED设计师,最大的成就感是什么?

设计师1号:我觉得阿里这种体量的公司,里面的设计师最珍贵的绝对是经验。不论你能力有大小,这种产品,只有你做过。

设计师2号:能够将自己的想法实现并让成千上万人从中受益,用户看不见我,但他们能通我的设计感受到我的存在。

设计师3号 :享受解决问题的过程,期待上线的过程。

设计师4号:能从产品直接作用到用户的层面发挥作用,帮助技术和商业合理有效地落地。需要想象力和极大的创造热情,成就感来自于它的特殊性和前沿性。

什么样的设计才能让生活更美好呢?

设计师1号:“不设计”的设计。总体上来说,设计师带来的麻烦比美好还多。

设计师2号:发现问题再去解决问题,而不是创造需求的设计。

设计师3号:出自于能把生活活得很美好的人之手的设计。

设计师4号:看上去觉得好,但又不知道哪里好;用着更好用,但又不知道是哪里好用。


如果你认为存在“设计毒药”会让产品销量惨淡,它是什么?

设计师1号:设计毒药哈哈哈!!!就是站酷的素材,千万不能用。

设计师2号:彩虹式设计。颜色多、过度多、融合多、碰撞少的设计。

设计师3号:相似式设计。字号、字体、颜色、排版等各个元素不一样但又差不多。

设计师4号:听每个人的建议,老老实实按照他们说的去做,最终出来的东西都挺惨淡的

设计师5号:字多!字多!字多!什么都要往上放,什么都要突出!!

设计师6号:对于界面设计来说,语义不明最可怕,忘记哪里看到的话:一堆整齐的硬币和完全散乱的硬币都很美,一堆试图整理而没整理好的硬币是很糟糕的。

设计师7号:所谓的销量惨淡是:惨淡的品牌+惨淡的BOSS+惨淡的创意+惨淡的执行人员+惨淡的视觉,环环相扣缺一不可。


说了那么多,能不能开好一家淘宝店?

设计师1号:不能……

设计师2号:不会,开好一家店需要的不是仅仅店铺设计和运营,还有很多制胜必要因素,比如产品质量、渠道。

设计师3号:答案是NO,研究的越多,感觉越难。当然了,梦想总是要有的,万一实现了呢!

设计师4号:并不能,就像好的铸剑师不一定是超群的剑客。

设计师5号:不会。设计师能开好淘宝店铺就不是设计师了。

本文来自:优设网

原文地址:http://www.uisdc.com/alibaba-designer-in-double-11

我 爱 PPT


我爱PPT(iloveppt)专注PPT20年,关注PPT的一切。


欢迎加P君微信rayshen07125进行交流!

阿里自研UED计件平台技术解析
如何培养交互设计思维?