網站頁面APP篩選器如何設計
2021-05-10 分類： 網站建設
什么是篩選
篩選，故名思義就是幫助用戶從眾多的內容中，快速的定位內容，以及將眾多數據分類，講究的是效率。那么在數據量比較大的后臺管理系統，篩選必不可少，它可以通過多個篩選條件進行多維度的尋找。這點單純的搜索是做不到的。
篩選分類
有人可能會把菜單導航、搜索誤認為是篩選，其實這樣理解也沒有太大問題，導航和搜索都是單一條件的篩選，而篩選是多條件，多維度的查找（也可以單一條件查詢）。這里分析的是多條件篩選。我把篩選的形式大致分為以下四種：
文字輸入類的篩選條件是需要自己輸入，然后進行查詢的。輸入框中最好可以有文字輸入的提示內容，方便提示用戶輸入，以及確認輸入的類別或格式。同時需要有查詢/搜索按鈕，來執行篩選。（暫時沒找到更加合適的案例，以下圖來說明下問題，它是屬于輸入類和固定選項類混合使用）。
文字輸入類適合于篩選選項不確定的情況，篩選選項多樣性，無法總結。這樣的缺點就是增加了用戶的操作成本，但是能夠更針對性的查詢。
當篩選選項有限，可以明確的總結分類時，一般采用固定選項類。這種操作起來便捷，降低用戶的操作難度。一般情況下需要“搜索/查詢”按鈕，但是也有的產品是勾選即執行的。如下案例就是多條件選擇之后執行篩選，這樣做的原因是用戶可能還需要選擇其他的選項，避免中途執行篩選分散用戶注意力。
一些產品會采用平鋪類的篩選展示，這樣做的好處是用戶能直接看到選項內容，減少操作步驟提高了用戶篩選的效率。但是這樣做的時候要注意做好分類，避免選項過多時找不到目標。
最后還有一種篩選形式是快捷選項類。直接勾選之后即可展示自己想要看到的內容。如下案例中。這種篩選形式和平鋪類相似，都能夠有效提高用戶的篩選效率。
不同的是，這種形式通常作為篩選之后的一個補充，即搭配正常篩選，同時執行搜索，篩選出用戶想要的結果。
文中總結了四種篩選形式，這四種形式各有自己的特點，我們可以根據自己的產品需要使用合適的形式，但是不一定每種形式單獨出現，也可以將它們混合使用。比如第一個案例中，就是文字輸入類和固定選項類結合使用，當然也可以將平鋪類與快捷選項類結合使用。
篩選，故名思義就是幫助用戶從眾多的內容中，快速的定位內容，以及將眾多數據分類，講究的是效率。那么在數據量比較大的后臺管理系統，篩選必不可少，它可以通過多個篩選條件進行多維度的尋找。這點單純的搜索是做不到的。
篩選分類
有人可能會把菜單導航、搜索誤認為是篩選，其實這樣理解也沒有太大問題，導航和搜索都是單一條件的篩選，而篩選是多條件，多維度的查找（也可以單一條件查詢）。這里分析的是多條件篩選。我把篩選的形式大致分為以下四種：
網站篩選器設計
1、文字輸入類文字輸入類的篩選條件是需要自己輸入，然后進行查詢的。輸入框中最好可以有文字輸入的提示內容，方便提示用戶輸入，以及確認輸入的類別或格式。同時需要有查詢/搜索按鈕，來執行篩選。（暫時沒找到更加合適的案例，以下圖來說明下問題，它是屬于輸入類和固定選項類混合使用）。
文字輸入類適合于篩選選項不確定的情況，篩選選項多樣性，無法總結。這樣的缺點就是增加了用戶的操作成本，但是能夠更針對性的查詢。
網站篩選器設計
2、固定選項類當篩選選項有限，可以明確的總結分類時，一般采用固定選項類。這種操作起來便捷，降低用戶的操作難度。一般情況下需要“搜索/查詢”按鈕，但是也有的產品是勾選即執行的。如下案例就是多條件選擇之后執行篩選，這樣做的原因是用戶可能還需要選擇其他的選項，避免中途執行篩選分散用戶注意力。
網站篩選器設計
當然前面提到也有一邊選擇一邊執行篩選的，如下案例。它沒有執行篩選的按鈕，勾選選項即開始搜索，這樣的好處是，用戶可以隨時根據結果調整自己的篩選選項。
網站篩選器設計
3、平鋪類一些產品會采用平鋪類的篩選展示，這樣做的好處是用戶能直接看到選項內容，減少操作步驟提高了用戶篩選的效率。但是這樣做的時候要注意做好分類，避免選項過多時找不到目標。
網站篩選器設計
4、快捷選項類最后還有一種篩選形式是快捷選項類。直接勾選之后即可展示自己想要看到的內容。如下案例中。這種篩選形式和平鋪類相似，都能夠有效提高用戶的篩選效率。
不同的是，這種形式通常作為篩選之后的一個補充，即搭配正常篩選，同時執行搜索，篩選出用戶想要的結果。
網站篩選器設計
劃重點文中總結了四種篩選形式，這四種形式各有自己的特點，我們可以根據自己的產品需要使用合適的形式，但是不一定每種形式單獨出現，也可以將它們混合使用。比如第一個案例中，就是文字輸入類和固定選項類結合使用，當然也可以將平鋪類與快捷選項類結合使用。
（鄭重聲明：本文版權歸原作者海鹽社山竹屁所有，轉載文章僅為傳播更多信息之目的，如有侵權，請聯系我們刪除；如作者信息標記有誤，請聯系我們修改。）
文章名稱：網站頁面APP篩選器如何設計
當前URL：http://www.js-pz168.com/news2/113002.html
成都網站建設公司_創新互聯，為您提供網站設計、搜索引擎優化、網站制作、ChatGPT、App開發、軟件開發
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 開發出的小程序成為“閑置”？這4點推廣方法你可知道？ 2021-05-10
- 網頁搜索控件的設計思考 2021-05-10
- 美法官要求Facebook接受全國劍橋分析丑聞起訴 2021-05-09
- 5G助力互聯網+數字健康 2021-05-09
- 網站運營的階段和細節工作 2021-05-09
- 如何加快您的網站加載速度 2021-05-09
- 未來產業互聯網格局與技術融合策略的變與不變 2021-05-09
- 如何通過企業網站幫助開拓銷售業務 2021-05-10
- 建設企業網站選擇網站主機服務商的4個建議 2021-05-10
- 做好SEO的基本思想-SEO 2021-05-10
- 建站行業設計大咖教你如何設計網站 2021-05-09
- 一些你不得不知道的設計準則 2021-05-09
- “5G+工業互聯網”漸行漸遠 2021-05-09
- 深度好文帶你了解“互聯網+”的方向路在何方？ 2021-05-09
- 好的設計能讓網站脫穎而出 2021-05-09
- 百度推廣是需要花錢的，做托管的是不是有辦法盜取我的推廣費用呢 2021-05-09
- 扁平化網頁設計原則 2021-05-09
- 物流貨運行業未來的趨勢 2021-05-09
- 身處互聯網的年輕人們，正遇見下一個“互聯網” 2021-05-09