建設舒適的瀏覽體驗,設計可以做什么?

0 評論 4101 瀏覽 28 收藏 9 分鐘

現在,每位用戶幾乎都需要接收大量的信息,這個時候,產品要如何做好內容建設,給用戶提供良好的瀏覽和閱讀體驗呢?本篇文章里,作者結合實際案例,總結了閱讀體驗升級的相關經驗和看法,一起來看看吧,或許會對你有所啟發。

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

一、設計目標

通過現狀分析發現,對于業務而言,產品發展到了深耕細節體驗階段,建設一個舒適的內容瀏覽體驗,成為當前重要設計目標。設計可從痛點分析、設計打法、指標驗證這3大步驟逐一擊破。

建設舒適的瀏覽體驗,設計可以做什么?

二、痛點分析

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

建設舒適的瀏覽體驗,設計可以做什么?

三、設計打法

針對設計目標和用戶痛點,逐步拆解、梳理、發散,循序漸進的推導出口碑詳情頁的設計方案,沉淀經驗,橫向賦能全部內容性場景的閱讀體驗升級。

建設舒適的瀏覽體驗,設計可以做什么?

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

如何打造舒適的內容瀏覽體驗?首先是剖析問題現狀,找準痛點影響因素,依據分析,助力設計方案探索。

1)痛點拆解

閱讀體驗影響元素可拆解為行距、字號、段距、ICON等11個元素,這些元素相互關聯相互影響,側重不同。依據痛點方向可梳理為文本、圖形、結構3種類型。

建設舒適的瀏覽體驗,設計可以做什么?

2)優先級定位

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

建設舒適的瀏覽體驗,設計可以做什么?

2. 方案探索,構建沉浸閱讀體驗

1)文本信息層次調優,打造舒適的瀏覽動線

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

建設舒適的瀏覽體驗,設計可以做什么?

2)視覺降噪,建立專注的瀏覽環境

面對圖形信息設計語言不一致導致瀏覽受到干擾的問題。通過元素整理收斂,統一ICON風格、文字顏色、刪減表情和符號元素,建立統一的視覺語言。

建設舒適的瀏覽體驗,設計可以做什么?

3)結構收斂,結合輕運營設計,營造流暢的瀏覽視效

面對版式結構混亂導致瀏覽不連貫的問題。經過結構整理收斂,統一段落標題樣式、去掉段落縮進、去掉標題。融入亮點設計方案,結合輕運營設計和評分數據,吸引用戶瀏覽。

建設舒適的瀏覽體驗,設計可以做什么?

3. 方案產出,經用戶調研篩選最終方案

為了初步驗證方案的合理性,設計依據三個方向產出設計方案,通過用戶采訪,驗證最符合目標的設計方案。

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

建設舒適的瀏覽體驗,設計可以做什么?

4. 場景拓展,橫向賦能

1)口碑詳情,上線后數據實現超預期漲幅,具備橫向賦能價值

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

建設舒適的瀏覽體驗,設計可以做什么?

2)橫向拓展全內容場景,數據均正向增長

復利APP口碑詳情的成功經驗,橫向賦能APP及小程序端各內容場景,數據均正向增長,助力多場景閱讀體驗的提升。

建設舒適的瀏覽體驗,設計可以做什么?

本次的閱讀體驗升級設計方案,通過對全局思考和細節深耕,使用信息層次調優、視覺降噪、結構收斂等設計手段,打造舒適的瀏覽視覺動線、建立專注連貫的瀏覽環境,橫向賦能全內容場景,提升閱讀體驗,助力內容場景建設。

四、寫在最后

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

作者:MEUX

來源公眾號:百度MEUX(ID:baidumeux),百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。

本文由人人都是產品經理合作媒體 @百度MEUX 授權發布,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!