最专业的八方代购网站源码!

资讯热点
如何设计一个出色的弹出窗口?这是一个全面的总结!

发布时间:2019-10-15 分类: 行业资讯

当我最近在一个项目上工作时,我发现在项目中使用弹出窗口有点令人困惑。例如,您需要使用弹出框来完成操作提示。用户不了解此功能,添加图标查看详细信息”用户单击并弹出弹出框以向用户显示详细信息。用户想要查看操作的详细记录,或使用弹出框来显示它。由于要表达的内容不同(形式,文本,插图),弹出框的样式不统一,设计的一致性被打破。而且,弹出框的频率太高,这可能对用户的正常操作过程造成干扰。所以在这篇文章中我总结了弹出窗口的使用。

 什么时候使用弹出框

在我看来,在项目中使用弹出窗口令人困惑,归根结底是缺乏对弹出窗口时间的理解。因为您不知道何时使用弹出窗口,所以会导致弹出窗口出现在不应该出现的位置。事实上,设计师在使用弹出框之前一定要小心,并反复询问自己是否必须使用弹出框。由于弹出框会中断用户当前的操作过程,因此它是一种相对较强的干扰行为。

设计非常具有包容性,弹出窗口可以实现的功能实际上可以被其他设计元素取代。接下来,我们来看看这些弹出窗口的替代方案:

 弹出框与开屏广告

目前,当使用版本或新功能(产品)在线更新应用程序时,通常使用弹出框来提醒用户。

实际上,开放式广告可以完全取代弹出式广告,并且由于空间较大,开放式广告可以更好地完成宣传功能。

  弹出框与切换页面

我们有更多常见的详细信息,显示可以通过弹出窗口或加载新页面加载的页面。从用户体验的一致性来看,最好使用弹出窗口。由于用户仍然可以使用弹出窗口停留在当前页面上,因此页面内容将不会刷新。此外,弹出框打开速度更快,响应更快,更有可能受到用户的青睐。

但是,弹出框可以携带的信息量是有限的。如果太多信息导致用户滑过弹出框以完成阅读,则更适合用新页面显示它。

  弹出框与toast

弹出窗口的主要功能之一是反馈。一些反馈更适合使用吐司,因为吐司是一种轻量级的反馈方法,通常会在1-2秒后消失。此外,与弹出框相比,toast在界面上几乎没有遮挡,并且不会对用户当前的操作造成很大的干扰。

Toast可以出现在页面的任何位置,为用户提供更具方向性的提示,这在弹出窗口中不可用。

实际上,何时使用弹出框,是否使用弹出框取决于您要向用户显示的信息是否重要。例如,如果您在手机上购买电影票,如果用吐司显示,则用户很容易忽略付款失败的结果。然后,当用户到达电影院并发现他的购买失败时,用户很可能当场卸载您的产品。

总之,重要信息是首选使用弹出窗口。

 弹出框设计原则

  避免文字过多

弹出框的另一个主要功能是用户指导。我们都知道,用户指导主要是为了让用户更好地了解产品。如果你想解释一件事,最强大的武器就是文字,但我们不能过分依赖文字。

由于用户不希望在使用过程中看到过多的引导提示,因此他们希望知道整个指南的内容,以便在短时间内通知用户。这意味着我们必须减少文本的使用,或简化文本。因为人类阅读文本比图像的“阅读速度”快得多。在为用户提供文本提示时,我们必须记住匹配其他可视元素。

例如,用户引导弹出框,我们将添加一些手势和箭头,使指南更具方向性。还有弹出式指南,可以添加一些插图,整个页面样式变得生动,激发用户的阅读欲望。

 定位目标用户群和使用场景

设计人员应在弹出设计过程中考虑目标用户群和使用场景。以目标用户组为例。如果您的用户大多数年龄较大,则可能更适合在弹出框中使用浅色背景,因为内容更直观。较年轻的用户更倾向于在深色背景上弹出盒子,因为它们更自然,更时尚。如果我们可以准确地将目标用户组定位到子用户,那么我们会在弹出背景中添加一些插图元素。

使用场景涵盖的范围很广,包括使用时间,使用时的网络状态,心态以及设备的使用。这些是我们在设计弹出窗口时需要考虑的问题。

以咕咚为例,一般来说,大多数用户对速度调节和快速和慢速分析这两个概念有一个大致的了解。为了安全起见,设计师添加了一个图标来查看详细信息。在这里设计师放弃使用弹出窗口,在我看来这是一个非常明智的选择。因为大多数用户在室外使用咕咚,所以没有wifi。如果用户不愿意打开流量,则不会加载此弹出窗口,这将影响产品的离线体验。

并且使用弹出框将覆盖当前页面信息,例如,我想了解速度稳定性,但弹出框模糊了我的速度范围,这样的设计很容易被用户吐出。

  总结

设计是一个你学到更多的行业,这是一个很好的现象。纠缠的根本原因是因为我们正在考虑平衡不同设计方案的利弊。独立思考的习惯和态度应该是合格设计师的基本素质。有时,在一天结束时,我们无法提出让我们满意的解决方案,但思考过程可能比获得答案更适合您。重要。

« 引爆事件营销的核心步骤是两个 | 超级综合图标基础摘要 »