用戶管理的設(shè)計(jì)原則
后臺(tái)的使用者通常是企業(yè)的各類權(quán)限的管理員,通過(guò)對(duì)用戶管理的合理設(shè)計(jì),讓管理員準(zhǔn)確、高效地完成既定任務(wù),來(lái)實(shí)現(xiàn)用戶管理的價(jià)值。
后臺(tái)產(chǎn)品的使命是為企業(yè)提升效率,降低成本,而用戶管理是后臺(tái)的核心部分,用戶管理有以下目的和價(jià)值:
- 簡(jiǎn)化操作流程,降低后臺(tái)維護(hù)成本
- 協(xié)同業(yè)務(wù)流程,提升后臺(tái)運(yùn)作效率
- 維護(hù)用戶資產(chǎn),放大用戶數(shù)據(jù)價(jià)值
后臺(tái)的使用者通常是企業(yè)的各類權(quán)限的管理員,通過(guò)對(duì)用戶管理的合理設(shè)計(jì),讓管理員準(zhǔn)確、高效地完成既定任務(wù),來(lái)實(shí)現(xiàn)上述目的和價(jià)值。
用戶管理的設(shè)計(jì)要遵循哪些基本原則
1. 高效
后臺(tái)產(chǎn)品的核心作用是提高效率,幫助使用者用最低時(shí)間成本解決問(wèn)題,達(dá)成目標(biāo),用戶管理也是如此,在設(shè)計(jì)中要時(shí)刻以高效為第一原則,因此我們以下面幾個(gè)維度來(lái)思考讓用戶管理工作更高效
(1)提升信息瀏覽效率
管理員使用后臺(tái)的時(shí)候,是很清楚自己要進(jìn)行什么任務(wù),需要在進(jìn)入后臺(tái)第一時(shí)間找到自己要去哪里,做什么事情。如管理員要查看新增賬號(hào)數(shù)量、是否有賬號(hào)使用異常等。
因此信息展示應(yīng)按使用頻次、重要程度、主次進(jìn)行分類,管理員可以一眼看到全局的狀態(tài),并快速找到自己將要去往的目標(biāo)位置。
圖1 高頻信息和功能在第一級(jí)
具體方法可以將信息架構(gòu)中的用戶部分(即數(shù)據(jù)庫(kù)的用戶表關(guān)聯(lián)字段)提取出來(lái),先按優(yōu)先級(jí)分類,再按關(guān)聯(lián)性分類和聚合。
(2)提高查找效率
通常發(fā)生在管理員需要快速搜索某個(gè)用戶進(jìn)行操作的場(chǎng)景,此時(shí)還要考慮管理員到的搜索方式和類型,如只知道用戶的注冊(cè)時(shí)間,或只記得姓不記得全稱的情況。
因此應(yīng)盡可能在同一搜索組件中支持更多類型的搜索,基本的字段類型是名稱、手機(jī)、創(chuàng)建時(shí)間等,同時(shí)在管理員忘記具體名稱時(shí)也可以通過(guò)關(guān)鍵字模糊搜索。排序應(yīng)支持按用戶名稱(首字母),創(chuàng)建時(shí)間等,便于管理員直接定位到區(qū)域。
圖2 支持排序和高級(jí)搜索,不用時(shí)可折疊到搜索框內(nèi)
(3)降低操作成本
體現(xiàn)在兩方面:
- 減少操作步驟;
- 降低操作時(shí)間。
1)減少操作步驟
尤其是常用操作,如B端產(chǎn)品經(jīng)常需要管理員在后臺(tái)添加用戶,能一步完成就不要分多個(gè)步驟;添加多個(gè)用戶時(shí),可以在添加頁(yè)面時(shí)勾選“繼續(xù)添加用戶”,避免管理員重復(fù)一遍添加流程;PC端的查看類任務(wù),在設(shè)計(jì)頁(yè)面交互時(shí)可以用懸停代替點(diǎn)擊等
圖3 添加一個(gè)用戶完成后可以繼續(xù)添加
圖4 懸停代替點(diǎn)擊
2)減少操作時(shí)間
如管理員刪除用戶時(shí),選中目標(biāo)后刪除按鈕應(yīng)出現(xiàn)在最近的位置。在導(dǎo)出用戶表單時(shí),可以異步處理,當(dāng)用戶量較多(10萬(wàn)條數(shù)據(jù))情況下,點(diǎn)擊導(dǎo)出按鈕后發(fā)送請(qǐng)求到消息隊(duì)列,使用者可以繼續(xù)完成其他事務(wù),無(wú)需等待。
圖5 反面案例
有些頁(yè)面的需要等待很久,影響使用者的其他任務(wù)進(jìn)度,可以在點(diǎn)擊導(dǎo)出后,讓該任務(wù)進(jìn)入后臺(tái)工作。
2. 簡(jiǎn)潔
后臺(tái)產(chǎn)品由于角色,業(yè)務(wù)的復(fù)雜性,界面通常信息和功能都很復(fù)雜,很容易造成信息過(guò)載、功能冗余的狀況,對(duì)管理員的工作帶來(lái)困難。
因此用戶管理要遵循簡(jiǎn)潔之上的原則,好的布局和展示會(huì)讓使用者很清晰自己的位置,和將要進(jìn)行的操作,雜亂的信息會(huì)失去重心。案例可參考圖1。
功能要盡量簡(jiǎn)潔:
功能應(yīng)按使用頻次進(jìn)行劃分,并且功能的屬性進(jìn)行歸類,聚合,常用操作在第一層級(jí)。
如用戶列表首頁(yè),最常用的是添加用戶功能,所以只需要一個(gè)添加按鈕在最明顯的位置,刪除、編輯、拉黑等功能應(yīng)該折疊或者隱藏。
一般原則是,頁(yè)面按鈕越少越好,一個(gè)頁(yè)面內(nèi)不要超過(guò)2個(gè)以上的按鈕,并且用icon比文字好。
圖6 隱藏某些非常用功能
圖7 盡量用直觀的icon按鈕代替文字
界面信息要簡(jiǎn)潔:
界面只包含常用信息,不相關(guān)的信息過(guò)多,雜亂會(huì)對(duì)使用者的注意力造成干擾,并且信息排列要遵循F型法則,即重要信息優(yōu)先在最上方和最左側(cè)。
圖8 用戶的信息根據(jù)業(yè)務(wù)情況,按重要程度排序,上面最常用信息是姓名、賬號(hào)、郵箱,所屬公司等依次類推,其余的操作 日志等非常用信息放置更低頁(yè)面層級(jí)。
3. 易懂
用戶管理的頁(yè)面和功能要讓使用者易于理解,明確信息的含義和每個(gè)操作的結(jié)果,易懂體現(xiàn)在3方面,信息展示易理解、提示信息易理解,和操作易理解。
信息展示要準(zhǔn)確:
一是界面文案的準(zhǔn)確性,簡(jiǎn)單直白,無(wú)歧義,優(yōu)先讓用戶清楚的原則;二是功能描述的準(zhǔn)確。
圖9 這是個(gè)訂閱郵件的頁(yè)面,上面的描述比下面更直觀,讓使用者第一時(shí)間理解這個(gè)功能的用處是同時(shí)發(fā)送郵件到多個(gè)郵箱地址。
信息提示清晰:
根據(jù)尼爾森可用原則,操作前中后要有明確的提示和引導(dǎo),比如輸入信息超出格式或字符限制時(shí),最好在前端進(jìn)行格式驗(yàn)證并在焦點(diǎn)切換時(shí)立馬給出提示。這個(gè)很多產(chǎn)品都已經(jīng)注意到,不過(guò)多討論。
圖10 前端頁(yè)面校驗(yàn)輸入的合法性
操作即時(shí)反饋:
操作的前中后要清晰的反饋,保證使用者清楚地知道任務(wù)如何完成,及每一個(gè)操作的結(jié)果,如添加成員完成以后,除了提示“添加完成”外,還要在用戶列表產(chǎn)生變化,可以刷新在列表首位,也可以在用戶數(shù)+1等方式??蓞⒖紙D10。
總結(jié)
用戶管理是后臺(tái)產(chǎn)品的核心部分,做好用戶管理的設(shè)計(jì),才能和其他模塊業(yè)務(wù)流程、數(shù)據(jù)緊密的連接,因此務(wù)必遵循高效、簡(jiǎn)潔、易懂的基本原則。
本文由 @進(jìn)擊的蝸牛 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
謝謝,受教了,請(qǐng)問(wèn)有沒(méi)有B端用戶、權(quán)限管理的書籍
勾選 “創(chuàng)建下一個(gè)” 那個(gè)設(shè)計(jì)比較水,還得多點(diǎn)按鈕
配圖只是例子,實(shí)際設(shè)計(jì)中當(dāng)然要考慮不同產(chǎn)品的業(yè)務(wù)需要,再配合設(shè)計(jì)原則來(lái)做方案