案例分析:以設(shè)計(jì)為驅(qū)動(dòng),打造持續(xù)消費(fèi)體驗(yàn)

0 評(píng)論 2275 瀏覽 17 收藏 12 分鐘

如何以設(shè)計(jì)為驅(qū)動(dòng),吸引用戶深度消費(fèi),為用戶打造良好的消費(fèi)體驗(yàn)?在這篇文章里,作者結(jié)合具體產(chǎn)品進(jìn)行了案例分析,主要從內(nèi)容分發(fā)框架、交互優(yōu)化與視覺傳達(dá)優(yōu)化這三大方面做了設(shè)計(jì)方向探索,一起來看看吧,或許會(huì)對(duì)你有所啟發(fā)。

引言

百度知道是一個(gè)誕生于2005年的產(chǎn)品,知道在過去的17年中作為搜索內(nèi)容生態(tài)天然載體,致力于用問答沉淀知識(shí)。百度知道至今共解答了6.5億問題,其中被集中關(guān)注的問題逐漸被優(yōu)化完善,沉淀為了體系性的知識(shí)。與此同時(shí),互聯(lián)網(wǎng)內(nèi)容供給也經(jīng)歷了爆發(fā)性的增長。在這個(gè)00后用戶嶄露頭角的時(shí)代,人們對(duì)于知識(shí)獲取的需求也更加注重效率。

在知道18周年之際,我們拓展了【知識(shí)筆記】新場(chǎng)域,將沉淀內(nèi)容升級(jí)為知識(shí)筆記,通過簡單、沉浸式的交互,簡化信息獲取途徑,讓用戶把注意力集中在深度消費(fèi)優(yōu)質(zhì)內(nèi)容上。

一、設(shè)計(jì)師如何助力業(yè)務(wù)拓展新場(chǎng)域

1. 聚焦【知識(shí)筆記】場(chǎng)域價(jià)值,賦能業(yè)務(wù)

【知識(shí)筆記】場(chǎng)域核心價(jià)值在簡化優(yōu)質(zhì)內(nèi)容獲取途徑,吸引用戶深度消費(fèi),設(shè)計(jì)側(cè)以此提煉了3個(gè)設(shè)計(jì)出發(fā)點(diǎn):

  1. 建立優(yōu)質(zhì)內(nèi)容分發(fā)場(chǎng)域,吸引用戶持續(xù)消費(fèi)。
  2. 營造沉浸消費(fèi)氛圍,降低持續(xù)消費(fèi)成本。
  3. 優(yōu)化內(nèi)容展現(xiàn)樣式,打造舒適閱讀體驗(yàn)。

2. 線上頁面分析

基于設(shè)計(jì)出發(fā)點(diǎn),設(shè)計(jì)側(cè)針對(duì)用戶深度消費(fèi)場(chǎng)景分析了線上頁面,探索具體設(shè)計(jì)舉措:

  1. 知道同一問題下優(yōu)質(zhì)回答較少,當(dāng)前瀏覽頁僅聚焦一個(gè)問題,不利于優(yōu)質(zhì)內(nèi)容的分發(fā)。此外,內(nèi)容與廣告混排,導(dǎo)致內(nèi)容辨識(shí)度不高。
  2. 打斷多、查看回答的成本高,目前要查看多條回答需要多次點(diǎn)擊和多次頁面跳轉(zhuǎn),增加了持續(xù)消費(fèi)的成本,同時(shí)也降低了沉浸感的體驗(yàn)。
  3. 同一問題下問題與回答結(jié)構(gòu)割裂,頁面層級(jí)邏輯不清晰,字號(hào)字重層級(jí)較多,視覺語言表意不清。

針對(duì)這三點(diǎn)問題,我們從內(nèi)容分發(fā)框架、交互優(yōu)化與視覺傳達(dá)優(yōu)化三方面進(jìn)行了設(shè)計(jì)方向探索。

二、瀏覽頁打造漸進(jìn)式分發(fā)場(chǎng)域

為了吸引用戶持續(xù)消費(fèi)內(nèi)容,我們梳理了雙列式、漸進(jìn)式和沉浸式三類內(nèi)容分發(fā)框架。

雙列式內(nèi)容曝光效率高,但強(qiáng)依賴封面。漸進(jìn)式信息少選擇成本低,但強(qiáng)依賴策略分發(fā),沉浸式操作成本低,但后續(xù)引導(dǎo)較弱。

我們的目標(biāo)是讓消費(fèi)者“持續(xù)消費(fèi)”,相比于雙列式的主動(dòng)篩選,漸進(jìn)式與沉浸式的低成本選擇更能營造沉浸閱讀氛圍,且個(gè)性化分發(fā)策略也更利于定向推薦內(nèi)容。又因知道的內(nèi)容以圖文為主,沉浸式框架意味著用戶需要閱讀一整篇回答后才能看到后續(xù)內(nèi)容,相較而言漸進(jìn)式框架內(nèi)容分發(fā)效率更高。

基于以上考慮,我們基于漸進(jìn)式框架重構(gòu)了瀏覽頁框架,通過建立優(yōu)質(zhì)推薦內(nèi)容流,以個(gè)性化策略推薦與當(dāng)前問題相關(guān)的優(yōu)質(zhì)內(nèi)容,營造持續(xù)消費(fèi)的場(chǎng)景。

問答內(nèi)容以卡片樣式展示,突出高質(zhì)量的內(nèi)容吸引用戶深入瀏覽。此外我們也對(duì)框架做了進(jìn)一步創(chuàng)新,在頁面底部預(yù)先展示下一條內(nèi)容的標(biāo)題,通過前置展現(xiàn)內(nèi)容吸引持續(xù)消費(fèi),同時(shí)也能夠建立滑動(dòng)操作預(yù)期。

三、多種手勢(shì)營造沉浸消費(fèi)體驗(yàn)

手勢(shì)交互是比起點(diǎn)擊更加直接且順暢的一種交互,用戶通常不需要去思考就會(huì)下意識(shí)執(zhí)行,這種交互自然,爽快,且令人上癮。我們計(jì)劃將手勢(shì)交互形式融入到漸進(jìn)式框架中,營造自然且平滑的交互體驗(yàn),以此替代點(diǎn)擊與跳轉(zhuǎn)對(duì)持續(xù)消費(fèi)的打斷,營造更加沉浸的消費(fèi)體驗(yàn)。

因此我們引入了多種手勢(shì)來控制不同內(nèi)容流的切換,豎滑切換優(yōu)質(zhì)推薦內(nèi)容流增加內(nèi)容曝光,橫滑進(jìn)入全部回答內(nèi)容流深度消費(fèi),減少頁面跳轉(zhuǎn)感知,打造沉浸式閱讀氛圍。

四、視覺打造干凈清亮的閱讀體驗(yàn)

視覺角度是從業(yè)務(wù)目標(biāo)和產(chǎn)品現(xiàn)狀兩方面來著手,以業(yè)務(wù)目標(biāo)出發(fā)結(jié)合產(chǎn)品現(xiàn)狀,挖掘出可以定位的設(shè)計(jì)問題,再去收攏轉(zhuǎn)化到設(shè)計(jì)策略層,此次在設(shè)計(jì)拆解階段,發(fā)現(xiàn)業(yè)務(wù)側(cè)需要擴(kuò)分發(fā)、提體驗(yàn);視覺方面的層級(jí)和語意也不夠清晰、結(jié)構(gòu)缺少邏輯、文字字重層級(jí)比較多等問題,進(jìn)而轉(zhuǎn)化為設(shè)計(jì)策略為:視覺降噪、閱讀減負(fù)、提升親和力,打造干凈清亮的閱讀體驗(yàn)。

1. 設(shè)計(jì)定位

2. 設(shè)計(jì)策略

1)視覺降噪

之前問題和回答區(qū)分卡展示,內(nèi)容相對(duì)分散,改版后以突出當(dāng)前回答內(nèi)容,滿足用戶瀏覽訴求,結(jié)構(gòu)以回答為單位,給用戶傳遞一個(gè)完整內(nèi)容的視覺效果,降低閱讀成本。

2)閱讀減負(fù)

突出當(dāng)前頁面的核心內(nèi)容,將字號(hào)和間距進(jìn)行收斂,拉開頁面核心與非核心內(nèi)容進(jìn)行視覺層級(jí),為用戶閱讀減負(fù),提升閱讀體驗(yàn)。

3)提升親和力

舊版的視覺語意相對(duì)較弱,新版風(fēng)格走向提升親和力。

親和力最早是屬于化學(xué)領(lǐng)域的一個(gè)概念,是特指一種原子與另外一種原子之間的關(guān)聯(lián)特性,有句話叫:力在則聚,力亡則散!有親和力的雙方就是有共同力量表示的雙方,這種友好表示,使得雙方合作在一起,有一種合作的意識(shí)和趨向意識(shí),和共同作用的力量。設(shè)計(jì)旨在建立與用戶一種合作趨向的意識(shí)。

五、結(jié)語

漸進(jìn)式框架可行性場(chǎng)景拓展

內(nèi)容分發(fā)框架是基于產(chǎn)品場(chǎng)域目標(biāo)構(gòu)建的,而知道新場(chǎng)域?yàn)橐詢?yōu)質(zhì)內(nèi)容吸引用戶,因此我們搭建了漸進(jìn)式瀏覽態(tài)交互框架,將知道的內(nèi)容流由查看一條問題的全部回答拓展為查看相似問題的優(yōu)質(zhì)回答,以提升優(yōu)質(zhì)回答分發(fā)效果。未來我們計(jì)劃將知識(shí)內(nèi)容形態(tài)由大段文字轉(zhuǎn)化為消費(fèi)成本更輕量的圖片,進(jìn)一步降低知識(shí)消費(fèi)的成本。

而漸進(jìn)式分發(fā)框架的設(shè)計(jì)經(jīng)驗(yàn)也會(huì)復(fù)用至新內(nèi)容形態(tài)下,通過內(nèi)容前置曝光吸引持續(xù)消費(fèi),建立滑動(dòng)操作預(yù)期;通過手勢(shì)交互建立沉浸消費(fèi)體驗(yàn)。

在方案設(shè)計(jì)中,我們也提煉了漸進(jìn)式分發(fā)框架的使用方式,這種框架因內(nèi)容露出結(jié)構(gòu),適用于產(chǎn)品有較強(qiáng)引導(dǎo)消費(fèi)訴求、或新內(nèi)容形態(tài)需建立操作認(rèn)知時(shí)使用。但此框架也存在一定的局限性,例如在豎版全屏視頻等內(nèi)容形態(tài)中,下方的內(nèi)容是否會(huì)影響當(dāng)前內(nèi)容的深度消費(fèi)仍需進(jìn)一步測(cè)試,而對(duì)不同尺寸內(nèi)容的處理方式也具有較高的要求。

以上是對(duì)知道【知識(shí)筆記】新場(chǎng)域建設(shè)的總結(jié)、復(fù)盤和思考。我們將不斷探索和創(chuàng)新,以設(shè)計(jì)為驅(qū)動(dòng),為打造優(yōu)質(zhì)消費(fèi)體驗(yàn)貢獻(xiàn)更多的價(jià)值。

作者:MEUX

原文標(biāo)題:設(shè)計(jì)如何助力知道產(chǎn)品打造持續(xù)消費(fèi)體驗(yàn)

來源公眾號(hào):百度MEUX(ID:baidumeux),百度移動(dòng)生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @百度MEUX 授權(quán)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!