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

引言

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

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

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

1. 聚焦【知識筆記】場域價值，賦能業(yè)務(wù)

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

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

2. 線上頁面分析

基于設(shè)計出發(fā)點，設(shè)計側(cè)針對用戶深度消費場景分析了線上頁面，探索具體設(shè)計舉措：

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

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

二、瀏覽頁打造漸進式分發(fā)場域

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

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

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

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

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

三、多種手勢營造沉浸消費體驗

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

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

四、視覺打造干凈清亮的閱讀體驗

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

1. 設(shè)計定位

2. 設(shè)計策略

1）視覺降噪

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

2）閱讀減負

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

3）提升親和力

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

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

五、結(jié)語

漸進式框架可行性場景拓展

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

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

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

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