App设计体系之Picker

Recommand
东莞/UI设计师/5年前/305浏览
App设计体系之PickerRecommand

App设计体系之Picker

1、定义

Picker(选择器/拾取器/选取器)是指把多个选项集合在一起供用户选择其中一项的控件。

在iOS系统Picker称为滚轮选择器,而在Android系统,Picker的表现形式有对话框(Dialog)和下拉菜单(Dropdown Menu)。

iOS与Android的Picker差异:

a 滚轮选择器是由下往上弹出,固定在界面下方;

b 对话框固定在界面居中,下拉菜单的位置根据上一步操作的点击位置而变动。


2、实际应用


2.1 选项过多时全屏显示

如果选项非常多,而且选项本身比较复杂难理解需要辅助的解释,建议用新页面或全屏弹出框的形式,以此容纳更多的选项。


2.2 滚轮选择器不一定要固定在底部

根据菲茨定律,操作目标离上一步操作的聚焦点的距离越近,手指移动距离也越近,用户反应也更快;因此把滚轮选择器放到控件触发区域下方直接展开,用户操作更快,用户体验更好。


2.3 Picker创新

网易严选的地区选择器选择省份后再选城市,选择城市后再选镇区,依次选择,只需在同一个选择器切换。

2
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
8月的“话”
Homepage recommendation
我画的🎨vs 我拍的📸
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
移动端设计规范
移动端设计规范
移动端设计规范
移动端设计规范
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in