與半彈跳窗比全域彈窗適合承載數量較多、層級更複雜的選項。 與頁面有何區別為什麼要使用全域彈跳窗? 雖然與頁面看起來差不多但是不需要載入刷新頁面因此回應速度更快讓整個過程更加流暢。適用於主流程中的分支流程。篩選通常都是分支流程因此對於內容量較大的篩選來說全域彈跳窗是個不錯的選擇。 篩選功能設計:互動細節全面拆解 彈跳窗彈出方式依照彈跳窗的彈出方式篩選容器又可分為頂部彈出 、底部彈出和側邊彈出。 彈出方式由篩選入口的位置和彈跳窗形態決定由於現在大部分介面的篩選都在右上角因此頂部和側邊彈出為主流的彈出形式。 值得一提的是底部彈出是比較特別的一種方式入口不一定要位於底部。
這款彈窗具備了半彈窗輕量、跳轉感弱的優點擁有更寬的 美国电话数据 展示位置沒有頂部彈窗頭重腳輕的感覺是一個值得考慮的形式。 篩選功能設計:互動細節全面拆解 篩選功能設計:互動細節全面拆解 彈跳窗佈局根據彈跳窗的佈局篩選容器也可分為分組折疊式和左右結構導航式。 分組折疊式 將各組篩選歸類在同一螢幕的折疊選單下可透過點選展開更多選項。 優點:由於能在同一螢幕內展示多個類別下的選項選項的瀏覽效率高;利於優化頁面資訊展示如展開高頻選項對不常用的選項進行折疊處理。 適用場景: 適用需要在多個類別下選擇選項的情況。
篩選功能設計:互動細節全面拆解 左右結構導航式 將父子類目依照左右結構進行排布父類目固定在左側可方便切換類目。 優點:層級結構清晰、一目了然;類目查找效率高。 適用場景:適用於類目層級較多的情況。 篩選功能設計:互動細節全面拆解 組合式 結合了前面說的兩種形式使用者可以直接上下滾動頁面按順序查看所有的類別和選項也可以點擊左邊的標題直接定位到對應的類目位置。 優點:結合了兩者的優點有利於確保選項瀏覽效率和類目查找效率。 適用場景:對於類別和選項都多的情況可參考該佈局。 篩選功能設計:互動細節全面拆解 提交按鈕可在提交按鈕處顯示篩選的結果數。