2018淘寶造物節設計背後：如何“造”極簡會場體驗？
淘寶造物節2018——奇市西湖通過線 上線下聯合打造新 青年的造物運動，喚醒時代造物精神，鼓勵原創、草根崛起和文化復興，讓世界看到中國青年的創造⼒。本次線上會場聯合線下展館共同打造造物節體系，是 設計師與商業營銷的深度結合 ，設計成為平衡商業目標和使用者體驗的載體。設計師用創意“造”極簡會場體驗，為商業價值賦能，在設計中我們面臨哪些挑戰？從何入手？快來了解一下！
會場設計需要考量哪些因素
今年是第3屆造物節，線上會場在不斷地進化和演變，從2016年簡單的特色店鋪展示、到2017年特色店鋪和特色內容共同打造造物品牌， 今年的造物節會場需要更豐富地詮釋淘寶特色生態，品牌和效益要兼顧 。這些進化需要設計給出相對最優的解決方案。會場設計需要考量的因素主要有兩個方面。
01 使用者訴求
會場設計主要為商家和消費者進行服務。買賣雙方對會場的呈現有各自的訴求，設計師既要提升消費者的前臺會場體驗，也要扶持特色商家更好的展示自己的內容、商品、品牌。
商家的訴求
淘寶的特色店鋪量是巨大的，其中最具代表力和創造力的店鋪參加造物節的活動當中，每一個商家憑藉造物節活動更好地 宣導品牌調性、創意理念、特色商品和優質內容 ，以達到店鋪增粉、提升曝光、促進轉化成交。這些內容需要設計在會場中更適合、更高效的展現。
消費者的行為
消費者對於內容消費的接受度在逐漸提升，操作卻越來越“懶”。在個性化演算法基礎上，消費者進入會場後的主要行為是“逛”， 相對於集合專輯更傾向內容、商品本身 。消費者需要一個 更高效、更簡單的會場 為他們傳達造物氛圍、探尋造物豐富性的集合地。
02 商業訴求
商業訴求是產品的方向與目標。 今年造物節會場的主要訴求是短視訊的播放量和大盤成交增長率。 設計需要以商業訴求為思考起點，為商業價值賦能，輔助其商業目標的達成，同時設計還需均衡使用者的良好體驗。
人格化豎版短視訊的傳播與覆蓋
短視訊在2017年各大平臺爆發，電商與短視訊的聯合有其天然的優勢。 相比傳統的圖文，短視訊不僅同樣具有輕量化的特點，而且資訊量大、表現力強、直觀性好，相比直播更符合當下使用者的碎片化時間和靈活性。 淘寶特色品牌傳播以短視訊為媒介，特色店鋪、特色商品、互動答題、買家秀等視訊型別需要在會場中更充分的體現，並設計適合會場的瀏覽和觀看體驗。
賦能商家提升成交的訴求
在2017年造物節會場主要目標是使用者參與度，在促進商家成交上略顯不足，深度瞭解商家的本質訴求，提升特色商家的曝光率、漲粉數、成交轉化率，對特色商家進行扶持，對各行業商家的賦能價值最大化是設計需要考量的重要因素。
線上線下打通升級
造物節是聯合線下共同打造造物節體系的活動。線上與線下的打通是必不可少的一環。線下可以通過二維碼的方式便捷地進入線上店鋪。線上通過技術創新、設計手段為使用者帶來身臨其境逛街的使用者體感，將整個造物節現場正在發生的精彩內容傳遞給線上使用者。
三個挑戰
01 會場模式既要品牌，也要賣貨
會場模式一般有兩種，一種是以大促營銷為主，比如天貓雙11會場，突出促銷賣貨氛圍和行業會場的分流；一種是以品牌營銷為主的，比如2017年造物節會場，突出造物品牌和內容逛性；以往會場模式未兼顧情懷和賣貨，今年在設計上需要有創新性嘗試。
02 會場效率既要分流，也要逛起來
主會場效率的提升有助於提升瀏覽轉化率。主會場是流量矩陣中心，將流量分發到分會場、內容（包含店鋪、商品、圖文等）。在主會場中，分會場的分流訴求越多就會佔用越多的流量與空間，這在一定程度上會降低逛性。 分流與逛性在設計上需要平衡。
03 會場內容承載力要更強
內容是商業目標承接的母體。內容是會場構建元素的基礎，且與商業目標息息相關，並有所側重。2017年造物節共有5種內容，核心重點是圖文、店鋪和直播， 今年造物節內容共有8種，核心重點是短視訊、店鋪和單品 。模組設計需要容納更多內容型別，達到一致性瀏覽體驗。
設計怎麼做
通過對使用者訴求、商業訴求、新挑戰以及設計價值的思考，尋找設計機會點，並確定設計目標與策略。
01 設計整體目標：打“造”極簡會場體驗
設計為商業目標服務，從設計視角考慮商業、使用者、技術探尋解決方案，是設計價值的衡量指標。 今年造物節的設計整體目標是打“造”極簡會場體驗。
產品級會場體驗打造
顛覆傳統會場體驗，產品架構、頁面資訊、 使用者操作、鏈路互通方式上簡化會場的操作， 打造更為簡單、流暢的產品級會場體驗 。
分流效率提升
會場的每個時間段的展示內容和分流去向有節奏，分流模組進行多點分流，在內容模組、切換鏈路、導航等提升分流效率，並引導⽤使用者瀏覽和點選。
線上線下打通升級
線上線下打通為⽤戶帶來更加⽴體的造物體感。設計將揭幕動畫、街景地圖、直播、短視訊、互動融合，為使用者呈現更為⽴體的身臨其境的線下體感。引導⽤戶對線下呈現內容的消費，並引導使用者進店，為店鋪賦能。
02 設計策略
設計為商業目標服務，從設計視角考慮商業、使用者、技術探尋解決方案，是設計價值的衡量指標。 今年造物節的設計整體目標是打“造”極簡會場體驗。
將設計分析所得的機會點，結合使用者訴求和商業訴求提出設計目標，將設計目標轉換成解決方案後整理提出設計策略。設計策略運用設計手段解決問題的方法，是設計的核心。
更加極致的打“造”極簡會場體驗
在設計前期的一週，設計快速產出了多個版本的設計稿，一類是想給使用者大屏內容的即視感，但效率不夠高；一類是給分會場足夠多的分流坑位，但內容需要在第三屏才能觸達到使用者，會場逛性較差。經過幾輪思考權衡後，打破之前的方案，提出了 “頭部以下全是腿“的會場模式 ，最終推動落地。
極簡產品級架構
01 由內而外資訊架構
從使用者需求出發，由內而外設計頁面資訊結構。從Detail訴求，到第一層聚合頁，再到會場層級，再到主互動，由使用者的目的地向前推每個層級中資訊的組織與呈現，由此使用者操作路徑更直接。
02 產品化互鏈嘗試
會場級產品體驗，最多3步回到手淘首頁。設計上不同以往大促tab點選跳轉的會場互鏈方式，嘗試Tab Bar和Tabpannel的互動形式，解決了之前無限返回的頁面鏈路體驗，達到返回手淘首頁最多隻需3步，後續會在其他大促活動中使用。在效果上，Tab pannel互鏈效果較好，提升效率，具體表現在總使用UV、UV點選率和人均滑動次數的資料都很不錯。
高效流量分發
01 雙列流分發模式
主會場分流訴求較多，設計上首次在活動中嘗試雙列流多內容型別混投分發方式， 打造了“頭部以下全是腿”會場新模式，使用者在第一螢幕就可以看到雙列流的內容 。從以往的貨架模式，向資訊流模式完成轉型，實現產品級會場瀏覽體驗；資料效果上，雙列流的流量分發效率較高。
02 個性化分流更高效
主會場分為預熱期和正式期，兩個時期首屏分別給主題會場和行業會場分流，在預熱期，運用短視訊的apng動圖詮釋淘寶特色生態，為主題會場引流；在正式期，運用個性化商品素材為行業會場分流，引導使用者購買轉化，輔助達成商業目標。從效果來看，個性化分流效率更高，主題會場引流入口，由於短視訊池量較少，基本無個性化推薦效果； 行業會場入口分流效果明顯，比以往七巧板分流方式更加高效 。
03 多點分流更靈活
分會場分流設計上採取了多點分流模式，在主會場頭部採用核心分流區，在雙列流中進行分流坑位穿插，通過不干擾使用者瀏覽體驗的基礎上，設定每7個坑位進行分流穿插，另外坑位2、15、30作為確定性坑位。多點分流模式設計極大的提升分流效率，使用者的點選成本相對較低。穿插的分流坑位沒有利益點吸引的情況下，分流效率堪比單品坑位。
04 動效Button分流
互動、3D會場、特殊玩法等這些分流訴求進行排期後分時段進行分流，他們的作用是頭部畫龍點睛的存在。 本次設計弱化頭部背景圖，根據具體要分流的內容進行個性化設計，採用動效強化Button，分流效果較好，後續可沉澱為互動引導方案。
規範統一可複用
01 1:1.5豎版短視訊統一體驗
為了打造視訊全屏播放體驗，本次短視訊招商尺寸是豎版9:16，由於現有沉底短視訊素材是3:4，兩種尺寸從效率和折中的角度設定1:1.5的豎版尺寸。視訊播放邏輯設定1屏內只有1個視訊播放，聚焦使用者視覺中心，在非wifi環境下展示靜態封面圖，在視訊全屏播放頁可上下滑動切換更多推薦視訊。相對於純內容展現，點選率有明顯提升。
短視訊在前臺的展示尺寸保持統一，不論在入口坑位，還是店鋪資訊中都統一使用1:1.5的尺寸，保持體驗一致性。
除此之外，1:1.5的尺寸包容性很強，在雙列流中8種類型卡片的資訊結構統一，視覺瀏覽不易混亂，保證使用者良好的瀏覽體驗。
02 模組複用與沉澱
本次造物節行業會場開發模組進行了模組可複用性打磨設計，並沉澱到元件庫中，後續大促可以直接呼叫修改引數即可，大大提升設計、開發效率。
03 版頭設計統一
本次造物節主題會場和行業會場在版頭上進行區別化設計，主題會場凸顯“態度”，行業會場凸顯類目本身；設計語言上弧行樣式、兩套字型設計、造物品牌元素應用，保證版頭心智傳達到位，打造統一化感官氛圍。
身臨其境的線下體感
01 揭幕動畫帶使用者穿越
為了給線上使用者切實感，在使用者第一次來到還原會場展示揭幕動畫，通過繪製指令碼後，與動畫設計師進行溝通進行動畫製作。設計上採用造物“龍”的身體與造物節品來LOGO結合的方式，強化使用者感受。
02 街景地圖逛線下
今年造物節承接線下內容除了直播以外，還有短視訊和互動視訊，相比直播內容更豐富，也能解決直播場次不足導致流量利用率過低的問題。
街景地圖逛線下場館給使用者身臨其境的體感，地圖中店鋪起泡展示邏輯與技術溝通確定，店鋪彈層凸顯特色視訊和特色商品，提升店鋪曝光。街景地圖需要線上下展館搭建好後拍攝，產品上線前一天開拍，在街景版頭做打底設計。
從資料結果來看，人均店鋪曝光較高，其中人均進店佔比13%（只有點選店鋪頭像和進店探寶Button進入店鋪，點選內容直接到視訊播放頁和寶貝詳情頁）。
亮點與遺憾
今年造物節設計上的4大亮點分別是：雙列流分發模式、產品化互鏈嘗試、1:1.5通用性模組、線上逛街景地圖。從商業目標和設計目標來說都達到了預期，整體UV較去年略微下降外，點選滲透較好，引導成交有效。設計上，也存在一些遺憾。
01 短視訊質量有待提升
設計雖然產出了短視訊招商規範，但對商家來說 理解成本高、製作成本高 ，整體短視訊質量雖然比日常高，但不及造物水準。
02 主題會場點選率低
短視訊質量、數量在一定程度上影響，無任何利益點吸引，加之淘寶使用者對短視訊的心智沒有商品強，主題會場整體點選率不高。
03 整體線上無玩法串聯
會場、互動、官網的整體銜接不突出，彼此之前無串聯，銜接比較生硬，且流量質量不高。會場可以嘗試與玩法結合，降低使用者疲勞，提升利用效率。
總結
不論是營銷大促會場還是品牌傳播類會場，設計需要深入瞭解商業背景與目標，明確使用者受眾訴求，從中找到設計價值。設計發現問題，明確設計目標，提出設計策略，產出設計，並進行設計驗證的過程，其中的本質是解決問題。
2018造物節線上會場的設計最大的感受是勇於突破，極簡會場體驗的整體打造是一個系統化設計，會場效率最大化、使用者路徑、會場互鏈、規範一致、氛圍營造、使用者感知、體驗順滑等是設計思考的重要維度。
另外，活動發聲、商家成本、運營成本、工作效率也是設計需要思考重要維度。
那麼，其中設計師的價值是什麼？
我認為，答案是從0到1的創造，和更合理的解決問題。
數英使用者原創，轉載請聯絡原公眾號
作者公眾號：AlibabaDesign（ID: AlibabaDesign）
Line"/>