Page 1 of 1

右上角展示固定篩選按鈕對內容類

Posted: Wed Jan 22, 2025 4:51 am
by samiul12
篩選功能設計:互動細節全面拆解 標籤式排布 適用於有多個篩選分組的情況且展示效率更高一行最可展示多個選項(控制在個以內)。 但要注意每個組下的選項也不宜過多否則會影響後方分組的展示;可以透過前置高頻選項折疊部分低頻選項的方式來控制選項初始數量。 篩選功能設計:互動細節全面拆解 快捷篩選在設計時可以外置一些高頻的篩選項目-我稱之為快捷篩選;快捷篩選極大縮短了使用者路徑無需進入到篩選容器中便於使用者使用。 案例:內容消費等弱篩選場景 在篩選項不多、對篩選依賴性較低的情況下甚至不需要把選項都收在篩選容器中直接將選項鋪在清單頁即可。


小紅書的內容流中採用的都是快速篩選 香港电话数据 沒有設計篩選容器。型(影片圖文)進行篩選;以橫滑標籤的形式顯示建議的內容標籤。 篩選功能設計:互動細節全面拆解 案例:購物等強篩選場景 在電商中「配圖+文案」的樣式也是一種快速篩選效果非常直覺。 好比你在線下購物時你說“我要買相機”有一個導購則問你“你要買什麼相機呢?微單、單反還是…?”這樣一步步幫用戶縮小需求範圍。 篩選功能設計:互動細節全面拆解 增加輔助描述有些使用者在做決策時是存在困難的因此我們可以在選項上增加一些輔助描述幫助使用者完成決策。


案例 攜程的飯店篩選模組中結合用戶選擇比例來推薦飯店位置熱門位置一目了然。 篩選功能設計:互動細節全面拆解案例 增加可視化的意符以弱引導的方式提供使用者參考。 如京東在按鈕的​​底色上顯示可視化的百分比以熱門程度的維度給用戶推薦選項。在美團外送中透過滑動條上展示折線圖顯示篩選範圍內對應的結果數。其亮點在於它在不給原本的訊息增負的同時讓使用者很快就感知到可以重點關注的選項。 篩選功能設計:互動細節全面拆解 案例解析 當然我們會發現在日常使用的中有很多的篩選設計都比上面說的複雜得多。 為什麼要設計成這樣呢?結合下面的案例我們感受一下。