本篇文章作者提出了有關(guān)后臺產(chǎn)品設(shè)計的三種思考：優(yōu)先級的判斷、歸類和擴(kuò)展性，對此，提出了四種方法。

我們在做后臺產(chǎn)品的設(shè)計時，經(jīng)常會遇到有大量的字段需要用戶填寫的場景，如果把所有的字段全部鋪開，讓用戶填寫，估計很多用戶看到之后，填寫的意愿會降到冰點(diǎn)。

所以，如何在既能滿足業(yè)務(wù)需求的情況下，讓界面的保持簡潔、達(dá)到用戶操作便利、高效的目標(biāo)？

一、三種思考

1. 優(yōu)先級的判斷

人的認(rèn)知資源（人的工作記憶容量是4±1）和屏幕的界面資源（受屏幕尺寸的限制）都是稀缺的，所有內(nèi)容都重要，那么沒有什么內(nèi)容是重要的。

對優(yōu)先級的判斷可以從如下幾個方面著手：

1.1 分用戶

目標(biāo)用戶是誰？一般我們只能滿足1~2個用戶角色去做設(shè)計，如果再多，會導(dǎo)致我們設(shè)計目標(biāo)模糊不清，所以，不要假設(shè)我們可以滿足所有用戶的所有需求。

比如：一個廣告的創(chuàng)建流程，我們會優(yōu)先考慮初級用戶，其次才是高級用戶。

1.2 分場景

同一個字段，在不同的使用場景，它的優(yōu)先級是不同的。

比如：用戶在瀏覽商品時，商品信息的優(yōu)先級是高的；而用戶在選好商品，進(jìn)入到支付環(huán)節(jié)，商品信息的優(yōu)先級相對而言，就會下降，而支付信息的優(yōu)先級會上升。

2. 歸類

根據(jù)具體情況，按不同的維度，將內(nèi)容進(jìn)行歸類，比較常用的是：按屬性歸類。

示例：臉書的廣告投放平臺將把頁面內(nèi)容梳理成3類后，頁面展示變得更為簡潔。

3. 擴(kuò)展性

考慮到各方面的原因，如：使用量暫時沒有上來，開發(fā)工作量的限制等，很多功能都是小步迭代的。但是，我們的設(shè)計需要考慮到擴(kuò)展性。

比如：當(dāng)前產(chǎn)品需求選項(xiàng)不多，如果，后期可能還會往里加更多的選項(xiàng)，那么就要平衡當(dāng)前界面、目前選項(xiàng)數(shù)量、后續(xù)選項(xiàng)的數(shù)量級，來判斷采用什么樣的控件。

示例：在Adwords的廣告樣式預(yù)覽中：

A-1、“桌面設(shè)備”的主要廣告樣式的展示，平鋪展示5個樣式，用戶可以一目了然的看到可以投放的廣告樣式。

如果，后續(xù)會增加大量的內(nèi)容，這種展示方式的擴(kuò)展性就不太友好，因?yàn)榉盘啵脩魰茈y記住。

然而，從業(yè)務(wù)需求上來說，增加內(nèi)容的可能性比較小，因此，目前的展示方式，是相對合理的。

A-2、“移動設(shè)備”的樣式展示，一次只展示一個，其它樣式，通過“←→”進(jìn)行翻閱，這種方式的擴(kuò)展性更強(qiáng)，且每次只展示一個廣告的樣式，內(nèi)容更聚焦。

有個小問題是：這里沒有告之用戶，一共有多少個，因?yàn)橐恢笔茄h(huán)播放，也沒有終點(diǎn)。

所以，要求用戶去記憶每個廣告樣式的具體內(nèi)容，這個對用戶的要求會有些高。

二、 四個方法：

1. 分步驟展示

這個在后臺中比較常用，

示例：谷歌的Adwords廣告投放平臺，把創(chuàng)建廣告分成了4步：

2. 含蓄的隱藏

隱藏只有專業(yè)用戶才會用到的高級選項(xiàng)，采用漸進(jìn)式呈現(xiàn)的方式。

2.1 考慮到重要程度

• 必填項(xiàng)的高頻操作項(xiàng)；
• 必填項(xiàng)的低頻操作項(xiàng)；
• 選填項(xiàng)的高頻操作項(xiàng)；
• 選填項(xiàng)的低頻操作項(xiàng)；

示例：在Adwords的廣告創(chuàng)建流程中：

A、把要必填的內(nèi)容直接展開：

B、把選填的內(nèi)容默認(rèn)收起：

C、把只有專業(yè)用戶才會用到的高級選項(xiàng)，隱藏：

D、非必須且低頻的功能，深度隱藏：D-1、通過符號，含蓄告之有收納內(nèi)容：

D-2、點(diǎn)擊符號，喚起隱藏的內(nèi)容：

D-3、通過結(jié)果反饋執(zhí)行的結(jié)果：

2.2 考慮到數(shù)量

人的工作記憶容量是4±1，對于第5個及5個以上進(jìn)行隱藏：

示例：在Adwords的人群的查看表格：放出了較為重要的前5個屬性，把第6個進(jìn)行了隱藏。由用戶按需來決定：第5個和第6個的優(yōu)先級。

3. 信息分層級展示

示例：在Adwords中廣告創(chuàng)建流程中，突出的是右側(cè)的內(nèi)容，而不是左側(cè)的標(biāo)簽。

在右側(cè)的內(nèi)容中：

• 首先：用圖示的方式，將兩種網(wǎng)絡(luò)的廣告會出現(xiàn)的位置用黃色色塊標(biāo)識出來。（這個用戶最為關(guān)心）
• 其次：標(biāo)題
• 再次：高亮顯示已默認(rèn)為用戶勾選的內(nèi)容（這個用戶較為關(guān)心）。
• 然后：介紹
• 最后：小問號的內(nèi)容（隱藏內(nèi)容，需要用戶鼠標(biāo)移到小問號上，才會展示）。

4. 信息分組展示（具體分組方案的設(shè)計，可以參考格式塔原則）

示例：在Adwords的廣告創(chuàng)建流程中，將廣告歸納為5種，分5個卡片進(jìn)行展示：

本文由 @崔玲美 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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