需求来的时候,东加一点西加一点,最后导致系统里有各种各样的样式,所以在前期设计的时候就需要逐步完善设计规范,后期迭代使用相应的组件,减少开发成本。同样,弹窗也分多种。像Toast,tips,还有各类弹窗等是我们常常挂在嘴边的,使用场景也是模模糊糊的大概。
在这阶段项目的尾声做个弹窗类的总结,完善下自己的知识体系。在搜集了些资料后,按照自己的理解从是否打断用户操作角度做分类。
模态弹窗:让用户必须对其进行操作,否则弹窗不会消失,同时其他无关操作不可进行。
非模态弹窗:告知用户信息,不需要强制操作,在设定好的时间后自动消失。
1.Dialog/Alerts对话框
① 系统对话弹窗:常见于应用内,影响较大且需要用户做出选择时弹出。与平台相关的重大事件等,以及应用版本升级等。如:公司上市;C轮融资;版本升级告知等。
② 活动广告类:渠道/市场主推的各类活动,需要让用户知晓的,可自行关闭与跳转至相应的活动页面。
③ 形式自定义类:通常系统的弹窗,对用户的友好程度较弱,大多数app会自定义自己的通用样式,更具平台特色或者美观度较好。
2.Actionbar功能框
Actionbar比Dialog展示的功能操作按钮更多,底部有一个默认的“取消”按钮。点击“取消”或者弹窗以外的区域,可关闭弹窗。
3.Toast/Hub
用来做操作反馈或者信息提醒。由一句简短的文案提示,如“操作成功!”或者图文配合的形式,通常位于界面的中间,顶部或者底部。一定时间无操作后自动消失。
4.Tips提示条
置于页面顶部,提示重要信息且不影响浏览。多伴有出场/入场等效果,加强提示性效果。
5.Snackbar
由信息内容与一个功能按钮组成(/仅信息内容无操作按钮),拥有toast的属性,一定时间无操作后自动消失,位于界面底部/顶部。但所占面积较大,会使界面拥挤,应用内使用频率较低。
这次总结就到这里啦,欢迎指正~