后臺設計:掌握7個實用的方法,告別冗長的后臺

36 評論 57718 瀏覽 625 收藏 7 分鐘

作者結合自身工作經驗分享了在后臺設計中幾個較為實用的方法,想必能夠給你帶來些幫助。

由于團隊設計氛圍比較濃郁,幾款產品的后臺設計原型,也都經由交互設計師在用戶體驗上進行了優化。

B端后臺一般包含客戶使用端和平臺客服使用端,很多團隊的做法對于客戶使用端會考慮用戶體驗,但對于平臺多用簡單粗暴的模版??紤]到以人為本的設計,是能考慮到所有用戶的感受,并為其找到最適合的解決辦法,所以對于平臺的設計,一樣需要有好的體驗。

接下來我講到的幾個方法,在后臺設計中非常的實用。

1.高級搜索

當搜索條件超過一定數量,我們可以將不是首要的的搜索條件隱藏,將頭部寶貴的空間釋放出來展示列表重要搜索內容。高級搜索和普通搜索的切換就很好的實現相應需求。

2.批量操作列表中多條信息

對于表單頁面,原始的excel表單可以做到批量選擇和批量操作。許多后臺對于表單的處理往往過于簡單,只能基本滿足增刪改查。

后臺也可以用自定義勾選的方式對多個列表內容進行批量操作,如圖可勾需多個列表或全選后進行批量刪除、作廢、更改負責人、發郵件、發信息、轉移等等…

3.單個表單抬頭字段篩選

一般的數字、時間、字母排序單個表單都有隱形的排序框,數字從小到大、時間從近到遠或者26個字母排序。但是對于其余抬頭篩選就只能做頂部選擇或文字輸入篩選,那樣浪費的區域會增多。

而如果直接隱藏在抬頭下面作為一項列表內容,自定義篩選的靈活度會大很多,整個頁面也會放出更大的空間展示列表內容。

4.表頭、確定表單頁面和不操作頁面局部固定/自定義篩選字段

在瀏覽的眾多網站中,由于某一部分內容都有高頻的操作或查看,頁面在設置的時候會有意識將這部分板塊固定,不隨其它內容上下和左右滑動。

在后臺也存在這樣的需求,除了抬頭部分還有特殊字段和對表單頁面的保存、取消、審核等高頻操作都可以設置為固定板塊存在在頁面中,使頁面的重點更為突出,內容查看更有趣味性。

5.消息隱藏

消息隱藏也是在做一個電商的項目,學習到的一種方法。因為消息分類較多,可操作和不可操作的消息類型疊加,并且消息的重要程度也是層次不齊,以至于消息列表點擊進入查看還需要進行分類。

但是在首頁,將消息分類的同時,直接鏈接進入相應待辦和查看頁面進行操作,用更直觀的方式轉達給用戶去查看或操作,也省去頁面跳轉間的頻率和時間。

6.抬頭標題操作切換

看過線下excel表單的抬頭有幾十個的情況,A4紙打印都得有好幾頁才能展示全面,網頁的寬度最多也只能容納15-20個抬頭(抬頭文字全部展示完的情況下),怎么解決數據量太大,抬頭區域不夠展示的情況呢?只能做隱藏。

隱藏字段是否展示或者展示優先集的權利都交到用戶手上,給他們一個最自由化的配置,只選擇自己想要查看的字段,選擇過多的字段導致文字省略用戶也會理解而進行合理的分配。

7.切換當前內容的視圖,突出角色主要內容

在淘寶移動端的商品列表中,我們經常根據自己的喜好來切換展示方式。是單行顯示單個商品,還是單行顯示兩個商品,切換方式能讓用戶更大限度的看到自己想看的商品信息。

后臺也可以切換視圖使用戶用更習慣的方式,展示列表內容。切換視圖有許多表現方式來表現,如列表、地圖、剖面圖、折線圖、扇型圖…

顧名思義,視圖就是更換另一種表現形式。一定要選取與設計的產品相符合的表現形式,才能更加突出這是一種技巧,如果只為了炫酷的效果,而增加多種視圖,沒有需求人群,那這種轉換也是沒有意義的。

總結

所有總結出來的方法,都是在解決人們遇到的問題而迸發出,有些可能是偽需求或自臆需求。做有效的判斷也是工作日常的必備。所有在積累方法經驗的同時,也要慎重選擇交互方式,判斷與產品的符合度,是否能做到有效的定制化、是否讓用戶覺得功能好用且持續受用,提高用戶效率和提升用戶體驗才是正解。

 

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

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 對強迫癥友好 對用戶 開發 設計 交互都不友好

    來自福建 回復
    1. 僅提供方法,可根據實際場景取用

      來自浙江 回復
    2. 僅提供方法,可根據實際場景取用

      來自浙江 回復
  2. 大佬,我有個后臺設計小私活,能聊下嗎?

    來自日本 回復
    1. 并不是大佬,但有需求可以聊下

      來自浙江 回復
    2. 這個網站沒有私信功能么,暈菜

      來自日本 回復
    3. +we~chat方便么,lgy052772

      來自日本 回復
  3. 受教了,看了您的文章,我發現自己把后臺弄得太復雜了。 ?

    來自福建 回復
    1. 客氣 ??

      來自浙江 回復
  4. 太有用了 我是個設計這一陣子要做交互的事情 剛好在做后臺 那些很長復雜的表單 看了您的文章 受益匪淺啊

    來自上海 回復
    1. 后臺設計設計完善后,是可以復用的。提升開發效率

      來自浙江 回復
  5. 感覺操作效率上高了很多,我目前還是前端,準備入坑中,學習了

    來自廣東 回復
    1. 前端小哥能在開發前考慮這些 就完美了。

      來自浙江 回復
  6. 挺實用的,我現在既是在干產品經理的活兒又是在做交互設計,一直都在苦惱怎樣將設計好的功能界面變成操作良好的交互界面

    來自四川 回復
  7. 看了這個,反正自己以前設計的需要改進的空間還很大,受教了

    來自福建 回復
    1. 敏感留意些細節,互相請教啦

      來自浙江 回復
  8. 問下,字段這么多,頁面打開時一次性加載所有數據?還是只加載默認顯示字段的數據?例如,列表有20個字段,默認顯示10個字段,10個隱藏,那也沒加載時,加載20個,還是10個?有哪些辦法能優化數據加載和導出很慢的通???

    來自浙江 回復
    1. 先加載默認的10個字段,因為用戶在選定字段后不會頻繁更改,所以另外的數據后緩存影響不大。優化數據加載是程序調整數據庫來實現的,但讓用戶對數據加載過慢感受的調整,就需要設計加載響應式的反饋了。

      來自浙江 回復
    2. x售易

      回復
    3. 多謝

      來自浙江 回復
  9. 厲害,有些是工作中已有的,但是沒有總結,這才是真正的干貨

    來自四川 回復
    1. 用上就是硬道理。

      來自浙江 回復
    2. 厲害了

      來自北京 回復
  10. 牛,開闊視野了,發現我設計的太low了

    來自北京 回復
    1. 都有參考的,打開思維方式比較重要

      來自浙江 回復
  11. XX銷客?

    來自廣東 回復
    1. 一部分是,在體驗版中有借鑒到

      來自浙江 回復
    2. 什么產品,想去看看

      來自日本 回復
  12. 學習了!不過貴司后臺數據量不大吧?

    來自廣東 回復
    1. 互相學習

      來自浙江 回復
  13. 挺好的,目前處理簡單粗暴的低級階段

    來自北京 回復
    1. 可以在設計的時候有意識的使用一下~

      來自浙江 回復
  14. 想了解一下,這個后臺所用的頁面模型,是你們自己開發的還是第三方的哪個框架?表示程序員想知道~

    來自上海 回復
    1. 程序員表示:UI組件可以實現

      來自浙江 回復
  15. 1、2、3點經常用,其他的就很少用到過或者從未用過。

    來自上海 回復
    1. 根據實際的業務需求來使用,事例都是提供交互思路。

      來自浙江 回復