2022-7-14 純純
刷刷手機看看今天又發(fā)生了什么熱點大事，已經成為現代人茶余飯后消遣時間的主要方式，而搜索熱點區(qū)別于其他社區(qū)類產品，最大的優(yōu)勢是能夠把大家關注的事件始末及相關知識服務快速聚合起來，幫助用戶更全面的掌握信息。設計師作為連接用戶與信息之間的紐帶，在項目實踐中也進行了系列的設計探索，除助力平臺高效聚合呈現信息外，并以更豐富的設計層次詮釋熱點，幫助用戶更便捷的獲取所需。
我們先要去了解用戶是如何消費熱點內容的，基于用戶情景認知鏈路分析用戶在事件消費的鏈路，可以分為三個重要節(jié)點：1.熱點環(huán)境的感知；2.熱點事件的理解；3.事件觀點的產生。
結合用戶的消費路徑，我們將設計邏輯框架拆分為三個層級：
1.氛圍背景層：分層呈現熱度氛圍，輔助用戶感知熱點環(huán)境；
2.信息內容層：精細化拼裝管理，幫助用戶理解熱點事件；
3.功能互動層：輕互動玩法設計，激發(fā)用戶參與抒發(fā)事件觀點。
從氛圍表現層面，助力用戶更快速的辨別事件的熱度及重要程度。設計師結合搜索熱點使用場景以及業(yè)務時效性配置訴求，歸類了兩種設計表現層次：1.日常熱度氛圍 2. 大事件熱度氛圍
1）第一個層次：日常熱度氛圍
主要應用于熱點新聞場景，時效性要求高，同時事件熱度也會在：“發(fā)酵--爆發(fā)--消退” 間實時變化，設計根據熱度“強弱”程度需求，劃分兩檔視覺展現階梯，以自動化的方式展現，滿足熱度的實時變化需求，輔助用戶感知當前事件熱度?！暗蜔岱諊比鯓撕炘O計用以展現上升/今日熱點，“高熱氛圍”色彩背景通頂效果+上榜標簽用以展現上榜熱點。
如，“馬斯克收購推特”，搜索熱度持續(xù)上升，以第一階梯-標簽方式展示低熱氛圍；在 “馬斯克收購推特” 的事件熱度不斷增長，成為熱榜事件后，以第二階梯 - 高熱氛圍自動匹配 ，通過背景及榜單標簽的呈現，明確告知用戶當前事件的火熱程度。
2）第二個層次：大事件熱度氛圍
主要應用于熱點大事件或運營活動場景，個性化展現要求高，同時事件關注度及重要程度也不同，設計根據事件的關注度及重要程度劃分為兩檔階梯，以人工配置的方式展現，超強的運營氛圍，可以讓用戶充分感知當前事件的重要程度，“A級氛圍”頭部疊加場景元素設計用以展現大事件，“S級氛圍”整頁沉浸式視覺設計用以展現重大事件。
如，冬奧會，重大事件，選用第二階梯 S級氛圍，打造超強的運營大事件會場認知。
近幾年我們不斷的經歷各類突發(fā)大事件，如：疫情/暴雨/名人逝世等等，每次突然發(fā)生的事件都讓設計師措手不及，匆忙產出運營氛圍設計方案緊急上線，保時效就很難保障質量，因此我們在想能不能總結事件類型提前儲備設計，以備不時之需。
不同突發(fā)事件會牽動網友不同的情感情緒，比如河南暴雨，我們?yōu)槭茈y同胞擔心，為救助工作加油，為逝者哀悼；火箭發(fā)射成功，我們驕傲喝彩；名人結婚，我們送上溫馨的祝福。不同事件帶來不同的情感情緒，也要求設計師要用準確的視覺語言表達。
因此我們在前置設計時也充分考慮了事件情感因素，通過對近一年突發(fā)大事件的歸類梳理，并推導不同細分場景下的用戶情緒，通過情緒分類的方式，總結兩種視覺設計表達形式：1.實景圖合成效果滿足嚴肅/莊重/權威場景情感需求；2.手繪效果滿足積極/歡快/慶祝場景的情感需求。結合以上思路我們共儲備6大類20個子分類場景的前置氛圍+金剛位等運營物料設計，保障突發(fā)熱點運營設計質效。
截至22年Q1，前置設計已在38個熱點場景應用：
為滿足用戶不同事件場景下的信息需求，設計結合百度搜索：主要內容區(qū)（主要需求滿足）+ 延展內容區(qū)（延展需求滿足）的綜合聚合能力，通過組件分區(qū)布局+精細化規(guī)則管理，為熱點場景內容的高效拼裝打好體驗基礎。
1）主要內容區(qū)
主要內容區(qū)，能夠幫助用戶快速了解事件的主題、時間及主要內容，結合熱點事件長期的需求沉淀，設計將主要內容區(qū)又細分為主題區(qū)域及內容區(qū)域。主題區(qū)域可承載拼裝事件主題、事件倒計時、會場分發(fā)導航等主題類組件；內容區(qū)域可承載拼裝圖文/視頻/直播等事件主體內容分發(fā)組件。通過不同區(qū)域內組件拼裝規(guī)則的制定，業(yè)務可以快速選擇所需組件進行頁面組織拼裝，達成分場景個性化滿足用戶主需求的目標。
如：元宵晚會，熱點主要內容區(qū) 以“ 晚會直播時間倒計時+ 各衛(wèi)視晚會分會場導航+圖文內容 ” 組件支撐起重大晚會預熱期的事件主需求滿足。
因為有設計拼裝規(guī)則，不同大事件活動，各場景內容可個性化滿足需求，交互布局設計上又可兼顧橫向一致性。
2）延展內容區(qū)
延展內容區(qū)，能夠幫助用戶了解事件相關知識信息或提供事件相關服務。業(yè)務可根據事件場景需求，選擇多個延展內容模板與主要內容區(qū)進行拼裝，搭建完整頁面以呈現不同熱點事件內容。
如：俄烏戰(zhàn)爭-戰(zhàn)事場景，脈絡卡幫助用戶快速了解事件進展 ；冬奧會-賽事場景，數據卡幫助可視化呈現賽事進展；博鰲亞洲論壇-會議場景，百科卡幫助用戶科普相關名詞知識。
通過氛圍打造和內容組織，已經達成用戶需求滿足的目標，但到此截止，搜索結果的體驗還是理智疏遠單向的，搜索場景與用戶、用戶與用戶間也無法產生對當前熱點的討論與態(tài)度表達。因此設計師對用戶的互動行為認知習慣進行分析，并采取具體的設計策略逐步引導用戶參與互動。
1）互動喚醒 - 吸引圍觀增強互動意愿
優(yōu)化前的熱搜結果頁，用戶的討論內容都是隱藏在資訊落地頁評論區(qū)內，需要點擊進內容落地頁內才能參與“圍觀”或“討論”，除互動氛圍已脫離當前場景外，也削弱了用戶對此事件表態(tài)的參與積極性。
通過彈幕滾動+輸入框組件組合外顯的交互設計方式，將用戶討論外露，不僅豐富熱點事件搜索場景的內容維度，同時基于從眾心理，進一步刺激用戶的參與欲望。彈幕結合事件類型配色來更好貼合熱點事件整體環(huán)境氛圍。
2）情緒抒發(fā)-輕互動玩法降低互動門檻
而投票表態(tài)+彈幕輕互動組合效果設計，能進一步降低用戶交互心理門檻，讓用戶動一動手指就可以參與其中。在表態(tài)/投票抒發(fā)情感的同時也可以發(fā)彈幕聊聊對當前熱點事件的看法，使用戶互動情緒表達更充分。
3）驚喜反饋-強化視效打造記憶點
原有設計風格，無法在去世祭奠、頒發(fā)勛章等莊重嚴肅場景精準的表達視覺情感，無互動反饋狀態(tài)僅有互動前后狀態(tài)變化。
結合熱點場景積極外放情緒及莊重內斂情緒，視覺主要從形/質兩個維度進行優(yōu)化升級，并增加互動反饋動效，同時運營可結合具體事件主題配置，綜合提升互動驚喜效果，打造產品記憶點。
視覺層：通過更立體的形態(tài)和更豐富的層次質感，更精準的表達情感
動效反饋層：以主圖形+輔助元素，通過符合場景氛圍的動態(tài)效果設計，更充分的表達情感
運營主題配置：在日常反饋基礎上，增加運營主題配置層級，為特定主題場景提供定制反饋效果
通過熱點環(huán)境感知分層呈現、內容組件合理布局拼裝滿足等設計手段，助力搜索平臺以更高效豐富的內容展現形態(tài)應對全年3萬+熱點大事件運營。會場拼裝呈現系統(tǒng)的應用場景也在不斷擴展，如營銷活動、品牌造節(jié)等。設計不會止步于此，我們將基于用戶需求不斷探索深耕，為用戶呈現更快速、準確、全面、有溫度的搜索熱點體驗。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系
作者：百度MEUX 來源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.miumiuwan.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司