后臺系統不好用?這里有一份設計說明
后臺系統不好用?找不到結癥在哪里?可能缺少了這樣的交互設計——后臺說明。
1.背景
這事要從自己經歷的案例說起,最近忙活的一個后臺管理系統上線了。吻合業務需求的功能,準確有效率的數據,好用的操作流程,符合潮流的極簡設計,讓產品們滿心期待:這可能是有史以來最好用的后臺管理系統。
但是僅僅上線一天后,產品和運營已經焦頭爛額,系統用戶的問題接踵而至:這些數據通過什么口徑得知的?這個指標有什么用?怎么操作生成一份報告書?為什么我提交數據后需要那么長時間才有結果?
收到許多用戶的反饋后,我們進行了反思,到底是系統的設計問題?還是新系統上線的通???經過幾天的試運行和問題整理,大部分問題主要體現在以下幾個方面:
- 專業術語較多,系統用戶不清楚其含義
- 部分結果是通過計算過程得知,不同的計算方法計算結果有誤差,缺少必要的說明
- 部分操作有關聯性,但是從頁面上無法感知需要先設置A模塊,B模塊必須調用A模塊數據才能計算。
我們經過問題的整理和反復試用產品后得出一個結論:后臺系統在界面上缺乏必要的說明,違背了尼爾森可用性原則第10條:Help and documentation幫助和文檔(如果系統不使用文檔是最好的,但是有必要提供幫助和文檔),尤其是業務邏輯比較復雜的后臺系統。用戶不會像專家型用戶一樣,一上來就清楚系統所有的邏輯和定義,提供說明是有必要的。
2.后臺說明的定義和作用
(1)后臺說明的定義
后臺說明是什么?這里我們可以定義為用文字或者其他方式提供給用戶的解釋語言,不同于標題、字段等的文字。例如微信后臺針對統計的文字說明:僅統計圖文發出后7天內的數據……
(2)后臺說明的作用
- 為用戶使用產品提供必要的幫助:輔助用戶更好地使用產品,提高任務成功率。
- 減輕運營的壓力:如果用戶留意到說明文字,能自主完成任務目標,自然會減少對運營的依賴,能顯著減輕運營的壓力。
所以,對于交互設計來說,后臺說明設計目標就是:輔助用戶自主完成任務,減輕運營壓力。
3.后臺說明設計
(1)直接文字說明,內容較短但重要
適用場景:說明內容比較簡短,且是比較重要的說明,最好是一句話能說明清楚,目的是在用戶完成任務之前注意到。
示例:微信公眾管理后臺針對統計的說明,類似的有后臺系統針對統計報表的說明。
(2)懸浮/點擊文字說明,內容不多且次要
適用場景:說明內容不多,且是次要的說明,并不會妨礙到用戶完成任務,目的是在用戶刻意觀察/仔細瀏覽時時留意到。
示例:陰陽師針對御魂的說明,需要點擊“?” 才能看到,類似的還有后臺系統對某個指標的說明。
(3)跳轉文字說明,內容較長時
適用場景:需要大篇幅的圖文說明,通常利用這種方式,指引用戶跳轉到詳情進行查看。
示例:微信公眾平臺對自動回復的設置說明,類似的有后臺的操作流程說明。
(4)幫助中心說明,業務功能邏輯復雜
適用場景:后臺業務功能邏輯復雜,需要把說明進行歸類,方便用戶進行索引,同時也是跳轉文字說明的指向鏈接。
示例:京東商家幫助中心針對商家售賣商品的綜合說明,業務邏輯復雜的后臺可以采用類似設計。
4.后臺說明其他案例
(1)巧用水平滾動條
如下圖所示,雪球針對組合業績評級說明,說明內容較多時,可對浮層高度進行限制,同時提供垂直滾動條。
(2)復合說明方式
懸浮/點擊文字說明并不一定采用浮層的交互方式,如下圖所示,百度統計針對統計的說明,點擊“?”號后,向下展開說明,并增加跳轉鏈接指引及提供問題快速搜索框。
(3)懸浮文字提示更多應用場景
懸浮/點擊文字可以展示更多的內容,基于該種交互,可以用于頁面空間不足時,只放置最重要的內容,鼠標懸浮時氣泡展示更多信息。例如京東訂單設計,默認展示收貨人姓名,當鼠標懸浮在姓名上方時,展示更多的地址、電話信息。
作者:夜雨,高級交互設計師,專注金融行業-智能投顧方向,大部分時間在復雜后臺系統中遨游。
本文由 @夜雨 原創發布于人人都是產品經理。未經許可,禁止轉載。
不知道,可不可以加個好友,指點一下我
我以前一直都是做手持端的視覺與交互,今年直接轉成了B端的交互,以前一直想著手持端的交互與后臺除了尺寸不一樣,用戶體驗有何區別,經過一段時間發現,后臺更偏向于業務類,注重場景、業務流程、業務需求的邊界及使用者的操作效率。
?? 說得很對
很準確,B端還是很鍛煉人的
站酷上確實有很多不錯的后臺界面,推薦大家去看看
?? 有案例挺好的,因為后臺能參(chao)考(xi)的資料太少了,干過后臺的產品或者交互狗都懂
很是贊同,模板很多但很寬泛;
最近在做后臺系統,發現在寫操作流程說明的時候好復雜,寫完自己都不想看了,能否問下樓主有沒有什么好的建議不? ??
?? 沒有太具體的問題,或者項目背景資料的話,沒法給出建議~
能不能問一下后臺系統使用上的說明書是產品經理寫還是什么人寫
產品經理有責任寫好,其他測試的同事或者直接業務需求方也可以提供
有沒有后臺管理的演示地址,想學習參考一下
真正的后臺產品一般很難出現在大眾面前的,因為都是各個公司的核心,不公開??梢杂袃蓚€路徑側方位了解:
1.可以看偏C端的管理后臺,例如京東的訂單管理、微信公眾平臺的管理后臺這些。
2.可以看一些后臺設計的素材,例如站酷什么的,經常有人發一些作品集,里面就包括一些后臺的作品集。
能不能問個蠢問題? ? 要怎么樣才能看到各個產品的后臺呢
真正的后臺產品一般很難出現在大眾面前的,因為都是各個公司的核心,不公開。可以有兩個路徑側方位了解:
1.可以看偏C端的管理后臺,例如京東的訂單管理、微信公眾平臺的管理后臺這些。
2.可以看一些后臺設計的素材,例如站酷什么的,經常有人發一些作品集,里面就包括一些后臺的作品集。
找其他產品類似的開源軟件,一般企業的后臺系統直接反應了業務模式,工作流程,這些都是商業機密了,不能隨便透露的!
試試找一找廠商的用戶手冊。
我的微信號是18782147741
你好!我們能互換一個聯系方式交流一下嗎?我也是做后臺交互設計的,同樣是陰陽師玩家,希望能向你學習。
好久不運營文章了吧
陰陽師玩家你好 ??
?? 被看穿了
挺贊的,辛苦作者對后臺系統也傾注了注意力去進行交互的優化!
?? 后臺狗
哈哈,挺好的!
居然是天河這邊的pm寫的
?? 怎么知道是天河的
收貨地址暴露了 ??
哈哈我也發現了 樓主在天河哪里