一目了然；類目查找效率高。 適用場景：適用於類目層級較多的情況。 篩選功能設計：互動細節全面拆解 組合式 結合了前面說的兩種形式使用者可以直接上下滾動頁面按順序查看所有的類別和選項也可以點擊左邊的標題直接定位到對應的類目位置。
優點：結合了兩者的優點有利於確保選項瀏覽效率和類目查找效率。 適用場景：對於類別和選項都多的情況可參考該佈局。 篩選功能設計：互動細節全面拆解 提交按鈕可在提交按鈕處顯示篩選的結果數。
透過前置回饋讓使用者對操作結果有預先的判斷方便他們及時調整操作。此功能的實 印度尼西亚 whatsapp 筛查 作涉及到使用者每做一個操作就要載入一次資料。因此設計時需要注意按鈕的載入態、載入超時如何處理、沒有結果時該如何展示等等。
篩選功能設計：互動細節全面拆解 篩選項 篩選項常用單選複選（hk）。 複雜場景下也會用到數位輸入、滑動輸入等。選項排布篩選項目的排布可分為列表式和標籤式。
列表式排布 選項垂直平鋪符合閱讀習慣適合檢索；但每螢幕能顯示的數量較少。 適用場景： 在左右結構導航式中廣泛使用；當容器內只有單一篩選緯度時可使用。
篩選功能設計：互動細節全面拆解 標籤式排布 適用於有多個篩選分組的情況且展示效率更高一行最可展示多個選項（控制在個以內）。