如京東在按鈕的底色上顯示可視化的百分比以熱門程度的維度給用戶推薦選項。在美團外送中透過滑動條上展示折線圖顯示篩選範圍內對應的結果數。其亮點在於它在不給原本的訊息增負的同時讓使用者很快就感知到可以重點關注的選項。
篩選功能設計:互動細節全面拆解 案例解析 當的中有很多的 阿富汗 whatsapp 数据 篩選設計都比上面說的複雜得多。 為什麼要設計成這樣呢?結合下面的案例我們感受一下。
案例 圖中的兩款產品在價格區間的篩選上提供了兩種控制輸入:單選框+滑動輸入數位輸入。 為什麼要這樣做呢? 篩選功能設計:互動細節全面拆解 滑動輸入和數位輸入提供了自由的輸入範圍但操作成本略高;單選框輸入範圍局限但更有效率且快速。
因此兩者結合使用會更加科學既能照顧有精確需求的用戶又能提供便利的選項。 案例 左圖是大眾美食類型的篩選器:預設為單選邏輯右上角有一個「多選」按鈕點擊會轉換為多選邏輯。