Google Material Design设计规范和iOS设计规范中,都有从底部向上出现的浮层组件。在Android中,是底板(Bottom Sheet);在iOS规范中,是上拉菜单(Action Sheets)和活动视图(Activity Views)。由于内容较多,本文介绍iOS规范中的两个组件:上拉菜单(Action Sheets)和活动视图(Activity Views)。Android中的两个组件,将在下一篇文章中进行介绍。
上拉菜单
上拉菜单,是当用户激发一个操作的时候,出现的浮层。“使用上拉菜单让用户可以开始一个新任务或者对破坏性操作(例如:删除、退出登录等,笔者注)进行二次确认。” 使用上拉菜单开始一个新任务,在苹果官方的邮件应用里有很多案例,比如下面这个👇
点击了那个长得很像“回复”的按钮,出现了三个操作供用户选择:回复、转发、打印。
在用户进行破坏性操作的时候,上拉菜单成为一个确认性质的存在,防止用户误操作引起了破坏性结果。�比如删除照片时👇
有心的好奇宝宝(比如笔者)这里可能就会想了:之前介绍过的警告框(Alerts),在进行一些重要操作的时候也会有再次提示的作用,那么它和上拉菜单有什么区别呢?笔者经过研究,终于在一个英文论坛上找到了答案:
警告框比较打扰用户的使用,一般是告知出现的问题、希望用户来处理一下;而上拉菜单,往往出现在在用户点击了删除按钮之后,用户比较对此有预期。
本文为小密圈“交互小殿堂”本周主题“场景思维”的节选内容。文章后半部分将介绍流程的完整性。感兴趣的朋友可加入小密圈“交互小殿堂”查看原文。
关于小密圈“交互小殿堂”
交互小殿堂设置了6个主题,帮助你系统学习交互:
- 场景思维(2周)
- 心理模型(1周)
- 流程设计(5周)
- 正确使用控件(15周)
- 测试方案(3周)
- 用研(3周)
以上这些专题,将每周固定发布在我的小密圈“交互小殿堂”。
同时,为了让大家更好地掌握每周的专题,安排每周的计划如下:
- 周一在小密圈“交互小殿堂”独家发布一篇主文,介绍本周主题;
- 周二至周五解答圈友们关于本周主题的问题;
- 周六分享优秀交互设计案例,并带领大家解析设计亮点;
- 周日总结本周所学。
6个专题结束后,会为大家提供7个需求,供大家实战,锻炼之前学到的技能。
具体的安排如下:
第一周,给出需求说明和重点提示;
第一周剩下的几天以及第二周,大家根据需求进行交互方案设计;
第三周集中点评大家的方案,给出建议。
欢迎加入,和大家一起系统学习交互。
加入小密圈方法
方法一:可保存下面的二维码到相册,然后使用微信“扫一扫”→“从相册选取二维码”。注:长按识别二维码会出bug,导致无法支付(摊手)。
方法二:点击链接加入http://t.xiaomiquan.com/MBiq7qV
现在圈子刚刚建立,实行短暂优惠:
两人一起报名,享8折优惠;
三人一起报名,享7折优惠;
四人一起报名,享6折优惠;
五人及五人以上一起报名,享5折优惠;
最后顺提一句,讨论会使我们更清楚地认识这个控件。欢迎大家留言讨论。
网友评论