上億人使用的百度貼吧,如何做好體驗設計升級?

一、背景

2023 年是貼吧誕生的第 20 年,也是非常有挑戰的一年。整個市場的用戶規模到頂,全網活躍用戶增長放緩,而 AI 技術的發展與新時代用戶心智躍遷,為我們帶來產品重構的新契機,挑戰與機遇共存,變革應運而生。

更多案例:

上億人使用的百度貼吧,如何做好體驗設計升級?

縱觀產品現狀,現有框架難以滿足用戶獲取優質內容和不同業務拓展邊界的訴求,視覺風格逐漸陳舊,不符合新的社區定位與氛圍。

貼吧設計團隊推進產品框架升級與視覺語言升級,為用戶獻上 20 周年禮物,給用戶帶來更好的體驗,助力業務目標達成~

上億人使用的百度貼吧,如何做好體驗設計升級?

二、產品框架升級

分析用戶在貼吧的核心使用行為、用戶使用數據,拉通多方業務訴求,瞄準設計方向,將升級思路聚焦在逛吧瀏覽、聊天互動、問題求助三大場景,映射出逛、聊、問三條鏈路,加持 AI 能力,搭建 AI 與社區共新產品框架形態,以更好滿足用戶訴求。

上億人使用的百度貼吧,如何做好體驗設計升級?

1. 逛

用戶在貼吧的瀏覽行為大多發生在吧首頁場景,用戶、商業、增長業務在頭部分發搶位,擠占貼子展示空間,導致首屏屏效低,逛吧體驗差,業務新增玩法也難以繼續拓展。我們將單層框架升級為雙層,形成底層服務空間,頂層內容空間,提升吧首頁承載能力,拓展多業務內容,打造流暢瀏覽體驗。

上億人使用的百度貼吧,如何做好體驗設計升級?

①底層滿足多元服務

底層目標定位于服務多元業務分發,支撐垂類內容拓展,滿足吧主運營,匹配用戶習慣。我們將底層劃分為五大特色分區,通過模塊化拼接的方式,按需求權重整合,平衡用商體驗,為吧友打造特色鮮明的吧內環境。

上億人使用的百度貼吧,如何做好體驗設計升級?

②頂層沉浸消費內容

在保證頂層首屏瀏覽體驗更優的同時,進一步滿足用戶對不同類型貼子的消費訴求。我們根據內容特性構建多套貼子結構,置頂點展式、視頻雙列式、合輯列表式等,提升內容的分發效率,同時為吧友提供更豐富多元的瀏覽和互動場景。

上億人使用的百度貼吧,如何做好體驗設計升級?

2. 聊

①互動消息整合擴容

隨著貼吧互動類型不斷增加,私信、群聊、運營通知、吧主通知、系統通知 5 種消息類型混排,用戶看、回消息的成本逐漸攀升,通過 L 型框架擴容消息 TAB,提升消息觸達能力,收斂消息 5 種消息類型為聊天、通知 2 種,新增關注吧聊天頻道,自由瀏覽、添加,和吧內好友聊天互動更便捷。

上億人使用的百度貼吧,如何做好體驗設計升級?

②AI 角色沉浸陪伴

每個吧都是一個小世界,AI 虛擬角色的加入讓它更加多彩,我們搭建吧二樓角色新場域,下拉進入吧內 AI 角色聊天頁,打通互動聊天通路。吧友也自己可以創建個性角色,進行聊天互動、分享有趣的聊天內容,與更多的吧友進行互動,更加自由沉浸的與 AI 角色暢聊~

上億人使用的百度貼吧,如何做好體驗設計升級?

3. 問

①智能解答高效滿足

每天有大量的用戶在貼吧求助,但獲取答案的時間長、質量低,難以滿足訴求,我們搭建貼吧包打聽智能問答 BOT,用戶發貼求助時主動回復,提升答案獲得效率;搜索問題時自動生成答案,問題詞條直接生成,補足已有內容;吧內吧友求助專區,主動提問一對一交流解答。3 條路徑幫助用戶高效、高質獲得答案。

上億人使用的百度貼吧,如何做好體驗設計升級?

三、視覺語言升級

講完在產品鏈路上的升級,再來說說我們怎么給貼吧的“外表”升級,把它打扮得更漂亮。在 20 歲的這一年,設計團隊想給廣大的吧友煥然一新的感覺,也算是我們貼吧設計團隊在年終給各位吧友的一份獻禮。那么具體我們都做了什么呢?請往下看~

1. 設計語言定義

①設計目標

智能高效和靈動多元是本次視覺語言升級中我們最想傳遞給用戶的感知。在 AIGC 的元年,作為一個用戶體量巨大的中文社區,貼吧也運用 AI 力量給這個社區帶來了全新的變化,而靈動多元的社區氛圍,也正是我們想要傳達給用戶的體驗感受。

上億人使用的百度貼吧,如何做好體驗設計升級?

②明確色板

為了更貼合貼吧多元的社區氣質,我們保留了飽和度更高的一套亮色,同時以這套基礎色版做拓展,對應吧首頁沉浸場景拓展出暗色基調色版,營造更沉浸、專注的氛圍感。

上億人使用的百度貼吧,如何做好體驗設計升級?

③設計手段

正式進入設計之前,我們結合用戶調研和目前的設計流行趨勢,經歷了多輪設計探索,初步定義了多彩、輕盈、律動 3 個設計手段。用繽紛的顏色來體現社區的年輕多元,輕盈的質感和律動傳遞貼吧充滿生命力和活躍的社區氛圍,希望這些明顯的視覺變化能夠貼合貼吧的年輕用戶,使貼吧真正成為一個讓吧友喜愛的產品。

上億人使用的百度貼吧,如何做好體驗設計升級?

2. 智能高效

結合貼吧的生態重構社區關系,搭建人和 AI 共生的新互動社區。我們希望設計能體現社區的未來感、智能化和人格化。

上億人使用的百度貼吧,如何做好體驗設計升級?

①未來感

頁面采用藍紫炫光漸變,打造異次元空間的未來感;并重復這種色彩表達,強化用戶心智。

上億人使用的百度貼吧,如何做好體驗設計升級?

②智能化

用戶創建角色的過程中,以 AI 輔助生產角色設定和形象,降低用戶的生成門檻。文字生成過程,末端文字采用藍紫漸變增加智能靈動感,給用戶流暢的自然語言生成體驗;圖片生成,以數字化網格動效,增加掃描科技感,緩解用戶等待的焦慮。

上億人使用的百度貼吧,如何做好體驗設計升級?

③人格化

通過豐富角色人設和類人化的表達,塑造角色的人格化,讓 AI 與用戶建立更自然的情感鏈接。展示角色故事、社會關系、性格等個人信息,角色主動破冰打招呼,并發起有趣的話題,引導用戶開啟對話。

上億人使用的百度貼吧,如何做好體驗設計升級?

3. 靈動多元

在核心場景的改版中,我們希望能傳遞出靈動多元富有生機的感受。通過繽紛多彩的顏色,輕盈的質感和自然的律動傳遞出貼吧充滿生命力、熱鬧活躍的社區氛圍。

上億人使用的百度貼吧,如何做好體驗設計升級?

①輕盈的質感

從抽象到具象,用彌散的顏色和玻璃質感來體現光的穿透與輕盈,讓光的理念更有實感。卡片化的形式,呈現多元組合的服務模塊。

上億人使用的百度貼吧,如何做好體驗設計升級?

②自然的律動

從大自然的極光中獲取靈感,通過光的流動、變換還原自然的律動。全局智能取色,打造沉浸體驗。

上億人使用的百度貼吧,如何做好體驗設計升級?

③活潑的動效

生動的表情凸顯 IP 賤萌的性格,結合業務場景刻畫配飾和動作,讓 IP 形象躍然紙上,頁面充滿親和力。這種性格特征也很符合貼吧吧友年輕有趣的畫像。

上億人使用的百度貼吧,如何做好體驗設計升級?

上億人使用的百度貼吧,如何做好體驗設計升級?

四、結語

在這次大改版中,我們收獲了用戶的好評,各方向的數據呈正向,是一次用戶體驗與產品訴求雙收的成功嘗試。希望我們的改版獻禮能夠給貼吧注入新的生機,煥發新的活力。未來我們也會繼續設計打磨,不斷提升產品體驗。設計團隊作為距離用戶最近的角色,也趁新年來臨,給我們的廣大吧友們獻禮,希望大家看完我們的設計龍顏大悅!祝大家龍年大吉!

歡迎關注作者的微信公眾號:「百度MEUX」

上億人使用的百度貼吧,如何做好體驗設計升級?

收藏 77
點贊 46

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