行业动态
四种常见的App弹出窗口设计:Toast,Dialog,Actionbar和Sn
2021-03-13

本文大约3000字,建议阅读15分钟。

弹出窗口也称为对话框,它们是应用程序与用户交互的常用方式之一。弹出窗口有两种类型:模态和非模态弹出窗口。两者之间的区别在于用户不需要对其进行响应。模式弹出窗口将中断用户的正常操作,要求用户对此做出响应,否则其他操作将无法继续;非模式弹出窗口不会影响用户的操作ios开发 首页广告弹窗,用户无法响应,非模式弹出窗口通常具有时间限制,并且会在一段时间后自动消失。

无论是模态还是非模态,弹出窗口都位于当前页面的顶层。模态弹出窗口通常带有半透明的蒙版,以吸引用户的视觉焦点并突出显示弹出窗口的信息内容。非模式弹出窗口通常设计为通知用户信息内容,而模式弹出窗口除了要求用户告知信息内容之外,还要求用户执行功能性操作。

带有半透明蒙版的模式弹出窗口

随着开发技术的发展,弹出窗口有多种方式和样式,并且弹出窗口也已被定制和设计成多种样式和版本。最常见的基本弹出窗口如下:

Toast,Dialog,Actionbar和Snackbar

四个常用的应用弹出窗口

吐司提示框

Toast提示框是一个非模式弹出窗口。它会弹出一条小消息,作为提醒或消息反馈。通常用于显示操作结果或应用程序状态的更改。例如,如果您发送短信,则该应用程序将弹出一个Toast,以提醒您该消息已发送。

最常见的Toast提示是简短的描述性文本。这种样式的弹出窗口可以出现在页面上的任何位置,并且可以设置为显示在页面的顶部,中间或底部(但通常出现在页面的中心轴上),并且特定的显示位置是根据页面的总体设计进行设置。这种Toast在Android App上很常见。

还有一个由简单图形和短文本组成的Toast弹出窗口,显示位置通常位于页面的中央。这种敬酒在IOS和Android上都很常见。

IOS建议设计一种方法来显示引人注目但与App界面和谐集成的信息。这种显示信息的方式类似于Android纯文本的Toast,不同之处在于界面交互是不同的。通常,通过在内容页面的顶部向下推动,然后向上推动并消失,可以显示它。现在,Android平台也使用了这种显示信息的方式。例如,腾讯新闻应用程序的IOS版本和Android版本都使用这种形式的Toast弹出窗口来提醒刷新功能的操作。

考虑到Toast提示框的显示时间相对较短(通常只有几秒钟)ios开发 首页广告弹窗,并且占据的面积很小,因此很容易被用户忽略,因此Toast不适合携带太多文本和重要信息。

对话框对话框

对话框对话框是模式弹出窗口。当用户执行敏感操作时,或者当App内部发生严重的状态更改时,此类操作和更改将带来更具影响力的行为结果。在结果出现之前,应以“对话框”弹出窗口的形式通知用户。让用户进行功能选择。例如,退出应用程序,执行付费下载和其他功能操作。

通常,对话框由标题,信息内容和功能按钮组成。仅当用户单击功能按钮时,弹出窗口才会消失,App会立即执行功能操作并进入相应的功能过程。

对话框的标题和信息内容的文字说明应设计得尽可能简洁明了。您也可以选择省略标题,仅保留内容描述和功能按钮(实际上,大多数对话框设计为没有标题样式)。使用Dialog时,最好只有两个功能按钮,允许用户选择“是”或“非”功能操作(“是”是指内容描述的确认操作,例如确认删除和确认付款;“非”一般指取消操作,然后关闭弹出窗口);它还通常设计为仅具有一个“确认”按钮,目的是让用户在阅读内容后单击以关闭弹出窗口(这种Dialog样式,信息内容必须如此必要,以中断用户的请阅读并确认信息内容,否则,请使用Toast作为非模式弹出提示)。

如果“对话框”对话框中有三个或更多功能按钮,则会增加用户的功能选择负担,因此当需要使用多个功能按钮进行选择时,请考虑使用操作栏。


393701618