編輯導語：設計出簡潔的產(chǎn)品，除了追求功能規(guī)劃的簡單之外，另一方面在于頁面的簡潔有效，本文作者通過選取初期產(chǎn)品設計的案例，分享了簡潔有效的頁面布局的設計方法，一起來看看吧。

一、依附注意力的頁面呈現(xiàn)

除了追求功能規(guī)劃的簡單可行，“樸素”的另一方面在于頁面的簡潔有效，而簡潔不單單意味著元素少，還需考慮用戶所保持的注意力能否停留在所展示的信息內容上。

抓住注意力的核心在于使用戶能夠快速獲取到自己想要的信息，或者成功有效傳達我們想讓用戶知道的內容，需提煉出每一頁面的核心內容，有條理有重點，核心信息傳遞醒目有效，避免因為音量太小，干擾太多而讓用戶錯過。

1. 頁面層級排布

每增加多一步操作就會導致多一部分用戶流失，這是漏斗轉化，提高產(chǎn)品易用性的核心思路，對產(chǎn)品流程設計的重要性毋庸置疑，但在某些情況下，特別是以信息展示為主的模塊，就不能一味追求減少層級跳轉，更多地需要綜合考慮所呈現(xiàn)的內容是否真正引起了用戶注意，信息是否真正有效。

對整一功能流程每一步可能需要操作的地方進行細化拆解，減少轉化步驟或提高每一步的轉化效果，是吸引用戶成功使用產(chǎn)品，最大化產(chǎn)品價值的核心要點。

或許早就明白“頁面多跳一次更影響使用體驗”，而往往由于太過于明白，導致我們太執(zhí)著于縮短路徑，很容易將太多元素信息放置到同個頁面，混淆了主次信息，附加太多分散注意力的干擾項，核心信息無法得到明顯體現(xiàn)，增大使用難度，頁面停留時長此時就成了一個虛榮指標。層級排布還需根據(jù)具體頁面類型平衡不同要點，某些情況下將信息分攤至多個層級頁面展示或許效果更佳。

得到APP將登錄手機號和驗證碼輸入拆分為不同頁面

1）主頁

主頁是為了引領用戶使用，一般對應的是入口和首頁數(shù)據(jù)看板，入口典型的有功能入口和消息入口。

• 功能入口的位置選取需考慮與其他模塊和操作間的相互關聯(lián)，模塊命名需能與其他模塊產(chǎn)生明顯區(qū)分，體現(xiàn)出模塊所執(zhí)行的核心業(yè)務；
• 消息通知需重點考慮當前情形下哪些指標最為重點的，點擊查看的核心觸發(fā)點。
• 數(shù)據(jù)看板指標的選取需要能最大程度地體現(xiàn)出近期變化情況，能夠對當前產(chǎn)生行為指引（下文將會單獨討論數(shù)據(jù)指標選?。?。

2）列表頁

常見的商品、訂單列表，信息流內容列表，目的是使用戶了解大致概況，需體現(xiàn)出不同信息組間的辨識度，且這一辨識標識需要足夠醒目，使能夠快速定位所需內容。

① 使用頻次影響信息展示詳細程度

列表頁需要重點結合考慮模塊使用頻率，如果是高頻使用，每次查看更新信息條數(shù)較少，則可以將更多詳細信息同時展示，減少跳轉詳情頁的操作或直接去除詳情頁；若瀏覽頻次低，則只體現(xiàn)出重點標識信息即可，提高單屏展示信息條數(shù)，實現(xiàn)信息查看的快速定位，減少屏幕滾動頻次。

② 排序指標選取注重信息可感知

排序指標是列表頁需要重點關注的另一方面，排序指標的選擇需要保證新產(chǎn)生信息能夠顯示至列表最上方，同時兼容多狀態(tài)的共同展示。

例如部分業(yè)務中會將訂單購買和退款放到同一模塊中，實現(xiàn)交易金額的沖減，而如果只是選擇成交時間作為排序指標會造成訂單退款后記錄無法更新顯示到最上方，信息沉底，用戶無法感知到此時有退款單的產(chǎn)生。

排序同時要盡量減少頭部效應的影響，數(shù)據(jù)要呈現(xiàn)出動態(tài)，避免一成不變頭部數(shù)據(jù)長期占據(jù)頂部，使用戶無法第一時間感知分析情況，長期變動不大的數(shù)據(jù)容易造成疲勞感，降低了用戶點開查看的欲望。

針對消費客戶的列表展示，如果以歷史累計消費作為排序指標，確實可以理想地衡量出客戶價值，但會導致部分客戶長期處于霸榜位置，容易忽視掉高潛力的客戶，已流失的老客戶還會被納入重點對象，此時結合了時間序列，使用客戶最近消費時間、短周期內的累計消費等指標排序能更好體現(xiàn)出客戶業(yè)務狀態(tài)及潛在可挖掘價值。

排序指標需便于用戶理解，與其已有的業(yè)務認知產(chǎn)生關聯(lián)，列表頁的核心在于定位信息，如果順序不符合用戶已有認知，那對他們而言就相當于“亂序”。

例如對于分銷傭金記錄列表，需機構方后臺確認后才能產(chǎn)生對應待結算訂單記錄，確認時間確實是一個能更好體現(xiàn)訂單進度指標，但該指標取決于機構方操作產(chǎn)生的，不受分銷員掌控，對其而言是一個被打亂的新的訂單序列，需要再多費心思了解詳情后才能讀懂，此時使用消費時間就會是一個更理想指標，與分銷員先前已獲知的信息產(chǎn)生關聯(lián)，更加直觀便于理解。

3）詳情頁

詳情頁承載最多的內容信息，信息越多就越需要體現(xiàn)出邏輯條理，突出核心。大多數(shù)情況下詳情頁還需執(zhí)行相關操作，需要注重端到端閉環(huán)形成，著重體現(xiàn)觸發(fā)操作所依據(jù)的信息內容。

① 有條理的信息展示結構

對當前頁面所需展示的字段信息進行歸納分類，對每一類別能用單一詞語進行概括，避免各組別之間沒有完全獨立，邊界模糊，造成用戶閱讀時內容出現(xiàn)位置與其預期不對等?？砂凑帐钦l，做了什么事，有什么結果的數(shù)據(jù)結構來展示。

② 核心體現(xiàn)以操作執(zhí)行為導向

頁面內容查看之后用戶接下來會做什么？操作觸發(fā)點是什么？什么關鍵信息決定用戶該如何操作？關鍵信息該如何重點體現(xiàn)？如何避免信息被遺漏查看？

不同角色對同個頁面關注要點可能不同，所需執(zhí)行的操作不同。

例如對于物資采購，部門主管側重審批采購是否必要，經(jīng)理審批是否是預算之內，采購審批通過哪個渠道采購，需同步考慮信息展示如何兼容各干系人的操作便捷性，契合其關注重點，同時需要注意避免同時要求執(zhí)行的操作過多而讓用戶產(chǎn)生抗拒心理。

③ 注重行為閉環(huán)

上一部分所講的屬于用戶已有明確的操作要求（該處需要審批，還需多人審批），這一部分所體現(xiàn)的是在沒有明確操作要求情況下，出于產(chǎn)品易用性及價值最大化考慮，需要注重用戶行為流程完整閉環(huán)的形成，整合原先獨立的不同環(huán)節(jié)。

例如在常見的客戶分析模塊中，分析出客戶類型、潛力后，容易忽視分析客戶的根本是為了發(fā)掘客戶產(chǎn)生更多價值，分析結果還只是發(fā)掘的起點，還需要觸發(fā)客戶產(chǎn)生真正地消費，可能就需要對潛在或重點客戶及時進行回訪，此時就需要有對應模塊可以調起呼叫撥打，對應回訪結果的記錄填寫。

單獨的呼叫撥打僅在當前查看人負責執(zhí)行的情況下有效，同時考慮對于管理層查看時是否還會涉及指派給其他員工等情況，從而形成一個完整的回訪執(zhí)行鏈路。服務端到端，注重服務請求從提出到滿足的全過程，避免用戶行為環(huán)節(jié)產(chǎn)生斷層。

4）小結

以上僅是個人對于常見頁面較為籠統(tǒng)的劃分，并不能涵蓋到所有類型，只是想表達出對于不同頁面用戶的注意點不同，過于簡潔容易導致頁面利用率不高，信息不完整，增多操作頻次。為追求減少層級跳轉而將大量內容一同堆砌，容易造成信息讀取過載，降低用戶閱讀、業(yè)務處理效率。以用戶預期行為為導向，不附帶干擾信息。

2. 展示字段選擇

經(jīng)常會遇到與對應業(yè)務相關聯(lián)的字段內容很多，很難決定是否需要展示，出于“充分性”的角度考慮，最后都選擇放上去。展示字段的選擇同樣需要遵從注意力法則，從業(yè)務目標的角度出發(fā)，兼顧不同干系人的查看訴求，考量字段展示是否真正有效。

1）聚焦業(yè)務目標

從業(yè)務的角度，以價值態(tài)的形式說明各干系人希望通過該模塊希望達到的業(yè)務目標，且這一目標得是具體、可衡量的，過于宏觀泛化目標無法針對性有效實現(xiàn)，不要寄望于在同一模塊中即可達成系列目標，同時附帶太多內容容易導致模塊業(yè)務價值得不到好的體現(xiàn)。

例如針對產(chǎn)品的銷售分析，核心目的是分析出業(yè)務量大、收益高的產(chǎn)品，增大或減少相關產(chǎn)品投入量。

此時是否使用優(yōu)惠券、是否使用賬戶余額等支付方式指標確實在一定程度上可以更全面地評估產(chǎn)品吸引力，側面反映出產(chǎn)品是更吸引高黏性老客戶還是拉新價格敏感的新客戶，但這類型指標更側重于運營層面的細化分析，引入的話會帶來其他需要同時思考的內容，無法聚焦關注主體業(yè)務目標，更為有效是另起模塊單獨進行分析。

2）減少再思考轉化

字段指標的選擇擬定應當直觀明了，契合用戶的思路方式，減少需再思考轉化的可能。例如對于合作渠道商活躍度分析中，未帶客消費天數(shù)就會比最近一次帶客消費更直觀地衡量出不活躍渠道商的相對嚴重程度，呈現(xiàn)時數(shù)值會比日期更加直觀，更理想的可指定排序指標。

區(qū)別于經(jīng)典的RFM分析中的客戶最近一次成交，基于客戶層面的分析一般不會對不同客戶間進行橫向對比，選擇日期更適合單個客戶的分析，可以更直接地關聯(lián)回顧營銷活動事件。

3）減少同質性內容

部分常為空或存在常見值，常見值對結果判斷不會產(chǎn)生太大影響的字段內容，可處理成通過條件篩選觸發(fā)查看，或者待出現(xiàn)非常見值再展示該字段，減少同質信息的重復閱讀。

例如對于合作渠道商業(yè)績排名，排名基本會和商家角色存在較大關聯(lián)，角色字段在該處就沒有太大展示的必要，但還是需要考慮可通過角色觸發(fā)篩選查詢，不排除低級別角色產(chǎn)生高業(yè)績的可能。

3. 數(shù)據(jù)指標選型

數(shù)據(jù)指標能夠最直觀地衡量出用戶行為和業(yè)務狀況，核心在于需要能為用戶行為產(chǎn)生直接指引，不是單純的數(shù)據(jù)信息展示，同時需要避免關注數(shù)據(jù)項過多而導致無法掌握核心問題。

1）遵從循序漸進

初版數(shù)據(jù)指標盡量以監(jiān)測統(tǒng)計及簡單的二級運算為主，暫先不涉及復雜的計算邏輯，先確保數(shù)據(jù)項定義清晰，被業(yè)務所重視的，數(shù)據(jù)源取值準確，數(shù)據(jù)項維護完備等。

并非所有問題都可以通過計算機自動獲取解決方案，解決非結構性問題，數(shù)據(jù)指標更多只是輔助決策，最終的決定還是需要管理人員或負責人借助自己的智慧來處理，最終結果是多元因素綜合影響的，前期基于暫不完整的問題處理決策角度，從有限、不確定性較高的數(shù)據(jù)信息即對結果做太多的分析定論往往會適得其反。

2）指標指引行為

數(shù)據(jù)指標選取時需要注重能對用戶產(chǎn)生行為指引，單純的數(shù)值展示難以給用戶帶來有效觸動，指標需要能夠提示操作，依據(jù)該指標如何改變當前行為。

比率就是一個最簡單也更有觸發(fā)性的數(shù)據(jù)下鉆方向，例如當統(tǒng)計出了近30天消費額，單純依靠該指標無法知道當前狀況是好是壞，或者只能依靠查看人自身去回顧判斷，無法直觀知道下一步該如何做出調整。

而同比環(huán)比的引入能更清晰地理解周期波動變化，去關聯(lián)思考市場變化及營銷投入產(chǎn)出。當同時出現(xiàn)多個指標波動時，比率能體現(xiàn)出指標間的關聯(lián)，例如客單價可以幫助理解客戶質量是否上升，新客成交額占比幫助理解應該加大營銷推廣力度還是促進老客再消費。

3）核心指標是對結果產(chǎn)生直接聯(lián)系

對于首頁、數(shù)據(jù)大屏等黃金區(qū)域展示指標的選取最需注重精簡，使核心問題能夠得到最重點的關注。指標一窩蜂地往上懟，看似具體全面，卻容易帶來太多的干擾信息，導致顧此失彼。

首頁核心指標只提取根本性指標，能對業(yè)務狀態(tài)結果產(chǎn)生直接聯(lián)系，不選取中間狀態(tài)型指標。

例如，對于分銷合伙人業(yè)績體現(xiàn)，上報客戶數(shù)并無法與業(yè)績產(chǎn)生直接關聯(lián)，客戶產(chǎn)生消費了才能與業(yè)績掛鉤，所以上報客戶數(shù)無法歸類為最核心指標，但上報客戶數(shù)依舊是合伙人帶客能力的一大評分項，此時可額外圖表再體現(xiàn)出“上報-消費”轉化漏斗，上報客戶數(shù)波動情況等，使核心數(shù)據(jù)得到最純粹的展示。

二、總結

“簡潔”一詞想必都已爛熟于心，而就像“曝光效應”所說的，做某件事的次數(shù)多了，我們就會相信自己已經(jīng)很擅長這件事，我們不斷地向自己灌輸“簡潔”意識，也就自認為自己已經(jīng)了然于心了。

看過了太多做得“厚重”的產(chǎn)品，在時間潮流中被追求完整生態(tài)化的目標推著走，希望時刻能保持住一個“樸素”的心態(tài)，如無必要，勿增實體，簡單有效。

本文大部分案例引用的是初期產(chǎn)品，目的是為降低分析描述的復雜度，但樸素不止在于產(chǎn)品初期，而是貫穿于產(chǎn)品的整個生命周期，任一迭代之中。

作者：完結，游走B端嘗試toC產(chǎn)品人；尋找復雜問題簡單化處理思路方式；“數(shù)據(jù)人創(chuàng)作者聯(lián)盟”成員。

本文由@一個數(shù)據(jù)人的自留地 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉載。

題圖來自 Pixabay，基于CC0協(xié)議。