注:從用戶的操作流程上來說,如果用戶想使用一個功能,必然首先要發(fā)現(xiàn)它。如果連功能入口都找不到,后續(xù)的用戶體驗也無從談起。而篩選功能可以幫助用戶對功能信息進行快速的定位,縮短用戶的查找時間,這篇文章我就來跟大家聊一下篩選功能。
首先要明確一個概念:篩選功能并不是普通的單一功能項,它和導航一樣是一個體系。
既然是體系,必然有最基本的組成部分。篩選功能(體系)常見的樣式有以下三種:tab類,(下拉)列表類,標簽類。
這三種樣式是篩選功能最基本的組成元素,不管你產(chǎn)品的篩選功能做的有多么復雜,都可以看成是這三種基本元素的不同組合形式。
Tab是最常見的篩選樣式,一個tab項代表一個篩選維度,直接平鋪的展示出來,用戶很容易感知到。
根據(jù)方向我們可以將tab分為橫向欄tab和側(cè)向欄ta,橫向欄tab可展示2- 5 個選項,如果超過了 5 個,那么就需要用戶滑動才能看到。
所以當篩選維度過多的時候,我們可以考慮使用側(cè)向欄tab,京東商品分類這里用的就是典型的側(cè)向欄tab,我數(shù)了一下總共 40 個選項,這里如果使用橫向欄tab用戶可能要側(cè)向滑動 8 屏,操作成本過高。
當然當選項過多的時候,我們還有一個法子,就是使用彈框,用戶點擊后可以看到全部的選項。
列表式也可稱之為list,其特點就是占用空間小。因為它可以將選項隱藏起來,用戶需要點擊才能看到所有的選項,因此在有限的空間里可以展示更多的篩選維度。
礙于手機屏幕尺寸的限制,列表式篩選現(xiàn)在應用的越來越普遍。
列表式篩選的樣式其實有很多,可以做成popover類、actionsheet類、activityview類。這些樣式很難去說誰好誰壞,這里我就只是列舉出來,具體用哪種樣式,大家自己來判斷。