網(wǎng)站頁(yè)面APP篩選器如何設(shè)計(jì)

2021-05-10    分類: 網(wǎng)站建設(shè)

什么是篩選
篩選,故名思義就是幫助用戶從眾多的內(nèi)容中,快速的定位內(nèi)容,以及將眾多數(shù)據(jù)分類,講究的是效率。那么在數(shù)據(jù)量比較大的后臺(tái)管理系統(tǒng),篩選必不可少,它可以通過(guò)多個(gè)篩選條件進(jìn)行多維度的尋找。這點(diǎn)單純的搜索是做不到的。
篩選分類
有人可能會(huì)把菜單導(dǎo)航、搜索誤認(rèn)為是篩選,其實(shí)這樣理解也沒(méi)有太大問(wèn)題,導(dǎo)航和搜索都是單一條件的篩選,而篩選是多條件,多維度的查找(也可以單一條件查詢)。這里分析的是多條件篩選。我把篩選的形式大致分為以下四種:

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

1、文字輸入類
文字輸入類的篩選條件是需要自己輸入,然后進(jìn)行查詢的。輸入框中最好可以有文字輸入的提示內(nèi)容,方便提示用戶輸入,以及確認(rèn)輸入的類別或格式。同時(shí)需要有查詢/搜索按鈕,來(lái)執(zhí)行篩選。(暫時(shí)沒(méi)找到更加合適的案例,以下圖來(lái)說(shuō)明下問(wèn)題,它是屬于輸入類和固定選項(xiàng)類混合使用)。
文字輸入類適合于篩選選項(xiàng)不確定的情況,篩選選項(xiàng)多樣性,無(wú)法總結(jié)。這樣的缺點(diǎn)就是增加了用戶的操作成本,但是能夠更針對(duì)性的查詢。

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

2、固定選項(xiàng)類
當(dāng)篩選選項(xiàng)有限,可以明確的總結(jié)分類時(shí),一般采用固定選項(xiàng)類。這種操作起來(lái)便捷,降低用戶的操作難度。一般情況下需要“搜索/查詢”按鈕,但是也有的產(chǎn)品是勾選即執(zhí)行的。如下案例就是多條件選擇之后執(zhí)行篩選,這樣做的原因是用戶可能還需要選擇其他的選項(xiàng),避免中途執(zhí)行篩選分散用戶注意力。

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

當(dāng)然前面提到也有一邊選擇一邊執(zhí)行篩選的,如下案例。它沒(méi)有執(zhí)行篩選的按鈕,勾選選項(xiàng)即開(kāi)始搜索,這樣的好處是,用戶可以隨時(shí)根據(jù)結(jié)果調(diào)整自己的篩選選項(xiàng)。

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

3、平鋪類
一些產(chǎn)品會(huì)采用平鋪類的篩選展示,這樣做的好處是用戶能直接看到選項(xiàng)內(nèi)容,減少操作步驟提高了用戶篩選的效率。但是這樣做的時(shí)候要注意做好分類,避免選項(xiàng)過(guò)多時(shí)找不到目標(biāo)。

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

4、快捷選項(xiàng)類
最后還有一種篩選形式是快捷選項(xiàng)類。直接勾選之后即可展示自己想要看到的內(nèi)容。如下案例中。這種篩選形式和平鋪類相似,都能夠有效提高用戶的篩選效率。
不同的是,這種形式通常作為篩選之后的一個(gè)補(bǔ)充,即搭配正常篩選,同時(shí)執(zhí)行搜索,篩選出用戶想要的結(jié)果。

網(wǎng)站設(shè)計(jì)

網(wǎng)站篩選器設(shè)計(jì)

劃重點(diǎn)
文中總結(jié)了四種篩選形式,這四種形式各有自己的特點(diǎn),我們可以根據(jù)自己的產(chǎn)品需要使用合適的形式,但是不一定每種形式單獨(dú)出現(xiàn),也可以將它們混合使用。比如第一個(gè)案例中,就是文字輸入類和固定選項(xiàng)類結(jié)合使用,當(dāng)然也可以將平鋪類與快捷選項(xiàng)類結(jié)合使用。
(鄭重聲明:本文版權(quán)歸原作者海鹽社山竹屁所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)

文章名稱:網(wǎng)站頁(yè)面APP篩選器如何設(shè)計(jì)
當(dāng)前URL:http://www.muchs.cn/news2/113002.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)搜索引擎優(yōu)化、網(wǎng)站制作、ChatGPTApp開(kāi)發(fā)、軟件開(kāi)發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

綿陽(yáng)服務(wù)器托管