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