對于「成熟期」的產品，設計師們經常頭痛于“如何挖掘創新功能點”、“如何驅動頁面體驗優化”。跟隨競品亦步亦趨迭代往往使產品變成“四不像”，造成這種現象的原因，是我們沒有按系統化思維去拆解競品、審視自身，僅關注競品局部功能變化而沒有摸清頁面設計的底層邏輯，即“為什么這么做”以及“未來將會怎么做”。本文將以京東 App 部分關鍵頁面的體驗優化研究為例，詳解如何通過拆解用戶意圖，為頁面構建底層布局邏輯，規劃符合用戶預期的體驗動線，挖掘頁面體驗提升機會點。

更多用研干貨：

Step1. 現狀了解 & 信息收集

頁面體驗優化研究要基于現狀信息，即：了解目前有哪些功能、這些功能是如何被組織成頁面/流程的？用戶是誰？他們對現有功能的反饋如何？數據表現如何？這里主要包含五種的信息輸入渠道：

線上產品界面；

1. 歷史產品/設計文檔；
2. 用戶研究報告；
3. 意見反饋平臺；
4. 數據監測平臺；

我們通過線上產品界面和設計文檔整理，理清現有流程和功能框架，從用研報告和后臺數據中提取用戶共性需求和現存痛點，為后續機會點挖掘做前期信息儲備。

Step2. 用戶意圖拆解 & 場景任務歸納

根據現有功能清單，我們可以嘗試反推每個功能背后到底滿足了用戶什么本質訴求，將“具體功能”轉化為“潛在意圖”（這一步是打散，拆分得越細越好）。下一步，將同類或者相近的意圖進行整合歸納，可以獲得當前頁面的場景任務清單。在這個階段，我們已經可以初步審視現有頁面各功能模塊布局的合理性，如：同一個模塊中信息屬性是否一致，是否滿足了共同的用戶訴求，內容表達形式和行為操作方式是否統一等等。以舊版商詳頁為例（局部）：

Step3. 行為范式抽象 & 決策階段分層

上一個步驟中，我們通過用戶意圖拆解獲得了頁面中的主次場景任務，下一步需要將這些任務串聯成有邏輯的故事線，即抽象出用戶在當前頁面的典型行為范式。這個范式描述了用戶決策所經歷的幾個重要階段，反映了完整的用戶意圖變化過程以及促成變化的關鍵因子，由此我們可以系統地定位每個信息/功能/模塊在用戶決策中所起到的作用（決定優先級），進而推導合理的頁面布局和瀏覽動線。行為范式可以使用流程圖表達，包含關鍵決策階段、步驟說明、邏輯判斷關系等。以商詳頁面為例：

「經驗 1」聚焦單次訪問行為

梳理頁面行為范式時我們盡量縮小場景范圍，聚焦于用戶單次訪問和轉化的過程，排除分支流程的干擾（比如反復跳入跳出頁面，或者持續周期很長的復訪行為），提取用戶在頁面中最完整、通用的行為動線。以購物車頁面為例：

「經驗 2」關鍵決策階段縱向拆解

除了行為邏輯范式的橫向串聯，我們也可以針對某個關鍵決策階段進行縱向拆解。有些決策行為并非固定在某一個節點發生，而是在瀏覽整個頁面時隨時可能觸發，比如商詳頁“導流分發”階段，用戶在瀏覽商詳時隨時都可能對當前商品失去興趣，因此對其他商品的導流會穿插在頁面多個模塊。這種復合決策場景可以單拎出來進行統一策略制定，再以新的策略重新審視線上方案合理性。以商詳推薦導流模塊為例：

Step4. 競品對比 & 機會洞察

在行為范式的指導下，我們有了一套系統的觀察分析頁面結構的邏輯，每個功能/模塊在系統中發揮的作用一目了然。下一步可以從系統視角與外部競品進行詳細對標，這是快速挖掘體驗優化點的手段之一。研究競品就像是和很多同行們進行思想火花碰撞，比如觀察在相同的決策階段下，其他產品的決策引導策略是怎樣的？自身產品的優勢和劣勢在哪里？有沒有可優化的空間？很多有趣的點子能在研究中迸發。

「經驗」單點對比 & 流程對比

顧名思義，單點對比關注前臺信息呈現，即信息觸達效率，而流程對比更關注步驟銜接，即操作轉化效率。

綜合競品對比分析和前期用研和后臺數據分析，我們可以整理歸納出當前頁面的主要痛點和優化機會點：

Step5. 概念方案發散

概念方案主要包含對頁面框架重新規劃，用戶體驗卡點優化以及潛在機會點方案發散。以購物車中“商品召回”模塊優化為例（以下為概念稿，非最終上線效果，僅供參考）：

總結

本文主要介紹了筆者在頁面體驗設計研究過程中沉淀的一套研究思路：用戶意圖拆解和行為范式抽象法。通過打散和重組，梳理頁面設計底層邏輯框架，幫助我們系統化地拆解競品和審視自身產品，洞察更多體驗優化機會點。

歡迎關注「京東設計中心JDC」的微信公眾號：