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

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

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

抓住注意力的核心在于使用戶能夠快速獲取到自己想要的信息，或者成功有效傳達(dá)我們想讓用戶知道的內(nèi)容，需提煉出每一頁面的核心內(nèi)容，有條理有重點(diǎn)，核心信息傳遞醒目有效，避免因?yàn)橐袅刻?，干擾太多而讓用戶錯(cuò)過。

1. 頁面層級排布

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

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

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

得到APP將登錄手機(jī)號和驗(yàn)證碼輸入拆分為不同頁面

1）主頁

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

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

2）列表頁

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

① 使用頻次影響信息展示詳細(xì)程度

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

② 排序指標(biāo)選取注重信息可感知

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

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

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

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

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

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

3）詳情頁

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

① 有條理的信息展示結(jié)構(gòu)

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

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

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

不同角色對同個(gè)頁面關(guān)注要點(diǎn)可能不同，所需執(zhí)行的操作不同。

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

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

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

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

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

4）小結(jié)

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

2. 展示字段選擇

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

1）聚焦業(yè)務(wù)目標(biāo)

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

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

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

2）減少再思考轉(zhuǎn)化

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

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

3）減少同質(zhì)性內(nèi)容

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

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

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

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

1）遵從循序漸進(jìn)

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

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

2）指標(biāo)指引行為

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

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

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

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

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

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

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

二、總結(jié)

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

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

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

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

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

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