Buy Database

案例 攜程的飯店篩選模組中結合用戶選擇比例來推薦飯店位置熱門位置一目了然。 篩選功能設計：互動細節全面拆解案例 增加可視化的意符以弱引導的方式提供使用者參考。


如京東在按鈕的​​底色上顯示可視化的百分比以熱門程度的維度給用戶推薦選項。在美團外送中透過滑動條上展示折線圖顯示篩選範圍內對應的結果數。其亮點在於它在不給原本的訊息增負的同時讓使用者很快就感知到可以重點關注的選項。


篩選功能設計：互動細節全面拆解 案例解析 當然我們會發現在日常使用的中有很多的篩 格鲁吉亚移动数据库​ 設計都比上面說的複雜得多。 結合下面的案例我們感受一下。





案例 圖中的兩款產品在價格區間的篩選上提供了兩種控制輸入：單選框+滑動輸入數位輸入。 為什麼要這樣做呢？ 篩選功能設計：互動細節全面拆解 滑動輸入和數位輸入提供了自由的輸入範圍但操作成本略高；單選框輸入範圍局限但更有效率且快速。


因此兩者結合使用會更加科學既能照顧有精確需求的用戶又能提供便利的選項。 案例 左圖是大眾美食類型的篩選器：預設為單選邏輯右上角有一個「多選」按鈕點擊會轉換為多選邏輯。