目錄 篩選容器 篩選項 案例解析 總結 在設計行動端篩選時有哪些體驗細節值得注意? 本文蒐集了一些主流的篩選功能設計從細節上進行拆解與分析。首先我們把篩選拆分為個部分來細看:篩選容器、篩選項。
項的彈跳窗。
彈跳窗形態依彈窗形態可分為半彈窗和全域彈窗。 半彈窗 土耳其 whatsapp 数据 以層的形式出現僅佔據部分螢幕後面是半透明的遮罩。這層遮罩讓使用者感覺自己並沒有離開目前頁面沒有遺失正在瀏覽的內容同時又能清楚預見接下來的步驟。
優點: 由於不需要刷新整個頁面的訊息半彈窗更加輕量、敏捷、跳躍感弱能帶給使用者敏捷的感受。 適用場景: 側邊半彈跳窗適用於篩選數量較多的情況; 頂部半彈跳窗這種樣式常用於篩選類別較少(不超過項)篩選項數量不多的場景。
篩選功能設計:互動細節全面拆解 全域彈窗 以層的形式出現佔據整個螢 幕。看起來像一個頁面但通常會有明確的過渡動畫表示這是一個浮層而不是頁面跳躍。