中后臺工具產品即學即用的交互知識
中后臺工具產品的面向用戶人群大多在企業內部,通常情況下,產品經理可能會更加注重功能和業務邏輯,但其實,中后臺產品的交互體驗也十分重要,優秀的交互體驗,可以減少業務人員使用產品時所產生的困惑。一起來看看本文為中后臺產品經理所總結的交互知識吧。
前言介紹
中后臺工具產品指的是為企業內部用戶提供產品模塊,這類產品相較于用戶端(C 端),由于用戶人群受限于企業內部,因此交互體驗的容錯性會更大,因此中后臺的產品經理通常更關注功能和業務邏輯,而輕視交互體驗。
伴隨企業規模和用戶群體擴大,其實中后臺一些較差的產品交互體驗,實際上也會對前線作業人員帶來更大的干擾,因此本文期望通過整理一些常用的交互知識,讓中后臺產品經理能夠在日常工作中作出一些合理設計和判斷。
一、用戶端與中后臺產品相同點與區別
1. 相同點
- 都要給人使用;
- 都要兼顧用戶體驗和業務之間的平衡;
- 產品設計的核心思想:解決什么問題。
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. 數據脫敏設計
最后,產品功能和交互設計一定需要結合用戶場景,例如一些面向戶外工作場景的功能,就不適應正常的標準,反而相應的字體大小、交互設計會更加強烈,以上交互原則也是一樣,需要與自己實際面對的用戶場景選擇合理的交互方案。
本文由 @小T 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!