這款彈窗具備了半彈窗輕量、跳轉感弱的優點擁有更寬的展示位置沒有頂部彈窗頭重腳輕的感覺是一個值得考慮的形式。 篩選功能設計：互動細節全面拆解 篩選功能設計：互動細節全面拆解 篩選功能設計：互動細節全面拆解 彈跳窗佈局根據彈跳窗的佈局篩選容器也可分為分組折疊式和左右結構導航式。 分組折疊式 將各組篩選歸類在同一螢幕的折疊選單下可透過點選展開更多選項。 優點：由於能在同一螢幕內展示多個類別下的選項選項的瀏覽效率高；利於優化頁面資訊展示如展開高頻選項對不常用的選項進行折疊處理。 適用場景： 適用需要在多個類別下選擇選項的情況。
篩選功能設計：互動細節全面拆解 左右結構導航式 將父子類目依左側可方 香港电话数据香港电话数据 便切換類目。 優點：層級結構清晰、一目了然；類目查找效率高。 適用場景：適用於類目層級較多的情況。 篩選功能設計：互動細節全面拆解 組合式 結合了前面說的兩種形式使用者可以直接上下滾動頁面按順序查看所有的類別和選項也可以點擊左邊的標題直接定位到對應的類目位置。 優點：結合了兩者的優點有利於確保選項瀏覽效率和類目查找效率。 適用場景：對於類別和選項都多的情況可參考該佈局。 篩選功能設計：互動細節全面拆解 提交按鈕可在提交按鈕處顯示篩選的結果數。
透過前置回饋讓使用者對操作結果有預先的判斷方便他們及時調整操作。此功能的實作涉及到使用者每做一個操作就要載入一次資料。因此設計時需要注意按鈕的載入態、載入超時如何處理、沒有結果時該如何展示等等。 篩選功能設計：互動細節全面拆解 篩選項 篩選項常用單選複選（hk）。 複雜場景下也會用到數位輸入（）、滑動輸入（）等。選項排布篩選項目的排布可分為列表式和標籤式。 列表式排布 選項垂直平鋪符合閱讀習慣適合檢索；但每螢幕能顯示的數量較少。 適用場景： 在左右結構導航式中廣泛使用；當容器內只有單一篩選緯度時可使用。