首頁 > 建站資源 > 網站優化 > 設計干貨:篩選功能設計總結

江苏十一选五专家推荐:設計干貨:篩選功能設計總結

時間:2018-06-01    來源:人人都是產品經理

江苏十一选五开奖公告 www.ervgn.com

注:從用戶的操作流程上來說,如果用戶想使用一個功能,必然首先要發現它。如果連功能入口都找不到,后續的用戶體驗也無從談起。而篩選功能可以幫助用戶對功能信息進行快速的定位,縮短用戶的查找時間,這篇文章我就來跟大家聊一下篩選功能。

 三種常見基本樣式

首先要明確一個概念:篩選功能并不是普通的單一功能項,它和導航一樣是一個體系。

既然是體系,必然有最基本的組成部分。篩選功能(體系)常見的樣式有以下三種:tab類,(下拉)列表類,標簽類。

這三種樣式是篩選功能最基本的組成元素,不管你產品的篩選功能做的有多么復雜,都可以看成是這三種基本元素的不同組合形式。

1.Tab

Tab是最常見的篩選樣式,一個tab項代表一個篩選維度,直接平鋪的展示出來,用戶很容易感知到。

根據方向我們可以將tab分為橫向欄tab和側向欄ta,橫向欄tab可展示2- 5 個選項,如果超過了 5 個,那么就需要用戶滑動才能看到。

所以當篩選維度過多的時候,我們可以考慮使用側向欄tab,京東商品分類這里用的就是典型的側向欄tab,我數了一下總共 40 個選項,這里如果使用橫向欄tab用戶可能要側向滑動 8 屏,操作成本過高。

當然當選項過多的時候,我們還有一個法子,就是使用彈框,用戶點擊后可以看到全部的選項。

2.列表式

列表式也可稱之為list,其特點就是占用空間小。因為它可以將選項隱藏起來,用戶需要點擊才能看到所有的選項,因此在有限的空間里可以展示更多的篩選維度。

礙于手機屏幕尺寸的限制,列表式篩選現在應用的越來越普遍。

列表式篩選的樣式其實有很多,可以做成popover類、actionsheet類、activityview類。這些樣式很難去說誰好誰壞,這里我就只是列舉出來,具體用哪種樣式,大家自己來判斷。

相關推薦
制作完美搜索框的9個要素設計原則
探探和Linkedin都用的卡片設計 怎樣才有好的體驗?
2017版“我的淘寶”可能是迄今為止最懂你的設計
為什么你愛用的App,都用卡片式設計?優勢在哪?
手機淘寶卡券包的改版設計經驗分享
手淘首屏設計是如何用戶逛得停不下來?
UI設計規范:單選按鈕vs復選框要怎么用?
APP設計教程:特殊情況下如何處理加載頁面?
APP設計教程:UI界面中的版式設計理論
APP設計:移動端下拉表單的更好選擇
App啟動頁分類與設計邏輯
APP移動應用彈窗設計指南
如何讓APP圖標設計得有特色?
24個UI案例對比 教你如何提升APP設計品質
干貨:移動端響應式的7種UI布局解析
APP設計優化:空白頁的存在價值與設計方案
iPhone X 官方人機交互指南中文版
9個UI界面設計靈感來源的網站推薦
從iOS 11看怎樣設計APP圖標
推送的暗黑模式:被 App 小紅點淹沒的你正被套路……
5種技巧教你如何提高移動端用戶體驗
APP設計推送通知的時候,這7個關鍵點要把握好
超實用的APP引導頁設計基礎手冊分享
為什么微博不像微信一樣設計得簡潔?
APP設計:如何打造優質移動頁面提高用戶體驗?
APP設計:內容呈現更友好易用的5種常見導航設計模式
那些方法可以讓搜索框的體驗更好?
APP界面設計:關于卡片設計、分割線、無框設計的思考
APP設計:啟動頁/廣告頁/引導頁設計思想
APP設計:懸浮按鈕設計規范和經典實踐
APP設計教程:導航設計的對比總結
總結:那些可以提升用戶設計體驗的方法分享
APP設計:“返回”功能應該怎么設計?
設計實踐:如何讓用戶參與我的設計?
從兩個層面分析抖音的交互設計
APP設計:如何設計電商APP的消息通知?

精彩推薦

熱門教程