現(xiàn)在，每位用戶幾乎都需要接收大量的信息，這個時候，產(chǎn)品要如何做好內(nèi)容建設(shè)，給用戶提供良好的瀏覽和閱讀體驗?zāi)兀勘酒恼吕?，作者結(jié)合實際案例，總結(jié)了閱讀體驗升級的相關(guān)經(jīng)驗和看法，一起來看看吧，或許會對你有所啟發(fā)。

在這內(nèi)容為王的時代，海量的圖文資訊信息充斥在我們的碎片化時間中，有駕作為百度生態(tài)體系內(nèi)的汽車信息服務(wù)平臺，內(nèi)容建設(shè)尤為重要。那么設(shè)計有哪些手段為內(nèi)容建設(shè)助力呢？接下來，我們依據(jù)閱讀體驗升級的設(shè)計經(jīng)驗，從目標拆解、痛點分析、設(shè)計打法等維度來分享設(shè)計思路。

一、設(shè)計目標

通過現(xiàn)狀分析發(fā)現(xiàn)，對于業(yè)務(wù)而言，產(chǎn)品發(fā)展到了深耕細節(jié)體驗階段，建設(shè)一個舒適的內(nèi)容瀏覽體驗，成為當(dāng)前重要設(shè)計目標。設(shè)計可從痛點分析、設(shè)計打法、指標驗證這3大步驟逐一擊破。

二、痛點分析

口碑詳情作為有駕最典型的內(nèi)容場景，初步搭建上線后，長期未更新優(yōu)化，閱讀體驗不佳，影響用戶的閱讀效率和舒適度。閱讀體驗較好的競品，用戶則能夠流暢的閱讀整篇文章。經(jīng)過現(xiàn)狀的梳理分析發(fā)現(xiàn)，口碑詳情問題集中表現(xiàn)為信息密集瀏覽易疲勞、元素干擾瀏覽易中斷、結(jié)構(gòu)混亂瀏覽不連貫。

三、設(shè)計打法

針對設(shè)計目標和用戶痛點，逐步拆解、梳理、發(fā)散，循序漸進的推導(dǎo)出口碑詳情頁的設(shè)計方案，沉淀經(jīng)驗，橫向賦能全部內(nèi)容性場景的閱讀體驗升級。

1. 痛點拆解，定位影響因素

如何打造舒適的內(nèi)容瀏覽體驗？首先是剖析問題現(xiàn)狀，找準痛點影響因素，依據(jù)分析，助力設(shè)計方案探索。

1）痛點拆解

閱讀體驗影響元素可拆解為行距、字號、段距、ICON等11個元素，這些元素相互關(guān)聯(lián)相互影響，側(cè)重不同。依據(jù)痛點方向可梳理為文本、圖形、結(jié)構(gòu)3種類型。

2）優(yōu)先級定位

在眾多元素中，哪些重要哪些不重要，決定后續(xù)設(shè)計方向。眼動實驗結(jié)論表明 “行距比字號對文字排版影響更大”。在眼動數(shù)據(jù)中，受到行距變化的影響較為明顯，而字號的變化對用戶的眼動影響較小。那么，針對行距的設(shè)計探索將成為后續(xù)的重點研究方向。

2. 方案探索，構(gòu)建沉浸閱讀體驗

1）文本信息層次調(diào)優(yōu)，打造舒適的瀏覽動線

面對文本信息密集導(dǎo)致瀏覽易疲勞的問題。我們選取了7款主流的內(nèi)容型產(chǎn)品，針對字號行距、字重段距按照四個象限劃分。發(fā)現(xiàn)內(nèi)容型產(chǎn)品的文本信息排版節(jié)奏（規(guī)律）主要集中在B象限，即圖文詳情字號57px，字重常規(guī)，行距1.7倍，段距集中在2.7—3.3倍?？沙醪脚袛?，在此區(qū)間的信息層次閱讀體驗較好。

2）視覺降噪，建立專注的瀏覽環(huán)境

面對圖形信息設(shè)計語言不一致導(dǎo)致瀏覽受到干擾的問題。通過元素整理收斂，統(tǒng)一ICON風(fēng)格、文字顏色、刪減表情和符號元素，建立統(tǒng)一的視覺語言。

3）結(jié)構(gòu)收斂，結(jié)合輕運營設(shè)計，營造流暢的瀏覽視效

面對版式結(jié)構(gòu)混亂導(dǎo)致瀏覽不連貫的問題。經(jīng)過結(jié)構(gòu)整理收斂，統(tǒng)一段落標題樣式、去掉段落縮進、去掉標題。融入亮點設(shè)計方案，結(jié)合輕運營設(shè)計和評分數(shù)據(jù)，吸引用戶瀏覽。

3. 方案產(chǎn)出，經(jīng)用戶調(diào)研篩選最終方案

為了初步驗證方案的合理性，設(shè)計依據(jù)三個方向產(chǎn)出設(shè)計方案，通過用戶采訪，驗證最符合目標的設(shè)計方案。

1. 降噪+結(jié)構(gòu)收斂方案：降噪+結(jié)構(gòu)收斂方案瀏覽更順暢，完成瀏覽速度更快。
2. 字號方案：字號54px、行距1.7倍方案，完讀率最高，用戶反饋瀏覽更舒適。
3. 段間距方案：段間距2.9倍時，瀏覽中斷最少。

4. 場景拓展，橫向賦能

1）口碑詳情，上線后數(shù)據(jù)實現(xiàn)超預(yù)期漲幅，具備橫向賦能價值

單篇口碑人均消費時長：+102.9%人均完讀率：+78.4%，數(shù)據(jù)實現(xiàn)超預(yù)期大幅增長，表明閱讀體驗升級設(shè)計方案有一定的助力作用，具備橫向拓展賦能的價值。

2）橫向拓展全內(nèi)容場景，數(shù)據(jù)均正向增長

復(fù)利APP口碑詳情的成功經(jīng)驗，橫向賦能APP及小程序端各內(nèi)容場景，數(shù)據(jù)均正向增長，助力多場景閱讀體驗的提升。

本次的閱讀體驗升級設(shè)計方案，通過對全局思考和細節(jié)深耕，使用信息層次調(diào)優(yōu)、視覺降噪、結(jié)構(gòu)收斂等設(shè)計手段，打造舒適的瀏覽視覺動線、建立專注連貫的瀏覽環(huán)境，橫向賦能全內(nèi)容場景，提升閱讀體驗，助力內(nèi)容場景建設(shè)。

四、寫在最后

我們對內(nèi)容場景的設(shè)計還在不斷的探索和實踐。伴隨著時代發(fā)展變化，用戶需求和行為習(xí)慣也在轉(zhuǎn)變，對于體驗設(shè)計而言，必須保持敏感度，用設(shè)計給用戶帶來更舒適、更高效的使用體驗。