本文作者对四大弹窗控件进行了对比分析，非常详细的讲解了不同控件的应用场景，通过案例进一步加深了对控件应用的理解。
你有在项目完成后进行总结的习惯吗？最近我一直在分析我对弹窗的了解。本来我觉得弹窗很简单，大家都知道在什么情况下使用什么样的弹窗。我们发现有些同学在设计时仍然滥用它们。主要原因是知识没有内化。
如何才能让你读到的文章坚持你的知识呢？就是要发现更多的问题。比如，在写弹窗总结文章时，我发现了以下三个问题：
问题1：对于警报弹出窗口，使用警报表还是操作表更好？
问题2：toasts可以放在界面顶部、中间、底部哪个更好？
问题3：小吃店和吐司有什么区别？
当然，仅仅发现问题并不能内化知识。关键是要分析和解决这些问题，以便未来的设计有充分的依据，不能被利用。
1.了解四个主要控件在解释问题之前，我们先了解一下英文控件：alerts（对话框）、actionsheets（控制面板）、toasts（小提示）和snackbars（快速提示）我们来了解一下它是什么。代表。
警告：对话框是一种模式弹出窗口，当用户试图执行危险或不可逆的操作时，系统以警告对话框的形式通知用户是否继续。由于显示警告且封锁较强，因此不能忽略该操作。操作表：控制面板既是警报的扩展，又是模式弹出窗口。用户必须在弹出窗口消失之前采取行动。操作表有更多的功能按钮。重点是运营。 Toast：它通常出现在页面上的任何位置，出现几秒钟，然后自动消失。常用于显示操作结果或空白提示。形式。 Snackbar：Google Material Design 提供的消息控件，支持提示和操作。与吐司类似，几秒无交互后它会自动消失，但你也可以通过向下滑动来忽略该消息。
2、界面仓位强度如果你分析一下上面的三个问题就会发现，其实就是一个仓位强度的选择。因此，在解决问题之前，首先要了解其在APP界面中的优势和地位的劣势。
界面可分为上、中、下三部分，如下图。
中心部分是用户的视觉焦点，最能吸引用户的注意力。因此，重要的弹出信息，例如对话框，往往放置在这里。二次确认等
通知和不太重要的操作可以放在这两个位置，因为顶部和底部的权重相同（顶部比底部稍重），并且比中间部分对用户的吸引力和干扰较小。
3. 解决问题一旦了解了自己在界面中的位置的优势和劣势，您就可以返回到最初的问题并做出更好的决策。
1. 对于警报弹出窗口，使用警报表或操作表哪个更好？
在警报表和操作表的一般比较文章中，最重要的区别是操作表可以包含更多按钮并占用更少的临时空间，而警报通常只有两个按钮。
但是，当出现警告弹出窗口并且只有两个按钮时，您可以通过弹出窗口的强度来判断吗？
微信鼓励使用后退出，因此在用户离开时留住用户并不需要花太多功夫。这提供了一种破坏性较小的操作表控件，并允许用户快速完成退出操作。从QQ弹窗副本中可以看到，当用户注销时，连续登录记录被清除，QQ大师图标变成灰色。这样，我们就会尽力恢复状态。用户。因此，使用警报对话框更有意义，更适合拦截。
2. Toast可以放置在界面的顶部、中部或底部。一般来说，Android 上的Toast 位置位于界面的底部，iOS 上的Toast 位置位于界面的中间，但并非所有产品都遵循这个原则。
有些产品的Toast位于顶部，有些iOS应用程序的Toast位于底部。那么哪个地方比较好呢？同样，您可以根据位置的强度来分析位置。
淘皮票提供了为您的视频选择最佳观看区域的提示。这些提示不会影响用户的体验，因此将它们放在中间可以减少用户的注意力，同时也比放在底部更容易被注意到。当为新秀包裹选择收件人地址时，单击“立即订购”，系统将显示一条提示消息。将其放置在界面的中心可以吸引用户的注意力。猫眼的选座提示实际上与淘票票具有相同的功能，但它被放置在界面的底部，因此对用户的干扰最小。
3. Snackbar 和Toast 有什么区别？ Snackbar 和Toast 在应用上有些相似，但是在一些应用中你会发现Toast 被Snackbar 取代了。
零食棒与吐司有相同的时间限制，如果用户没有响应，几秒钟后就会自动消失。不同之处在于，小吃店有一个或两个功能按钮。
当您选择使用AudioClip 标记音乐时，系统将提示您使用Snackbar 登录。这不会干扰自然的用户交互。如果您不希望用户登录，请忽略它。
强调：如果您不知道是否使用警报表或操作表，您可以根据弹出窗口的强度进行选择。如果强度较低，请选择操作表。使用Toast，可以先根据平台规格进行选择，根据具体场景放置位置，如果反馈信息中不需要强烈的块状感，那么用Snackbar代替Toast也可以。好的选择。从用户体验的角度来说，用户体验会更加流畅。作者：Kite KK，公众号：Haiyanshe
本文首发于@风KK，人人都是产品经理。它禁止未经授权的复制
标题图片由Unsplash 根据CC0 协议提供
本文和图片来自网络，不代表火豚游戏立场，如若侵权请联系我们删除：https://www.huotun.com/game/668554.html