雙11期間,阿里巴巴UED的設計師都在做什么?

編者按:雙11 忍不住剁手的沖動?因為你所有的購物喜好,心理,行為和最終的選擇,都被一個神秘組織認真研究過。今天我們拉開幕布,看看這個叫阿里巴巴UED的頂尖設計團隊。

在11月11日這個日子的前后一段時間,當你發現如下癥狀之一:

當你被機場、地鐵、公交站牌和網頁里頻繁出現的雙11提醒,感覺重要的時刻就要來臨;當你心跳加速,不管什么都先放到購物車里再說;當你最終等待在11號這天的凌晨用風一樣的速度支付成功,并長吁一口氣;當你認為一切都那么的簡單、自然、純粹,不過是一場輕松的購物。只能說你Too young,Too simple。你的一舉一動已經被一個神秘的組織所引導,它讓你下單時夠快、夠準、夠狠,并且你毫不知情。·

購物真的有那么簡單么?要知道,一次成功的網購背后,或許有20個負責引導你的按鈕,有N個關鍵性的頁面,有無數個視覺“誘惑”讓你在0.2秒內做決定,以及用人工智能分析大數據推薦出來的“你會喜歡”的選項,它們都隱匿在你看不見的地方,決定著這次成功的購物。也就是說,你所有的購物喜好,心理,行為和最終的選擇,都被認真研究過。

誰“規劃”著這一切?誰是這個神秘的組織?今天我們拉開幕布,看看這個叫阿里巴巴UED的組織。

選擇背后丨他們負責美化你所看到的一切

“用戶體驗設計是最貼近用戶的,它是消費者跟產品之間的最后一道工序。沒有它,產品就無法見人。你會發現任何一家創業公司,哪怕只有幾個人,都不能沒有技術和設計。”

雙11期間,阿里巴巴UED的設計師都在做什么?

UED,全稱User Experience Design,即用戶體驗設計。目前在阿里巴巴集團,UED成員僅占龐大集團總員工的三十分之一,卻掌管著互聯網產品最重要的環節之一。這個群體由交互設計師、視覺設計師、用戶研究組成。通常來講,他們的任務就是:將復雜的產品邏輯、數據化,轉化為用戶可感知和操作的產品,與人產生互動。

如果阿里巴巴的產品比作一個女生,UED的工作就掌握著她的“門臉”。多了出門前化妝這道程序,會讓你對迎面而來的這個人頓生好感。同時又利用大數據洞察著消費者的心理,要穿哪件衣服,做什么選擇,或許比你更了解自己。簡單說來,既美化你目之所及的頁面和視覺,又研究著你背后的消費習慣和心理動機。

這么講好像還是有些遙遠和空洞。那讓我們看看幾個案例,UED都究竟做了些什么。

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

雙11期間,阿里巴巴UED的設計師都在做什么?

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

相信你很早以前,就已經被上面這條1分鐘的廣告刷屏了。你會發現每一年,雙11的宣傳和推廣都會升級更新得更強大,那些由不同的品牌填充的貓頭,簡直無處不在。

這個全宇宙的Party,UED究竟負責什么呢?

Step 1.?確定主題,制定品牌的視覺規范

確定今年主題叫什么,設計標志和VI,并不是一拍腦門的事。從8月份開始,專門負責雙11的項目組的幾十個UED設計師便開始了緊鑼密鼓的籌劃工作。一個由發散的光柱匯聚而成的貓頭最終確定為2016年的logo,在“迸發精彩”這樣的關鍵詞下面,呈現出整體向上的律動和方向,成為今年的大趨勢。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 2016年天貓雙11的品牌LOGO。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

想到狂歡和節日,都和怎樣的氛圍聯系起來?而視覺,又該怎么去表達這種難以言說的氛圍?UED的成員們通過頭腦風暴和用戶調研,將今年的主題 All in One 做了完美的詮釋:每一個人都有精彩的點,每一個人都是精彩的點,我們在雙11聚合在一起,迸發出更加精彩的世界。你所有的熱愛都在這里體現,你所有的選擇都可以在這里找到。UED透過設計,帶領消費者發現精彩與無限感動。

Step 2.?規劃和指導整個App端、Web端的所有創意和平面美術風格

敲定了All in one的主題之后的事情也越明晰、越具體。視覺的規范也跟著建立起來:全品牌、全平臺、全球融合為一點,設計更“放肆”,突出年輕、大膽和多元化。設計師們研究了大半部色彩藝術史,最終決定用撞色和微歐普的風格來承載這次的主要視覺。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 品牌色彩規范:確定了撞色、高飽和、色不過三、鄰近漸變等原則。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 高飽和度色彩的對撞,點陣紋理和搭配效果,營造出狂歡、節慶的氣氛。

所謂的“微歐普”,是從出現于20世紀的歐普藝術作品演化而來。通常借助線條、形狀和顏色的周期組合或特殊排列,制造出一種視覺錯覺。設計師們發現,利用幾何線條的交錯并置,配合明亮的顏色,能帶給用戶興奮和愉悅的視覺刺激。然而不能是過于強烈和生硬的刺激,還需要融合的愉悅的感官。UED團隊最終借鑒歐普藝術和3D、透視等裝飾效果,達成了這樣的效果。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么? 雙11期間,阿里巴巴UED的設計師都在做什么? 雙11期間,阿里巴巴UED的設計師都在做什么?

△ 參考效果和視覺

Step 3.?線上互動設計與推廣

無論是在手機端的互動游戲開發,還是微博、微信的營銷推廣,UED都是背后的謀劃者和風格把握者。光是看到那些分階段、源源不斷露出的造勢素材,就忍不住為背后的海量工作吸了一口氣。下面就讓我們來看看這浩如煙海的宣傳準備中,那不到百分之一的成果

雙11期間,阿里巴巴UED的設計師都在做什么? 雙11期間,阿里巴巴UED的設計師都在做什么?

 

雙11期間,阿里巴巴UED的設計師都在做什么?

打破之前去年用大量真人圖片PS的視覺后期處理的效果,而采用現在比較流行的歐美簡約鉛筆淡彩的插畫風格,線條更加單純,色彩也更少。盡量用最少的視覺語言表達出最豐富的信息。藝術感更強,弱化傳統促銷廣告那種故有表現形式。讓受眾打開廣告的一霎那先被畫面吸引住,再把信息預埋在里面。這樣的畫面可以說就算下載下來也值得收藏做桌面。

雙11期間,阿里巴巴UED的設計師都在做什么?

游戲與互動設計也層出不窮,力求讓你黏在手機上停不下來。左邊打造了一個3D的狂歡城,手指滾動就可以看到更為立體的商城環境。右邊“尋找狂歡貓”則是一款流行的AR玩法的游戲,組織了4大城市進行事件營銷,掀起一波捉貓狂潮。

雙11期間,阿里巴巴UED的設計師都在做什么?

國門之外實力越來越強的剁手者也不放過,比如特意做了一系列走向海外的四個小人動圖。

以及又賤又萌的天貓GIF表情。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

 

雙11期間,阿里巴巴UED的設計師都在做什么?

Step 3 .?線下園區裝置,一起互動吧

如何讓神秘的、萌萌的貓頭宣告新一輪的歐普Party即將開始?除了落地廣告和滿屏幕的攻勢,UED的設計師們還在線下阿里巴巴園區中搗鼓出一些萌翻天的裝置,做足了與人互動的部分,打造嘉年華的感覺。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

新的科技VR、AR也同時使用起來。設計師們還設計了一件互動T恤,可以讓胸前的圖案活過來。打開天貓手機APP,將攝像頭對準小伙伴的胸口(的圖案),就可以在屏幕上看到圖案跳動了起來。感覺玩得已經停不下來!

雙11期間,阿里巴巴UED的設計師都在做什么?

總之,以上種種,不過是整個項目的一角,如果想要講完,可能還需要三篇文章。

案例2 ?打造一個造物節

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11之外,還有許多可以例舉的項目,以證明阿里巴巴UED設計師們的神功。比如上半年的淘寶造物節,同樣是非常精彩的例子。

造物節一個以年輕人創造力為風向標,引領、分享當代青年創造思維的狂歡活動。一開始確定logo和視覺的時候,UED們就開始啟動提問模式:造物,創造,會讓人想到什么?以下是部分設計師們放縱腦洞的結果:

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 由造物一詞大開腦洞想到的其它關聯。

雙11期間,阿里巴巴UED的設計師都在做什么?

由此而延伸出的靈感是,把TAO拆分,不再指淘寶,而是代言著科技、藝術與創造幾部分的創造力,并最終組成了塔尖狀的、有固定性和儀式感的三角logo圖形。

雙11期間,阿里巴巴UED的設計師都在做什么?

不想只是傳統的讓用戶買買買,而是想用會講故事的,儀式感強的新內容吸引創造力爆棚的年輕人們,怎么用設計去完成這樣的使命呢?

UED達人們又開始找出這樣的方法:會講故事=構造一個造物世界。例如,建造了十個有故事的造物空間,并且將風格統一,繪制有立體感效果的空間和物件,填充這些不同的故事。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 繪圖的設計師分享的繪制過程與邏輯。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 最終他們畫出了這樣風格的物件。并基由這些空間和元素,造出了一座2.5D之城。

而以上種種,不過是平面和視覺范疇里的一部分工作,更大的工作量其實是:如何讓用戶玩起來?UED們把這個項目定位于“以娛樂為己任,把造物精神都穿插到了游戲環節中”。確定了關鍵點之后,另一部分的設計師們開始了關在小黑屋里玩游戲的體驗工作(聽起來好像很美好,實際上一邊玩一邊總結規律、挖掘特質,很容易燒腦的)。

連續加班并在各種游戲中過關斬將之后,終于確定了一個聽起來非常復雜的結論:我們要做一個“動作類游戲+養成/經營游戲+排行榜組成的互動”。

雙11期間,阿里巴巴UED的設計師都在做什么?

緊接著,開始確定了游戲的界面視覺,不同環節中的顏色配置,以及標題、字號等大事小節。開始規劃軟裝的時候,除了一層一層的整合信息,還需要考慮到用戶的在幾屏之后會放棄,也就是用戶研究的工作,對應的工作難度也越來越高。

雙11期間,阿里巴巴UED的設計師都在做什么?

我們翻到了設計師們理清結構的脈絡圖,盡管看不太懂,但是從感覺和聲勢上來說一定非常厲害。反正最終就建成了這樣一座城的效果。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

更厲害的是,這座造物節還會對應線下的導航系統,指引用戶抵達真正的商店中。而線下的溝通和設置又將是另一個一千零一夜的故事……由于太過復雜,我們在這里不再一一描述了。

與我們想象中不同,大部分的時間,UED的設計師們所做的工作不僅僅是狹義的“設計”,而是從產品定位、規劃、用戶習慣研究、用戶體驗,直到落地,這整個過程中需要強大的抗壓能力和科學的工作方法,如同打怪獸一般,去解決遇到的所有問題。

案例3丨試著用色彩去購物

雙11期間,阿里巴巴UED的設計師都在做什么?

如果說上面的例子都是龐然大物般的存在,那么這個有關色彩的項目就是UED里的小清新。在這個案例中,將更多展示UED設計們的工作方式和思維過程。

色彩購,最初是由3個設計師去發起的項目。他們提出疑問:除了常規的如貨架般地購物,有基于地圖的購物方式,還有基于節氣的購物方式,所以能不能有一種關于色彩的購物方式?一個想法總是最簡單的引子,接下來,他們開始去論證關于色彩購物存在的必要性。

而這個漫長而詳盡的調查過程不亞于寫一篇畢業論文。調查初期,三個人分別從三個角度去觀測自己感興趣的色彩。于是就有了以下這些關于日本的服飾色彩研究,理科生眼中斑斕的細胞色彩研究,以及藝術愛好者關于油畫中的色彩,和藝術裝置中的光譜色彩研究。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 日本和服的色彩與搭配

雙11期間,阿里巴巴UED的設計師都在做什么?

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

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 油畫中的色彩與藝術裝置的光譜。

就像讀研一樣,課題開始之前,他們甚至先給自己列了一份書單:要看一堆關于地域性的色彩文化、色彩搭配案例、色彩心理學種類的書籍。

雙11期間,阿里巴巴UED的設計師都在做什么?

給自己的生活定制了短期的目標:比如,去看同期生的研究課題,看自己的想法是否足夠“先進”,能否落地;以及,嘗試著培養一項簡單的習慣來磨礪自己,堅持每天聽古典音樂也在其中。(這不是設計師,完全是總統候選人的前期準備……);與越來越多的人分享和交流,使得關于色彩的想法更加成熟。

他們也從商業系統、電影、文化等各種領域中找到支撐點。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 基于顏色分類的商品銷售模式。
雙11期間,阿里巴巴UED的設計師都在做什么?

△ 電影中的場景和配色,會達到一種令人印象深刻、獨特的視覺效果。

他們還設想,如果是365天中,每天分享一種顏色,是否能夠成立?于是他們挖掘出了生活中諸如苔之綠、露草色等無數種顏色。

雙11期間,阿里巴巴UED的設計師都在做什么?

并用自己的相機和鏡頭,記錄周遭的一切顏色。事無巨細地發現、歸類生活中的色彩,制作對應的色卡色號。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

手上功夫也到位,用棚拍+手作的方法,打造首頁的專題圖:

雙11期間,阿里巴巴UED的設計師都在做什么?

不斷實驗、實驗。邀請欣賞的設計師們,一起在無數種顏色中一起再實驗。

雙11期間,阿里巴巴UED的設計師都在做什么?

把一種簡單的色彩,解讀出豐富的信息成為常態。以上只是展示了前期和準備的過程,僅僅是這個項目的分析和總結,他們就寫了將近100多頁的文件。然而這些還不夠,累計到最后,否定之中再肯定,拉繩收尾,將系統化的思維,串聯出整個產品的運營和開發。

最后,他們打造出一種年輕的、貌美的顏色購物方式。主打女性群體,還可以收集用戶的色彩偏好,定制屬于自己的色彩頁面。

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

一個色彩購的設計師這樣寫在最后:達成以上任務,絕不只是領一份設計工資這樣簡單。它需要專業的覺悟和驅動力,需要堅持,需要邏輯和系統化的思維才可能實現。

除了設計,他們野心很大,企圖打造一個生態圈。

“阿里UED做這些事并不是為了眼前,或者一家企業暫時的利益。我們是平臺和服務商,所以天性中就是利他的。大家都好我們才可能好。角色讓我們更看重整個生態圈的繁榮,我們有更大的野心和抱負。”

—— 阿里巴巴集團UED委員會委員長青云

一所設計師的黃埔軍校

除了設計和研究用戶這樣的本職工作,阿里UED還做了很多“不該做的事”。在阿里巴巴園區里建了一所UED大學,野心將它打造為中國設計師的“黃埔軍校”。主要面向阿里集團內部的設計師,讓各個部門平時見不著面的設計們相互“勾搭”,時時都有頭腦風暴的機會。另一方面也方便讓行業內最頂尖的大咖們擔任導師,更方便地進行培訓。“大家學到新的知識,再服務于這個平臺,形成良性循環后產業雪球自然越滾越大”。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 阿里巴巴集團UED大學

Yes,UCAN!

好像每個干大事的團隊的前身都是從一些“非法”小型聚會開始,比如蘋果的車庫。阿里巴巴UED團隊的共享精神則可以回到2006年,內部自發組織了一個小型團體“碳酸飲料會”,(或許叫“單身漢設計師茶話會”更貼切)。有的設計師下班后不想回家,索性三五成群地一起關在“小房間”里(備注:開著燈),就著幾罐碳酸飲料,互相討論設計,碰撞靈感。

僅限于集團內部的分享會格局太小,獲得的經驗和資訊也難免局限。實際上,阿里巴巴的平臺中吸納了成千上萬的商家、設計服務公司和開放平臺的創業者,他們共同構成整個阿里巴巴的設計生態圈。索性,阿里UED做起了溝通內外的UCAN 大會。每年春天“UCAN”用戶體驗設計論壇如期報到,每一次都是巨型的設計生態的對話。

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 2015年UCAN大會

雙11期間,阿里巴巴UED的設計師都在做什么?

雙11期間,阿里巴巴UED的設計師都在做什么?

△ 2016年UCAN大會將“設計賦能商業”作為主題。

延續分享精神的出版物

雙11期間,阿里巴巴UED的設計師都在做什么?

作為分享精神的延續,接下來,阿里UED還打算出一本關于“趨勢”的出版物。他們是互聯網最有經驗的“老司機”,他們想跟合作者、生態圈,以及對手們談談之前的經驗和案例。為什么?因為設計無秘密。讓整個設計行業變得更有創造力,最好的方法之一就是溝通和共享。同樣,他們打算用很大篇幅去談論“趨勢”。因為對未來和用戶的預測,一直是UED的核心工作之一。

“我是一個有夢想的設計師,我的夢想就是讓中國設計師更有錢。”阿里巴巴集團UED委員會委員長青云說,“為什么中國的設計沒有日本強,不如美國好?為什么中國很少出現牛逼的設計大師?在國內互聯網強勢發展的大環境下,我覺得阿里巴巴的平臺和資源可以成就更長遠的理想,幫助中國設計變成世界設計,讓好的設計,創造好的商業價值。”

這群設計師們,究竟長什么樣?

阿里巴巴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號:不會。設計師能開好淘寶店鋪就不是設計師了。

「雙11 往期設計過程回顧」

Banner 設計丨《揭秘雙十一!那些上億人都在看的BANNER都是怎么設計出來的?》

天貓品牌丨《全民剁手“ALL IN ONE”——2016天貓雙11背后的品牌故事》

電商《這里有一套雙11的組合拳,你要不要學?》

歡迎關注阿里巴巴UED 的微信公眾號:

雙11期間,阿里巴巴UED的設計師都在做什么?

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 29
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。