2）第二個層次：大事件熱度氛圍

主要應(yīng)用于熱點大事件或運(yùn)營活動場景，個性化展現(xiàn)要求高，同時事件關(guān)注度及重要程度也不同，設(shè)計根據(jù)事件的關(guān)注度及重要程度劃分為兩檔階梯，以人工配置的方式展現(xiàn)，超強(qiáng)的運(yùn)營氛圍，可以讓用戶充分感知當(dāng)前事件的重要程度，“A級氛圍”頭部疊加場景元素設(shè)計用以展現(xiàn)大事件，“S級氛圍”整頁沉浸式視覺設(shè)計用以展現(xiàn)重大事件。

如，冬奧會，重大事件，選用第二階梯 S級氛圍，打造超強(qiáng)的運(yùn)營大事件會場認(rèn)知。

前置突發(fā)大事件氛圍設(shè)計

近幾年我們不斷的經(jīng)歷各類突發(fā)大事件，如：疫情/暴雨/名人逝世等等，每次突然發(fā)生的事件都讓設(shè)計師措手不及，匆忙產(chǎn)出運(yùn)營氛圍設(shè)計方案緊急上線，保時效就很難保障質(zhì)量，因此我們在想能不能總結(jié)事件類型提前儲備設(shè)計，以備不時之需。

不同突發(fā)事件會牽動網(wǎng)友不同的情感情緒，比如河南暴雨，我們?yōu)槭茈y同胞擔(dān)心，為救助工作加油，為逝者哀悼；火箭發(fā)射成功，我們驕傲喝彩；名人結(jié)婚，我們送上溫馨的祝福。不同事件帶來不同的情感情緒，也要求設(shè)計師要用準(zhǔn)確的視覺語言表達(dá)。

因此我們在前置設(shè)計時也充分考慮了事件情感因素，通過對近一年突發(fā)大事件的歸類梳理，并推導(dǎo)不同細(xì)分場景下的用戶情緒，通過情緒分類的方式，總結(jié)兩種視覺設(shè)計表達(dá)形式：1.實景圖合成效果滿足嚴(yán)肅/莊重/權(quán)威場景情感需求；2.手繪效果滿足積極/歡快/慶祝場景的情感需求。結(jié)合以上思路我們共儲備6大類20個子分類場景的前置氛圍+金剛位等運(yùn)營物料設(shè)計，保障突發(fā)熱點運(yùn)營設(shè)計質(zhì)效。

截至22年Q1，前置設(shè)計已在38個熱點場景應(yīng)用：

2. 熱點事件理解：內(nèi)容精細(xì)化拼裝管理

為滿足用戶不同事件場景下的信息需求，設(shè)計結(jié)合百度搜索：主要內(nèi)容區(qū)（主要需求滿足）+ 延展內(nèi)容區(qū)（延展需求滿足）的綜合聚合能力，通過組件分區(qū)布局+精細(xì)化規(guī)則管理，為熱點場景內(nèi)容的高效拼裝打好體驗基礎(chǔ)。

1）主要內(nèi)容區(qū)

主要內(nèi)容區(qū)，能夠幫助用戶快速了解事件的主題、時間及主要內(nèi)容，結(jié)合熱點事件長期的需求沉淀，設(shè)計將主要內(nèi)容區(qū)又細(xì)分為主題區(qū)域及內(nèi)容區(qū)域。主題區(qū)域可承載拼裝事件主題、事件倒計時、會場分發(fā)導(dǎo)航等主題類組件；內(nèi)容區(qū)域可承載拼裝圖文/視頻/直播等事件主體內(nèi)容分發(fā)組件。通過不同區(qū)域內(nèi)組件拼裝規(guī)則的制定，業(yè)務(wù)可以快速選擇所需組件進(jìn)行頁面組織拼裝，達(dá)成分場景個性化滿足用戶主需求的目標(biāo)。

如：元宵晚會，熱點主要內(nèi)容區(qū) 以“ 晚會直播時間倒計時+ 各衛(wèi)視晚會分會場導(dǎo)航+圖文內(nèi)容 ” 組件支撐起重大晚會預(yù)熱期的事件主需求滿足。

因為有設(shè)計拼裝規(guī)則，不同大事件活動，各場景內(nèi)容可個性化滿足需求，交互布局設(shè)計上又可兼顧橫向一致性。

2）延展內(nèi)容區(qū)

延展內(nèi)容區(qū)，能夠幫助用戶了解事件相關(guān)知識信息或提供事件相關(guān)服務(wù)。業(yè)務(wù)可根據(jù)事件場景需求，選擇多個延展內(nèi)容模板與主要內(nèi)容區(qū)進(jìn)行拼裝，搭建完整頁面以呈現(xiàn)不同熱點事件內(nèi)容。

如：俄烏戰(zhàn)爭-戰(zhàn)事場景，脈絡(luò)卡幫助用戶快速了解事件進(jìn)展 ；冬奧會-賽事場景，數(shù)據(jù)卡幫助可視化呈現(xiàn)賽事進(jìn)展；博鰲亞洲論壇-會議場景，百科卡幫助用戶科普相關(guān)名詞知識。

3. 事件觀點產(chǎn)生-輕互動玩法強(qiáng)化參與感

通過氛圍打造和內(nèi)容組織，已經(jīng)達(dá)成用戶需求滿足的目標(biāo)，但到此截止，搜索結(jié)果的體驗還是理智疏遠(yuǎn)單向的，搜索場景與用戶、用戶與用戶間也無法產(chǎn)生對當(dāng)前熱點的討論與態(tài)度表達(dá)。因此設(shè)計師對用戶的互動行為認(rèn)知習(xí)慣進(jìn)行分析，并采取具體的設(shè)計策略逐步引導(dǎo)用戶參與互動。

1）互動喚醒 – 吸引圍觀增強(qiáng)互動意愿

優(yōu)化前的熱搜結(jié)果頁，用戶的討論內(nèi)容都是隱藏在資訊落地頁評論區(qū)內(nèi)，需要點擊進(jìn)內(nèi)容落地頁內(nèi)才能參與“圍觀”或“討論”，除互動氛圍已脫離當(dāng)前場景外，也削弱了用戶對此事件表態(tài)的參與積極性。

通過彈幕滾動+輸入框組件組合外顯的交互設(shè)計方式，將用戶討論外露，不僅豐富熱點事件搜索場景的內(nèi)容維度，同時基于從眾心理，進(jìn)一步刺激用戶的參與欲望。彈幕結(jié)合事件類型配色來更好貼合熱點事件整體環(huán)境氛圍。

2）情緒抒發(fā)-輕互動玩法降低互動門檻

而投票表態(tài)+彈幕輕互動組合效果設(shè)計，能進(jìn)一步降低用戶交互心理門檻，讓用戶動一動手指就可以參與其中。在表態(tài)/投票抒發(fā)情感的同時也可以發(fā)彈幕聊聊對當(dāng)前熱點事件的看法，使用戶互動情緒表達(dá)更充分。

3）驚喜反饋-強(qiáng)化視效打造記憶點

原有設(shè)計風(fēng)格，無法在去世祭奠、頒發(fā)勛章等莊重嚴(yán)肅場景精準(zhǔn)的表達(dá)視覺情感，無互動反饋狀態(tài)僅有互動前后狀態(tài)變化。

結(jié)合熱點場景積極外放情緒及莊重內(nèi)斂情緒，視覺主要從形/質(zhì)兩個維度進(jìn)行優(yōu)化升級，并增加互動反饋動效，同時運(yùn)營可結(jié)合具體事件主題配置，綜合提升互動驚喜效果，打造產(chǎn)品記憶點。

視覺層：通過更立體的形態(tài)和更豐富的層次質(zhì)感，更精準(zhǔn)的表達(dá)情感

動效反饋層：以主圖形+輔助元素，通過符合場景氛圍的動態(tài)效果設(shè)計，更充分的表達(dá)情感

運(yùn)營主題配置：在日常反饋基礎(chǔ)上，增加運(yùn)營主題配置層級，為特定主題場景提供定制反饋效果

寫在最后

通過熱點環(huán)境感知分層呈現(xiàn)、內(nèi)容組件合理布局拼裝滿足等設(shè)計手段，助力搜索平臺以更高效豐富的內(nèi)容展現(xiàn)形態(tài)應(yīng)對全年3萬+熱點大事件運(yùn)營。會場拼裝呈現(xiàn)系統(tǒng)的應(yīng)用場景也在不斷擴(kuò)展，如營銷活動、品牌造節(jié)等。設(shè)計不會止步于此，我們將基于用戶需求不斷探索深耕，為用戶呈現(xiàn)更快速、準(zhǔn)確、全面、有溫度的搜索熱點體驗。 

原文地址：百度MEUX（公眾號）

作者：百度APP用戶體驗

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用設(shè)計詮釋搜索熱點

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司