后臺設計:掌握7個(gè)實(shí)用的方法,告別冗長(cháng)的后臺
作者結合自身工作經(jīng)驗分享了在后臺設計中幾個(gè)較為實(shí)用的方法,想必能夠給你帶來(lái)些幫助。

由于團隊設計氛圍比較濃郁,幾款產(chǎn)品的后臺設計原型,也都經(jīng)由交互設計師在用戶(hù)體驗上進(jìn)行了優(yōu)化。
B端后臺一般包含客戶(hù)使用端和平臺客服使用端,很多團隊的做法對于客戶(hù)使用端會(huì )考慮用戶(hù)體驗,但對于平臺多用簡(jiǎn)單粗暴的模版??紤]到以人為本的設計,是能考慮到所有用戶(hù)的感受,并為其找到適合的解決辦法,所以對于平臺的設計,一樣需要有好的體驗。
接下來(lái)我講到的幾個(gè)方法,在后臺設計中非常的實(shí)用。
1.高級搜索

當搜索條件超過(guò)一定數量,我們可以將不是首要的的搜索條件隱藏,將頭部寶貴的空間釋放出來(lái)展示列表重要搜索內容。高級搜索和普通搜索的切換就很好的實(shí)現相應需求。
2.批量操作列表中多條信息

對于表單頁(yè)面,原始的excel表單可以做到批量選擇和批量操作。許多后臺對于表單的處理往往過(guò)于簡(jiǎn)單,只能基本滿(mǎn)足增刪改查。
后臺也可以用自定義勾選的方式對多個(gè)列表內容進(jìn)行批量操作,如圖可勾需多個(gè)列表或全選后進(jìn)行批量刪除、作廢、更改負責人、發(fā)郵件、發(fā)信息、轉移等等…
3.單個(gè)表單抬頭字段篩選

一般的數字、時(shí)間、字母排序單個(gè)表單都有隱形的排序框,數字從小到大、時(shí)間從近到遠或者26個(gè)字母排序。但是對于其余抬頭篩選就只能做頂部選擇或文字輸入篩選,那樣浪費的區域會(huì )增多。
而如果直接隱藏在抬頭下面作為一項列表內容,自定義篩選的靈活度會(huì )大很多,整個(gè)頁(yè)面也會(huì )放出更大的空間展示列表內容。
4.表頭、確定表單頁(yè)面和不操作頁(yè)面局部固定/自定義篩選字段

在瀏覽的眾多網(wǎng)站中,由于某一部分內容都有高頻的操作或查看,頁(yè)面在設置的時(shí)候會(huì )有意識將這部分板塊固定,不隨其它內容上下和左右滑動(dòng)。
在后臺也存在這樣的需求,除了抬頭部分還有特殊字段和對表單頁(yè)面的保存、取消、審核等高頻操作都可以設置為固定板塊存在在頁(yè)面中,使頁(yè)面的重點(diǎn)更為突出,內容查看更有趣味性。
5.消息隱藏

消息隱藏也是在做一個(gè)電商的項目,學(xué)習到的一種方法。因為消息分類(lèi)較多,可操作和不可操作的消息類(lèi)型疊加,并且消息的重要程度也是層次不齊,以至于消息列表點(diǎn)擊進(jìn)入查看還需要進(jìn)行分類(lèi)。
但是在首頁(yè),將消息分類(lèi)的同時(shí),直接鏈接進(jìn)入相應待辦和查看頁(yè)面進(jìn)行操作,用更直觀(guān)的方式轉達給用戶(hù)去查看或操作,也省去頁(yè)面跳轉間的頻率和時(shí)間。
6.抬頭標題操作切換

看過(guò)線(xiàn)下excel表單的抬頭有幾十個(gè)的情況,A4紙打印都得有好幾頁(yè)才能展示全面,網(wǎng)頁(yè)的寬度多也只能容納15-20個(gè)抬頭(抬頭文字全部展示完的情況下),怎么解決數據量太大,抬頭區域不夠展示的情況呢?只能做隱藏。
隱藏字段是否展示或者展示優(yōu)先集的權利都交到用戶(hù)手上,給他們一個(gè)自由化的配置,只選擇自己想要查看的字段,選擇過(guò)多的字段導致文字省略用戶(hù)也會(huì )理解而進(jìn)行合理的分配。
7.切換當前內容的視圖,突出角色主要內容

在淘寶移動(dòng)端的商品列表中,我們經(jīng)常根據自己的喜好來(lái)切換展示方式。是單行顯示單個(gè)商品,還是單行顯示兩個(gè)商品,切換方式能讓用戶(hù)更大限度的看到自己想看的商品信息。
后臺也可以切換視圖使用戶(hù)用更習慣的方式,展示列表內容。切換視圖有許多表現方式來(lái)表現,如列表、地圖、剖面圖、折線(xiàn)圖、扇型圖…
顧名思義,視圖就是更換另一種表現形式。一定要選取與設計的產(chǎn)品相符合的表現形式,才能更加突出這是一種技巧,如果只為了炫酷的效果,而增加多種視圖,沒(méi)有需求人群,那這種轉換也是沒(méi)有意義的。
總結
所有總結出來(lái)的方法,都是在解決人們遇到的問(wèn)題而迸發(fā)出,有些可能是偽需求或自臆需求。做有效的判斷也是工作日常的必備。所有在積累方法經(jīng)驗的同時(shí),也要慎重選擇交互方式,判斷與產(chǎn)品的符合度,是否能做到有效的定制化、是否讓用戶(hù)覺(jué)得功能好用且持續受用,提高用戶(hù)效率和提升用戶(hù)體驗才是正解。
猜你喜歡
聯(lián)絡(luò )方式:
電話(huà):18905275581
郵箱:1700970777@qq.com



-
手機百度積分商城改版設計思考
本文是作者去年對于手機百度積分商城改版設計后的思考總結,希望可以給你帶來(lái)一定的思考和啟發(fā)。enjoy~ 積分商城對于大多數產(chǎn)品來(lái)說(shuō)是一個(gè)鼓勵用戶(hù)完成任務(wù)(例如閱讀文章、視頻或進(jìn)行消費)的功能,每次...
-
網(wǎng)站設計對于網(wǎng)站建設的作用
現在互聯(lián)網(wǎng)的發(fā)展各行各業(yè)都有著(zhù)自己的網(wǎng)站,有的網(wǎng)站很吸引人,有的網(wǎng)站打開(kāi)就想關(guān)掉。網(wǎng)站設計的原因占很大一部分,如果網(wǎng)站想要吸引人,那設計一定要做好,那么網(wǎng)站在建設過(guò)程中需要如何去設計網(wǎng)站頁(yè)面呢? 1、網(wǎng)站要簡(jiǎn)約大方:部分新手設計師在...
-
圖片網(wǎng)站該如何做SEO優(yōu)化
通常,在網(wǎng)站SEO優(yōu)化的過(guò)程中,很多站長(cháng)和SEOer對圖片的優(yōu)化往往是忽視的,但事實(shí)上,每一個(gè)網(wǎng)站都少不了有很多圖片,因此優(yōu)化網(wǎng)站圖片與優(yōu)化其它內容一樣,成為SEO的一項重要工作內容。 如果能夠成功的優(yōu)化圖片的SEO排名,不但可以減輕圖片對網(wǎng)站的...
-
移動(dòng)網(wǎng)站設計應該避免的七宗罪
移動(dòng)端網(wǎng)頁(yè)在今天雖然已經(jīng)變得越來(lái)越重要,但我們在日常使用中依然會(huì )遇到一些糟糕的頁(yè)面。近日,開(kāi)發(fā)者Umer Mansoor就總結了開(kāi)發(fā)移動(dòng)網(wǎng)頁(yè)時(shí)應該避免的“七宗罪”。 &n...
-
如何根據手機屏幕尺寸做不同的網(wǎng)頁(yè)-- 分享手機網(wǎng)站建設小知識
內容提要:隨著(zhù)3G的普及,越來(lái)越多的人使用手機上網(wǎng)。同樣的內容,要在大小迥異的屏幕上,都呈現出滿(mǎn)意的效果,并不是一件容易的事。 于是,網(wǎng)頁(yè)設計師不得不面對一個(gè)難題:如何才能在不同大小的設備上呈現同樣的網(wǎng)頁(yè)? 隨著(zhù)3G的普及,越來(lái)越多的人使用手機上網(wǎng)。 ...