在11月11日这个日子的前后一段时间,当你发现如下症状之一:
❶
当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;
❸
当你最终等待在11号这天的凌晨12点用风一样的速度刷卡成功,并长吁一口气;
❹
当你认为一切都那么的简单、自然,不过是忠于自我的购物欲。
只能说你Too young,Too simple。你已经被一个神秘的组织所控制,并且对它的野心毫不知情。
购物真的有那么简单么?要知道,一次成功的网购背后,或许有20个负责引导你的按钮,有N个关键性的页面,有无数个视觉“诱惑”让你在0.2秒内做决定,以及用大数据监测出来的“你可能会喜欢”的选项,它们都隐匿在你看不见的地方,决定着这次成功的购物。也就是说,
你所有的心理,行为和最终的举动,都被预演过一次。
谁“预谋”着这一切?谁是这个神秘的组织?今天我们拉开幕布,看看这个叫阿里巴巴UED的组织。
选择背后
他们负责美化你所看到的一切
用户体验设计是最贴近用户的,它是消费者跟产品之间的最后一道工序。没有它,产品就无法见人。你会发现任何一家创业公司,哪怕只有几个人,都不能没有技术和设计。
UED,全称User Experience Design,即用户体验设计。目前在阿里巴巴集团,UED成员仅占庞大集团总员工的三十分之一,却掌管着互联网产品最重要的环节之一。这个群体由
交互设计师、
视觉设计师、
用户体验设计师组成。
通常来讲,
他们的任务就是:将复杂的产品逻辑、数据化,转化为用户可感知和操作的产品,与人产生互动。
简单说来,
既美化你目之所及的页面和视觉,又研究着你背后的消费习惯和心理动机。
如果阿里巴巴的产品比作一个女生,UED的工作就掌握着她的“门脸”,好像出门前化妆这道程序,缺少了这个环节,再好的产品也可能会遭遇惨不忍睹的命运。
这么讲好像还是有些遥远和空洞。那让我们看看几个案例,UED都究竟做了些什么。
案例1
如何打造全宇宙最大的狂欢
相信你很早以前,就已经被上面这条1分钟的广告刷屏了。
你会发现每一年,双11的宣传和推广都会升级更新得更强大,强大到你几乎认定:
这差不多是全宇宙最大的节日了吧!
不管你有没有关注它,那些由不同的品牌填充的猫头,你表示是看够了。
这个全宇宙的party,UED究竟负责什么呢?
Step 1.
/确定主题,制定品牌的视觉规范/
确定今年主题叫什么,设计标志和VI,并不是一拍脑门的事。
在双11开始之前的半年(待定),专门负责双11的项目组的
几十个UED设计师
便开始了紧锣密鼓的筹划工作。一个
由发散的光柱汇聚而成的猫头最终确定为2016年的logo,在“迸发精彩”这样的关键词下面,呈现出整体向上的律动和方向,成为今年的大趋势。
■
2016年天猫双11的品牌LOGO。
想到狂欢和节日,都和怎样的氛围联系起来?而视觉,又该怎么去表达这种难以言说的氛围?UED的成员们通过头脑风暴和用户调研,将那些所有与此相关的词语汇集于一处,并最终汇总成为这样一个主题:
All in One。所有的风格都汇聚为一处,你所有的热爱都在这里体现,你所有的选择都可以在这里找到。
Step 2.
/ 规划和指导整个app端、web端的所有创意和平面美术风格/
别以为敲定了All in one的主题就可以松一口气。后面的事情也越明晰、越具体。视觉的规范也跟着建立起来:全品牌、全平台、全球融合为一点,设计更“放肆”,突出年轻、大胆和多元化。因而撞色和微欧普的风格被锁定为进一步的风格。
■
品牌色彩规范:
确定了撞色、高饱和、色不过三、邻近渐变等原则。
■
高饱和度色彩的对撞,点阵纹理和搭配效果,营造出狂欢、节庆的气氛。
所谓的“微欧普”,是从
出现于20世纪的欧普艺术作品演化而来。通常借助线条、形状和颜色的周期组合或特殊排列,制造出一种视觉错觉。
设计师们发现,利用几何线条的交错并置,配合明亮的颜色,能带给用户兴奋和愉悦的视觉刺激。然而不能是过于强烈和生硬的刺激,还需要融合的愉悦的感官。UED团队最终借鉴欧普艺术和3D、透视等装饰效果,达成了这样的效果。
■
参考效果和视觉
Step 3.
/线上互动设计与推广/
无论是在手机端的互动游戏开发,还是微博、微信的营销推广,UED都是背后的谋划者和风格把握者。光是看到那些分阶段、源源不断露出的造势素材,就忍不住为背后的海量工作吸了一口气。下面就让我们来看看这浩如烟海的宣传准备中,那不到百分之一的成果:
哪些是真?哪些是假?天猫和洋葱日报合作的路透新闻,用有意思的讲述方式,把双11的信息明目张胆“植入”到了社会新闻中。
梳理了各国商品的网购爆款,整合了不同国家的文化和习惯,成立“环球研究所”,用插画的形式呈现给消费者。
有人的地方就有江湖,有江湖的地方就有高手。对于传说中的买手天团成员们,无论是音乐人、宠物达人,还是旅行者和创业人,用插画讲述他们平时怎么生活,怎么买买买的故事。
游戏与互动设计也层出不穷,力求让你黏在手机上停不下来。左边打造了一个3D的狂欢城,手指滚动就可以看到更为立体的商城环境。右边“寻找狂欢猫”则是一款流行的AR玩法的游戏,组织了4大城市进行事件营销,掀起一波捉猫狂潮。
国门之外实力越来越强的淘宝者也不放过,比如特意做了一系列走向海外的四个小人动图。
以及又贱又萌的天猫GIF表情。
Step 3 .
/线下园区装置,一起互动吧/
如何让神秘的、萌萌的猫头宣告新一轮的波普party即将开始?除了落地广告和满屏幕的攻势,UED的设计师们还在线下,阿里巴巴园区中捣鼓出一些萌翻天的装置,做足了与人互动的部分,打造嘉年华的感觉。
新的科技VR、AR也同时使用起来。设计师们还设计了一件互动
T恤,
可以让胸前的图案活过来。
打开手机天猫,将摄像头对准小伙伴的胸口(的图案),就可以在屏幕上看到图案跳动了起来。感觉玩得已经停不下来!
总之,以上种种,不过是整个项目的一角,如果想要讲完,可能还需要三篇文章。
案例2
打造一个造物节
双11之外,还有许多可以例举的项目,以证明阿里巴巴UED设计师们的神功。比如上半年的淘宝造物节,同样是非常精彩的例子。
造物节一个以年轻人创造力为风向标,引领、分享当代青年创造思维的狂欢活动。一开始确定logo和视觉的时候,UED们就开始启动提问模式:造物,
创造,会让人想到什么?以下是部分设计师们放纵脑洞的结果:
■
由造物一词大开脑洞想到的其它关联。
由此而延伸出的灵感是,把TAO拆分,不再指淘宝,而是代言着科技、艺术与创造几部分的创造力,并最终组成了塔尖状的、有固定性和仪式感的三角logo图形。
不想只是传统的让用户买买买,而是想用会讲故事的,仪式感强的新内容吸引创造力爆棚的年轻人们,怎么用设计去完成这样的使命呢?
UED达人们又开始找出这样的方法:
会讲故事=构造一个造物世界。
例如,建造了十个有故事的造物空间,并且将风格统一,绘制有立体感效果的空间和物件,填充这些不同的故事。
■
绘图的设计师分享的绘制过程与逻辑。
■
最终他们画出了这样风格的物件。并基由这些空间和元素,造出了一座2.5D之城。
而以上种种,不过是平面和视觉范畴里的一部分工作,更大的工作量其实是:如何让用户玩起来?
UED们把这个项目定位于“以娱乐为己任,把造物精神都穿插到了游戏环节中“。
确定了关键点之后,
另一部分的设计师们开始了关在小黑屋里玩游戏的体验工作
(听起来好像很美好,实际上一边玩一边总结规律、挖掘特质,很容易烧脑的)。
连续加班并在各种游戏中过关斩将之后,终于确定了一个听起来非常复杂的结论:
我们要做一个“
动作类游戏+养成/经营游戏+排行榜组成的互动”。
紧接着,开始确定了游戏的界面视觉,不同环节中的颜色配置,以及标题、字号等大事小节。开始规划软装的时候,除了一层一层的整合信息,还需要考虑到用户的在几屏之后会放弃。对应的要求也越来越高。
我们翻到了设计师们理清结构的脉络图,尽管看不太懂,但是从感觉和声势上来说一定非常厉害。反正最终就建成了这样一座城的效果。
更厉害的是,这座造物节还会对应线下的导航系统,指引用户抵达真正的商店中。而线下的沟通和设置又将是另一个一千零一夜的故事……由于太过复杂,我们在这里不再一一描述了。
与我们想象中不同,大部分的时间,UED的设计师们所做的工作不仅仅是狭义的“设计”,而是从产品定位、规划、用户习惯研究,体验到落地,这整个过程中需要强大的抗压能力和科学的工作方法,如同打怪兽一般,去解决遇到的所有问题。
案例3
试着用色彩去购物
如果说上面的例子都是庞然大物般的存在,那么这个有关色彩的项目就是UED里的小清新。在这个案例中,将更多展示UED设计们的工作方式和思维过程。
色彩购,最初是由3个设计师去发起的项目。他们提出疑问:除了常规的如货架般地购物,还有基于
地图的购物方式,有基于节气的购物方式,所以能不能有一种关于色彩的购物方式?一个想法总是最简单的引子,接下来,他们开始去论证关于色彩购物存在的必要性。
而这个漫长而详尽的调查过程不亚于写一篇毕业论文。