中后臺工具產品的面向用戶人群大多在企業內部，通常情況下，產品經理可能會更加注重功能和業務邏輯，但其實，中后臺產品的交互體驗也十分重要，優秀的交互體驗，可以減少業務人員使用產品時所產生的困惑。一起來看看本文為中后臺產品經理所總結的交互知識吧。

前言介紹

中后臺工具產品指的是為企業內部用戶提供產品模塊，這類產品相較于用戶端（C 端），由于用戶人群受限于企業內部，因此交互體驗的容錯性會更大，因此中后臺的產品經理通常更關注功能和業務邏輯，而輕視交互體驗。

伴隨企業規模和用戶群體擴大，其實中后臺一些較差的產品交互體驗，實際上也會對前線作業人員帶來更大的干擾，因此本文期望通過整理一些常用的交互知識，讓中后臺產品經理能夠在日常工作中作出一些合理設計和判斷。

一、用戶端與中后臺產品相同點與區別

1. 相同點

1. 都要給人使用；
2. 都要兼顧用戶體驗和業務之間的平衡；
3. 產品設計的核心思想：解決什么問題。

2. 不同點

從產品設計角度來說，用戶端產品偏重用戶體驗，中后臺產品偏重信息流。

中后臺產品追求如何讓用戶在最短時間，最短路徑，最低成本達到目的。

中后臺端產品來說，要解決的主要是不同生產關系的協作溝通需求，在中心化的組織架構下，中后臺產品需要滿足不同層級，組織內外的協作溝通。中后臺產品需要考慮比如權限設計，角色分配，運營數據展示等功能，在功能穩定的前提下提升生產效率。

二、什么是好的用戶體驗

中后臺產品面向的用戶對象是企業內部，使用相關產品的用戶也是人，因此好的用戶體驗的原理是相通的。

用戶體驗良好的判定標準是：別讓用戶想、別讓用戶猜、別人用戶煩。針對中后臺流程性產品，細化來看在操作前、中、后都需要有良好的提示與反饋。

1. 操作前：可預知

如：產品界面中通過清晰的導航告訴用戶在哪里、能去哪里、會去到哪里。

2. 操作中：有反饋

針對用戶的每一步操作，予以明確的狀態變化。

3. 操作后：可撤銷

幫助用戶挽回錯誤的決策。

三、輕松掌握的一些交互原理

1. 視覺動線

人的閱讀方式應該是遵循某種習慣進行的，好像讀書本一樣——除了從左到右，還有從上到下的方式。閱讀引力是從上到下，從左到右，呈現Z字形移動，而起點和終點會作為重點視覺記憶區，中間過程會輕掃作為次要視覺記憶區。

（本圖是介紹視覺動線的網絡用圖）

一些奇奇怪怪的知識：阿拉伯字母的文字都是從右到左，因此他們的產品界面是都是從右到左設計。

2. 操作熱區

針對手機相關產品，Steven Hoober在文章《How do users really hold mobile devices?》進行了廣泛的研究。用戶拿手機的方式有六種，甚至更多。大多數情況下，用戶用拇指觸摸屏幕，無論是單手還是雙手。而有時，也會用食指進行觸控。

最重要的內容應該在中心，其他關鍵導航控件在底部。

3. 功能設計原則

1）減少輸入

能讓用戶點擊，就不讓用戶打字。如流程申請類產品功能，可以盡可能將手動填寫的方式轉變成結構化選項。

2）減少記憶

減少用戶需要記憶的操作，如使用短信驗證碼、人臉識別等方式代替密碼。

3）縮短路徑

對于一次性需要填寫較多內容的功能，支持暫存操作，密集復雜的表單項進行拆解、歸類，降低用戶填寫壓力。

4）去除干擾

將不重要的項目合并折疊，讓用戶專注于重要、必要的填寫任務。

四、設計案例參考

PC端中后臺端產品基本由導航、篩選、表格幾大模塊構成，表格面積占比最大，頁面呈現最為重要，會直接影響用戶的使用體驗。

1. 導航設計

作用：導航欄在中后臺產品起到分發、引導作用，幫助用戶在復雜的后臺頁面中，尋找出自己真正想要的功能。

• 菜單廣度：導航菜單中每一個層級包含的菜單項數目為廣度。
• 菜單深度：導航菜單層級的數目為深度。

深廣度平衡幫助用戶進行快速選擇，通過能夠對整個產品架構有著第一眼的認識。

7±2 原則：

原則解釋：1956 年喬治米勒對短時記憶能力進行研究，他發現人類頭腦最好的狀態能記憶含有 7（±2）項信息塊，在記憶了 5-9 項信息后人類的頭腦就開始出錯。因此菜單建議最多不要超過 9 個，最少不要低于5個，超過9個時，一定要對菜單進行分組。

復雜中后臺產品導航建議采用混合式導航，如阿里云，由于功能較多，采用的就是橫縱向都有的導航。

2. 主要按鈕和次要按鈕如何擺放？

主要按鈕與次要按鈕如何放置，需要評估效率與準確率。

一般來說，順延用戶操作路徑，主按鈕要左側，提升錄入效率；控制表單全局的頂部按鈕、底部按鈕，一般置右側，讓用戶了解操作項，再進行決策。

3. 表單設計

有明確的邏輯順序，通過步驟條簡化任務；步驟小于3步，無需展示；橫向步驟條最常用，適合步驟較少的場景；縱向步驟條適合步驟較多或步驟數目處于動態變化的場景。

60%的標簽超過8個字或有國際化需求，使用頂對齊，視線從上至下，閱讀與表單填寫都高效直接。

50%標簽名稱短，使用左右對齊（最常用）。

容易出錯的表單填寫：

當希望用戶詳細閱讀時，解釋文字的展示樣式。

4. 提示信息

5. 數據脫敏設計

最后，產品功能和交互設計一定需要結合用戶場景，例如一些面向戶外工作場景的功能，就不適應正常的標準，反而相應的字體大小、交互設計會更加強烈，以上交互原則也是一樣，需要與自己實際面對的用戶場景選擇合理的交互方案。