后臺系統不好用?這里有一份設計說明

29 評論 77294 瀏覽 457 收藏 8 分鐘

后臺系統不好用?找不到結癥在哪里?可能缺少了這樣的交互設計——后臺說明。

1.背景

這事要從自己經歷的案例說起,最近忙活的一個后臺管理系統上線了。吻合業務需求的功能,準確有效率的數據,好用的操作流程,符合潮流的極簡設計,讓產品們滿心期待:這可能是有史以來最好用的后臺管理系統。

但是僅僅上線一天后,產品和運營已經焦頭爛額,系統用戶的問題接踵而至:這些數據通過什么口徑得知的?這個指標有什么用?怎么操作生成一份報告書?為什么我提交數據后需要那么長時間才有結果?

收到許多用戶的反饋后,我們進行了反思,到底是系統的設計問題?還是新系統上線的通???經過幾天的試運行和問題整理,大部分問題主要體現在以下幾個方面:

  • 專業術語較多,系統用戶不清楚其含義
  • 部分結果是通過計算過程得知,不同的計算方法計算結果有誤差,缺少必要的說明
  • 部分操作有關聯性,但是從頁面上無法感知需要先設置A模塊,B模塊必須調用A模塊數據才能計算。

我們經過問題的整理和反復試用產品后得出一個結論:后臺系統在界面上缺乏必要的說明,違背了尼爾森可用性原則第10條:Help and documentation幫助和文檔(如果系統不使用文檔是最好的,但是有必要提供幫助和文檔),尤其是業務邏輯比較復雜的后臺系統。用戶不會像專家型用戶一樣,一上來就清楚系統所有的邏輯和定義,提供說明是有必要的。

2.后臺說明的定義和作用

(1)后臺說明的定義

后臺說明是什么?這里我們可以定義為用文字或者其他方式提供給用戶的解釋語言,不同于標題、字段等的文字。例如微信后臺針對統計的文字說明:僅統計圖文發出后7天內的數據……

(2)后臺說明的作用

  • 為用戶使用產品提供必要的幫助:輔助用戶更好地使用產品,提高任務成功率。
  • 減輕運營的壓力:如果用戶留意到說明文字,能自主完成任務目標,自然會減少對運營的依賴,能顯著減輕運營的壓力。

所以,對于交互設計來說,后臺說明設計目標就是:輔助用戶自主完成任務,減輕運營壓力。

3.后臺說明設計

(1)直接文字說明,內容較短但重要

適用場景:說明內容比較簡短,且是比較重要的說明,最好是一句話能說明清楚,目的是在用戶完成任務之前注意到。

示例:微信公眾管理后臺針對統計的說明,類似的有后臺系統針對統計報表的說明。

(2)懸浮/點擊文字說明,內容不多且次要

適用場景:說明內容不多,且是次要的說明,并不會妨礙到用戶完成任務,目的是在用戶刻意觀察/仔細瀏覽時時留意到。

示例:陰陽師針對御魂的說明,需要點擊“?” 才能看到,類似的還有后臺系統對某個指標的說明。

(3)跳轉文字說明,內容較長時

適用場景:需要大篇幅的圖文說明,通常利用這種方式,指引用戶跳轉到詳情進行查看。

示例:微信公眾平臺對自動回復的設置說明,類似的有后臺的操作流程說明。

(4)幫助中心說明,業務功能邏輯復雜

適用場景:后臺業務功能邏輯復雜,需要把說明進行歸類,方便用戶進行索引,同時也是跳轉文字說明的指向鏈接。

示例:京東商家幫助中心針對商家售賣商品的綜合說明,業務邏輯復雜的后臺可以采用類似設計。

4.后臺說明其他案例

(1)巧用水平滾動條

如下圖所示,雪球針對組合業績評級說明,說明內容較多時,可對浮層高度進行限制,同時提供垂直滾動條。

(2)復合說明方式

懸浮/點擊文字說明并不一定采用浮層的交互方式,如下圖所示,百度統計針對統計的說明,點擊“?”號后,向下展開說明,并增加跳轉鏈接指引及提供問題快速搜索框。

(3)懸浮文字提示更多應用場景

懸浮/點擊文字可以展示更多的內容,基于該種交互,可以用于頁面空間不足時,只放置最重要的內容,鼠標懸浮時氣泡展示更多信息。例如京東訂單設計,默認展示收貨人姓名,當鼠標懸浮在姓名上方時,展示更多的地址、電話信息。

 

作者:夜雨,高級交互設計師,專注金融行業-智能投顧方向,大部分時間在復雜后臺系統中遨游。

本文由 @夜雨 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不知道,可不可以加個好友,指點一下我

    來自廣東 回復
  2. 我以前一直都是做手持端的視覺與交互,今年直接轉成了B端的交互,以前一直想著手持端的交互與后臺除了尺寸不一樣,用戶體驗有何區別,經過一段時間發現,后臺更偏向于業務類,注重場景、業務流程、業務需求的邊界及使用者的操作效率。

    來自廣東 回復
    1. ?? 說得很對

      來自廣東 回復
    2. 很準確,B端還是很鍛煉人的

      來自山東 回復
  3. 站酷上確實有很多不錯的后臺界面,推薦大家去看看

    來自北京 回復
    1. ?? 有案例挺好的,因為后臺能參(chao)考(xi)的資料太少了,干過后臺的產品或者交互狗都懂

      來自廣東 回復
    2. 很是贊同,模板很多但很寬泛;

      來自河南 回復
  4. 最近在做后臺系統,發現在寫操作流程說明的時候好復雜,寫完自己都不想看了,能否問下樓主有沒有什么好的建議不? ??

    來自廣東 回復
    1. ?? 沒有太具體的問題,或者項目背景資料的話,沒法給出建議~

      來自廣東 回復
  5. 能不能問一下后臺系統使用上的說明書是產品經理寫還是什么人寫

    來自北京 回復
    1. 產品經理有責任寫好,其他測試的同事或者直接業務需求方也可以提供

      來自廣東 回復
  6. 有沒有后臺管理的演示地址,想學習參考一下

    來自河北 回復
    1. 真正的后臺產品一般很難出現在大眾面前的,因為都是各個公司的核心,不公開??梢杂袃蓚€路徑側方位了解:
      1.可以看偏C端的管理后臺,例如京東的訂單管理、微信公眾平臺的管理后臺這些。
      2.可以看一些后臺設計的素材,例如站酷什么的,經常有人發一些作品集,里面就包括一些后臺的作品集。

      來自廣東 回復
  7. 能不能問個蠢問題? ? 要怎么樣才能看到各個產品的后臺呢

    來自浙江 回復
    1. 真正的后臺產品一般很難出現在大眾面前的,因為都是各個公司的核心,不公開。可以有兩個路徑側方位了解:
      1.可以看偏C端的管理后臺,例如京東的訂單管理、微信公眾平臺的管理后臺這些。
      2.可以看一些后臺設計的素材,例如站酷什么的,經常有人發一些作品集,里面就包括一些后臺的作品集。

      來自廣東 回復
    2. 找其他產品類似的開源軟件,一般企業的后臺系統直接反應了業務模式,工作流程,這些都是商業機密了,不能隨便透露的!

      來自廣東 回復
    3. 試試找一找廠商的用戶手冊。

      來自江西 回復
  8. 我的微信號是18782147741

    來自四川 回復
  9. 你好!我們能互換一個聯系方式交流一下嗎?我也是做后臺交互設計的,同樣是陰陽師玩家,希望能向你學習。

    來自四川 回復
  10. 好久不運營文章了吧

    來自山東 回復
  11. 陰陽師玩家你好 ??

    來自山東 回復
    1. ?? 被看穿了

      來自廣東 回復
  12. 挺贊的,辛苦作者對后臺系統也傾注了注意力去進行交互的優化!

    來自上海 回復
    1. ?? 后臺狗

      來自廣東 回復
    2. 哈哈,挺好的!

      來自上海 回復
  13. 居然是天河這邊的pm寫的

    來自廣東 回復
    1. ?? 怎么知道是天河的

      來自廣東 回復
    2. 收貨地址暴露了 ??

      來自廣東 回復
    3. 哈哈我也發現了 樓主在天河哪里

      來自廣東 回復