移动端下拉菜单交互设计

摘自IAMUE

1.层级菜单,以iOS为代表

外露设置名称和默认项,将全部选项放在下一个页面

优点:节约垂直空间;兼容单选、多选等多种情况;可容纳的选项较多

缺点:操作繁琐,没有滑动返回时大屏幕操作困难

2.弹窗设计,以Android为代表

使用Alertialog作为载体承载选项,单选时点击选项关闭弹窗,多选时点击完成关闭弹窗。

优点:少数选项时比层级更加简单易用

缺点:选项内容一旦过多,弹窗就不适用

3.下拉菜单

类似PC端的下拉菜单,使用效果尚可,但是感官奇怪

4.滑动选择器

选项在当前界面出现挤开其他内容,选择后自动收起

避免进入新的层级,选项为连续的日期或者数字时表现良好,但是选项一旦过多并且无明显的连续关系则不应该使用

5.平铺内容

选项较短如性别选择,移动端较少见

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。 1. 层级设计,...
    初三说阅读 25,222评论 11 67
  • 不知不觉已经有一个月没有更自己的文了,终于有“敏感”的读者发现了,并在后台关心地问是怎么一回事儿。 其实只是工作忙...
    小默森阅读 700评论 12 5
  • 新型冠状病毒说明书 冠状病毒 [guān zhuàng bìng dú] 冠状病毒在系统分类上属冠状...
    王嘉廉阅读 11,782评论 0 2