美文网首页用户体验UI设计创业扶持
UI设计师需要了解的 APP弹窗体系

UI设计师需要了解的 APP弹窗体系

作者: 张安松 | 来源:发表于2017-05-18 16:32 被阅读30次

弹窗的定义

弹窗分为模态弹窗和非模态弹窗两种。

模态弹窗:很容易打断用户的操作行为,用户必须回应,否则不能进行其他操作。

非模态弹窗:不会影响用户的操作,用户可以不对其进行回应,非模态弹窗通常都有时间限制,出现一段时间后就会自动消失。

弹窗作用:非模态弹窗一般被设计成用来告诉用户信息内容,而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。

弹窗的介绍

2.1 Dialog(Alerts)

Dialog需要用户对此弹框进行操作后才能继续执行其他任务。

警告框在iOS中称之为Alerts。iOS的Alerts(警告框)主要用来传达重要信息,并且常常需要用户来进行操作。

使用Dialog的时候还是谨慎一点比较好,尽量不要给用户带来糟糕的体验感。

2.2 Popover

浮出层(Popover):是当用户轻点某个控件或页面中的某一区域时浮出的,半透明的临时视图。

常用Popover的形式来呈现页面中折叠的一些额外信息,或在首页位置呈现一些常用操作的快速入口。

总结

Alert:当提示信息是至关重要的,并且必须要由用户做出决定才能继续的时候,请使用Alert。非用户发起的(即系统自动发起)一般都用Alert。

Action Sheet:重要程度弱于Alert时,当需要给用户更多的功能选择时使用Action Sheet。一般用户主动发起任务时用 Action Sheet。

Toast:当提示信息只是告知用户某个事情发生了,用户不需要对这个事情做出响应的时候,使用Toast。

Snackbar:以上两者之外的任何其他场景,Snackbar可能会是你最好的选择。

相关文章

网友评论

    本文标题:UI设计师需要了解的 APP弹窗体系

    本文链接:https://www.haomeiwen.com/subject/axisxxtx.html