別和選項，也可以點擊左邊的標題直接定位到對應的類目位置。 優點：結合了兩者的優點，有利於確保選項瀏覽效率和類目查找效率。 適用場景：對於類別和選項都多的情況，可參考該佈局。 篩選功能設計：互動細節全面拆解 提交按鈕可在提交按鈕處，顯示篩選的結果數。透過前置回饋讓使用者對操作結果有預先的判斷，方便他們及時調整操作。此功能的實作涉及到，使用者每做一個操作
就要載入一次資料
因此設計時需要注意按鈕的 沙特阿拉伯电子邮件列表 載入態、載入超時 如何處理、沒有結果時該如何展示等等。 篩選功能設計：互動細節全面拆解 篩選項 篩選項常用單選/複選 。複雜場景下也會用到數位輸入 、滑動輸入 等。選項排布篩選項目的排布可分為列表式和標籤式。 . 列表式排布 選項垂直平鋪，符合閱讀習慣
適合檢索
但每螢幕能顯示的數量較少。 適用場景： 在左右結 封闭和弦的挑战 構導航式中廣泛使用；當容器內只有單一篩選緯度時可使用。 篩選功能設計：互動細節全面拆解 . 標籤式排布 適用於有多個篩選分組的情況，且展示效率更高，一行最可展示多個選項（控制在4個以內）。 但要注意，每個組下的選項也不宜過多，否則會影響後方分組的展示；可以透過前置高頻選項，折疊部分低頻選項的方式來控制選項初始數量。
篩選功能設計
互動細節全面拆解 快捷篩選在設計時 BZB 目录 可以外置一些高頻的篩選項目－我稱之為快捷篩選；快捷篩選極大縮短了使用者路徑，無需進入到篩選容器中，便於使用者使用。 案例：內容消費等弱篩選場景 在篩選項不多、對篩選依賴性較低的情況下，甚至不需要把選項都收在篩選容器中，直接將選項鋪在清單頁即可。 小紅書app的內容流中，採用的都是快速篩選，沒有設計篩選容器。右上角展示固定篩選按鈕，對內容類型（影片/圖文）進行篩選；以橫滑標籤的形式，顯示建議的內容標籤。 篩選功能設計：互動細節全面拆解 案例
