后臺設計:掌握7個實用的方法,告別冗長的后臺
作者結合自身工作經驗分享了在后臺設計中幾個較為實用的方法,想必能夠給你帶來些幫助。
由于團隊設計氛圍比較濃郁,幾款產品的后臺設計原型,也都經由交互設計師在用戶體驗上進行了優化。
B端后臺一般包含客戶使用端和平臺客服使用端,很多團隊的做法對于客戶使用端會考慮用戶體驗,但對于平臺多用簡單粗暴的模版??紤]到以人為本的設計,是能考慮到所有用戶的感受,并為其找到最適合的解決辦法,所以對于平臺的設計,一樣需要有好的體驗。
接下來我講到的幾個方法,在后臺設計中非常的實用。
1.高級搜索
當搜索條件超過一定數量,我們可以將不是首要的的搜索條件隱藏,將頭部寶貴的空間釋放出來展示列表重要搜索內容。高級搜索和普通搜索的切換就很好的實現相應需求。
2.批量操作列表中多條信息
對于表單頁面,原始的excel表單可以做到批量選擇和批量操作。許多后臺對于表單的處理往往過于簡單,只能基本滿足增刪改查。
后臺也可以用自定義勾選的方式對多個列表內容進行批量操作,如圖可勾需多個列表或全選后進行批量刪除、作廢、更改負責人、發郵件、發信息、轉移等等…
3.單個表單抬頭字段篩選
一般的數字、時間、字母排序單個表單都有隱形的排序框,數字從小到大、時間從近到遠或者26個字母排序。但是對于其余抬頭篩選就只能做頂部選擇或文字輸入篩選,那樣浪費的區域會增多。
而如果直接隱藏在抬頭下面作為一項列表內容,自定義篩選的靈活度會大很多,整個頁面也會放出更大的空間展示列表內容。
4.表頭、確定表單頁面和不操作頁面局部固定/自定義篩選字段
在瀏覽的眾多網站中,由于某一部分內容都有高頻的操作或查看,頁面在設置的時候會有意識將這部分板塊固定,不隨其它內容上下和左右滑動。
在后臺也存在這樣的需求,除了抬頭部分還有特殊字段和對表單頁面的保存、取消、審核等高頻操作都可以設置為固定板塊存在在頁面中,使頁面的重點更為突出,內容查看更有趣味性。
5.消息隱藏
消息隱藏也是在做一個電商的項目,學習到的一種方法。因為消息分類較多,可操作和不可操作的消息類型疊加,并且消息的重要程度也是層次不齊,以至于消息列表點擊進入查看還需要進行分類。
但是在首頁,將消息分類的同時,直接鏈接進入相應待辦和查看頁面進行操作,用更直觀的方式轉達給用戶去查看或操作,也省去頁面跳轉間的頻率和時間。
6.抬頭標題操作切換
看過線下excel表單的抬頭有幾十個的情況,A4紙打印都得有好幾頁才能展示全面,網頁的寬度最多也只能容納15-20個抬頭(抬頭文字全部展示完的情況下),怎么解決數據量太大,抬頭區域不夠展示的情況呢?只能做隱藏。
隱藏字段是否展示或者展示優先集的權利都交到用戶手上,給他們一個最自由化的配置,只選擇自己想要查看的字段,選擇過多的字段導致文字省略用戶也會理解而進行合理的分配。
7.切換當前內容的視圖,突出角色主要內容
在淘寶移動端的商品列表中,我們經常根據自己的喜好來切換展示方式。是單行顯示單個商品,還是單行顯示兩個商品,切換方式能讓用戶更大限度的看到自己想看的商品信息。
后臺也可以切換視圖使用戶用更習慣的方式,展示列表內容。切換視圖有許多表現方式來表現,如列表、地圖、剖面圖、折線圖、扇型圖…
顧名思義,視圖就是更換另一種表現形式。一定要選取與設計的產品相符合的表現形式,才能更加突出這是一種技巧,如果只為了炫酷的效果,而增加多種視圖,沒有需求人群,那這種轉換也是沒有意義的。
總結
所有總結出來的方法,都是在解決人們遇到的問題而迸發出,有些可能是偽需求或自臆需求。做有效的判斷也是工作日常的必備。所有在積累方法經驗的同時,也要慎重選擇交互方式,判斷與產品的符合度,是否能做到有效的定制化、是否讓用戶覺得功能好用且持續受用,提高用戶效率和提升用戶體驗才是正解。
本文由 @Lainey 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自PEXELS,基于CC0協議
對強迫癥友好 對用戶 開發 設計 交互都不友好
僅提供方法,可根據實際場景取用
僅提供方法,可根據實際場景取用
大佬,我有個后臺設計小私活,能聊下嗎?
并不是大佬,但有需求可以聊下
這個網站沒有私信功能么,暈菜
+we~chat方便么,lgy052772
受教了,看了您的文章,我發現自己把后臺弄得太復雜了。 ?
客氣 ??
太有用了 我是個設計這一陣子要做交互的事情 剛好在做后臺 那些很長復雜的表單 看了您的文章 受益匪淺啊
后臺設計設計完善后,是可以復用的。提升開發效率
感覺操作效率上高了很多,我目前還是前端,準備入坑中,學習了
前端小哥能在開發前考慮這些 就完美了。
挺實用的,我現在既是在干產品經理的活兒又是在做交互設計,一直都在苦惱怎樣將設計好的功能界面變成操作良好的交互界面
看了這個,反正自己以前設計的需要改進的空間還很大,受教了
敏感留意些細節,互相請教啦
問下,字段這么多,頁面打開時一次性加載所有數據?還是只加載默認顯示字段的數據?例如,列表有20個字段,默認顯示10個字段,10個隱藏,那也沒加載時,加載20個,還是10個?有哪些辦法能優化數據加載和導出很慢的通???
先加載默認的10個字段,因為用戶在選定字段后不會頻繁更改,所以另外的數據后緩存影響不大。優化數據加載是程序調整數據庫來實現的,但讓用戶對數據加載過慢感受的調整,就需要設計加載響應式的反饋了。
x售易
多謝
厲害,有些是工作中已有的,但是沒有總結,這才是真正的干貨
用上就是硬道理。
厲害了
牛,開闊視野了,發現我設計的太low了
都有參考的,打開思維方式比較重要
XX銷客?
一部分是,在體驗版中有借鑒到
什么產品,想去看看
學習了!不過貴司后臺數據量不大吧?
互相學習
挺好的,目前處理簡單粗暴的低級階段
可以在設計的時候有意識的使用一下~
想了解一下,這個后臺所用的頁面模型,是你們自己開發的還是第三方的哪個框架?表示程序員想知道~
程序員表示:UI組件可以實現
1、2、3點經常用,其他的就很少用到過或者從未用過。
根據實際的業務需求來使用,事例都是提供交互思路。