後臺互動設計師的收納技能
本篇文章作者提出了有關後臺產品設計的三種思考：優先順序的判斷、歸類和擴充套件性，對此，提出了四種方法。
我們在做後臺產品的設計時，經常會遇到有大量的欄位需要使用者填寫的場景，如果把所有的欄位全部鋪開，讓使用者填寫，估計很多使用者看到之後，填寫的意願會降到冰點。
所以，如何在既能滿足業務需求的情況下，讓介面的保持簡潔、達到使用者操作便利、高效的目標？
一、三種思考
1. 優先順序的判斷
人的認知資源（人的工作記憶容量是4±1）和螢幕的介面資源（受螢幕尺寸的限制）都是稀缺的，所有內容都重要，那麼沒有什麼內容是重要的。
對優先順序的判斷可以從如下幾個方面著手：
1.1 分使用者
目標使用者是誰？一般我們只能滿足1~2個使用者角色去做設計，如果再多，會導致我們設計目標模糊不清，所以，不要假設我們可以滿足所有使用者的所有需求。
比如：一個廣告的建立流程，我們會優先考慮初級使用者，其次才是高階使用者。
1.2 分場景
同一個欄位，在不同的使用場景，它的優先順序是不同的。
比如：使用者在瀏覽商品時，商品資訊的優先順序是高的；而使用者在選好商品，進入到支付環節，商品資訊的優先順序相對而言，就會下降，而支付資訊的優先順序會上升。
2. 歸類
根據具體情況，按不同的維度，將內容進行歸類，比較常用的是：按屬性歸類。
示例：臉書的廣告投放平臺將把頁面內容梳理成3類後，頁面展示變得更為簡潔。
3. 擴充套件性
考慮到各方面的原因，如：使用量暫時沒有上來，開發工作量的限制等，很多功能都是小步迭代的。但是，我們的設計需要考慮到擴充套件性。
比如：當前產品需求選項不多，如果，後期可能還會往裡加更多的選項，那麼就要平衡當前介面、目前選項數量、後續選項的數量級，來判斷採用什麼樣的控制元件。
示例：在Adwords的廣告樣式預覽中：
A-1、“桌面裝置”的主要廣告樣式的展示，平鋪展示5個樣式，使用者可以一目瞭然的看到可以投放的廣告樣式。
如果，後續會增加大量的內容，這種展示方式的擴充套件性就不太友好，因為放太多，使用者會很難記住。
然而，從業務需求上來說，增加內容的可能性比較小，因此，目前的展示方式，是相對合理的。
A-2、“移動裝置”的樣式展示，一次只展示一個，其它樣式，通過“←→”進行翻閱，這種方式的擴充套件性更強，且每次只展示一個廣告的樣式，內容更聚焦。
有個小問題是：這裡沒有告之使用者，一共有多少個，因為一直是迴圈播放，也沒有終點。
所以，要求使用者去記憶每個廣告樣式的具體內容，這個對使用者的要求會有些高。
二、 四個方法：
1. 分步驟展示
這個在後臺中比較常用，
示例：谷歌的Adwords廣告投放平臺，把建立廣告分成了4步：
2. 含蓄的隱藏
隱藏只有專業使用者才會用到的高階選項，採用漸進式呈現的方式。
2.1 考慮到重要程度
- 必填項的高頻操作項；
- 必填項的低頻操作項；
- 選填項的高頻操作項；
- 選填項的低頻操作項；
示例：在Adwords的廣告建立流程中：
A、把要必填的內容直接展開：
B、把選填的內容預設收起：
C、把只有專業使用者才會用到的高階選項，隱藏：
D、非必須且低頻的功能，深度隱藏：D-1、通過符號，含蓄告之有收納內容：
D-2、點選符號，喚起隱藏的內容：
D-3、通過結果反饋執行的結果：
2.2 考慮到數量
人的工作記憶容量是4±1，對於第5個及5個以上進行隱藏：
示例：在Adwords的人群的查看錶格：放出了較為重要的前5個屬性，把第6個進行了隱藏。由使用者按需來決定：第5個和第6個的優先順序。
3. 資訊分層級展示
示例：在Adwords中廣告建立流程中，突出的是右側的內容，而不是左側的標籤。
在右側的內容中：
- 首先：用圖示的方式，將兩種網路的廣告會出現的位置用黃色色塊標識出來。（這個使用者最為關心）
- 其次：標題
- 再次：高亮顯示已預設為使用者勾選的內容（這個使用者較為關心）。
- 然後：介紹
- 最後：小問號的內容（隱藏內容，需要使用者滑鼠移到小問號上，才會展示）。
4. 資訊分組展示（具體分組方案的設計，可以參考格式塔原則）
示例：在Adwords的廣告建立流程中，將廣告歸納為5種，分5個卡片進行展示：
本文由 @崔玲美 原創釋出於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議