什么是篩選篩選,故名思義就是幫助用戶從眾多的內(nèi)容中,快速的定位內(nèi)容,以及將眾多數(shù)據(jù)分類,講究的是效率。那么在數(shù)據(jù)量比較大的后臺管理系統(tǒng),篩選必不可少,它可以通過多個篩選條件進行多維度的尋找。這點單純的搜索是做不到的。
篩選分類有人可能會把菜單導航、搜索誤認為是篩選,其實這樣理解也沒有太大問題,導航和搜索都是單一條件的篩選,而篩選是多條件,多維度的查找(也可以單一條件查詢)。這里分析的是多條件篩選。我把篩選的形式大致分為以下四種:
網(wǎng)站篩選器設計
1、文字輸入類文字輸入類的篩選條件是需要自己輸入,然后進行查詢的。輸入框中最好可以有文字輸入的提示內(nèi)容,方便提示用戶輸入,以及確認輸入的類別或格式。同時需要有查詢/搜索按鈕,來執(zhí)行篩選。(暫時沒找到更加合適的案例,以下圖來說明下問題,它是屬于輸入類和固定選項類混合使用)。
文字輸入類適合于篩選選項不確定的情況,篩選選項多樣性,無法總結(jié)。這樣的缺點就是增加了用戶的操作成本,但是能夠更針對性的查詢。
網(wǎng)站篩選器設計
2、固定選項類當篩選選項有限,可以明確的總結(jié)分類時,一般采用固定選項類。這種操作起來便捷,降低用戶的操作難度。一般情況下需要“搜索/查詢”按鈕,但是也有的產(chǎn)品是勾選即執(zhí)行的。如下案例就是多條件選擇之后執(zhí)行篩選,這樣做的原因是用戶可能還需要選擇其他的選項,避免中途執(zhí)行篩選分散用戶注意力。
網(wǎng)站篩選器設計
當然前面提到也有一邊選擇一邊執(zhí)行篩選的,如下案例。它沒有執(zhí)行篩選的按鈕,勾選選項即開始搜索,這樣的好處是,用戶可以隨時根據(jù)結(jié)果調(diào)整自己的篩選選項。
網(wǎng)站篩選器設計
3、平鋪類一些產(chǎn)品會采用平鋪類的篩選展示,這樣做的好處是用戶能直接看到選項內(nèi)容,減少操作步驟提高了用戶篩選的效率。但是這樣做的時候要注意做好分類,避免選項過多時找不到目標。
網(wǎng)站篩選器設計
4、快捷選項類最后還有一種篩選形式是快捷選項類。直接勾選之后即可展示自己想要看到的內(nèi)容。如下案例中。這種篩選形式和平鋪類相似,都能夠有效提高用戶的篩選效率。
不同的是,這種形式通常作為篩選之后的一個補充,即搭配正常篩選,同時執(zhí)行搜索,篩選出用戶想要的結(jié)果。
網(wǎng)站篩選器設計
劃重點文中總結(jié)了四種篩選形式,這四種形式各有自己的特點,我們可以根據(jù)自己的產(chǎn)品需要使用合適的形式,但是不一定每種形式單獨出現(xiàn),也可以將它們混合使用。比如第一個案例中,就是文字輸入類和固定選項類結(jié)合使用,當然也可以將平鋪類與快捷選項類結(jié)合使用。
(鄭重聲明:本文版權歸原作者海鹽社山竹屁所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權,請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)
文章名稱:網(wǎng)站頁面APP篩選器如何設計
當前URL:http://jinyejixie.com/news2/113002.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設計、搜索引擎優(yōu)化、網(wǎng)站制作、ChatGPT、App開發(fā)、軟件開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)