唐山企业网站制作:在Web设计中使用Pop-Ups(模态)的最佳方式

2019.08.02 mf_web

52

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果在本教程中,我们将介绍网页设计中的弹出窗口(模态)。在您的设计中使用弹出窗口需要承担一定的责任; 如果不小心完成,添加弹出窗口可能会破坏用户体验。然而,如果实施得当,它们可能是一个非常有用的工具。

唐山企业网站制作让我们看一下弹出窗口的一些典型示例,检查用户和设计人员为什么可能不喜欢它们,为什么有些用户选择安装弹出窗口阻止程序,以及一些使它们运行良好的最佳实践。

什么是弹出窗口?

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果弹出窗口(或模态)是一个小的UI元素,它将出现在网站的前台,通常作为用户做某事的提示触发:

一个弹出的例子flightclubcom
flightclub.com上的弹出式示例

这是一个模态窗口; 您需要单击其边界外部,或者单击关闭按钮以关闭它。我们还将这样的弹出窗口称为“插页式”,因为它们出现在预期内容之间的阶段。 

这是一个弹出窗口的示例,一旦用户滚动到页面上的某个位置,它就会从右侧滑入:

在shankmancom上弹出
在shankman.com上弹出

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果当您第一次访问InVision网站时,您会看到一个固定的弹出窗口,让您了解Cookie的使用情况(您现在可以在大多数网站上看到这些内容)。

InVision上的cookie弹出窗口
Cookie使用InVision弹出窗口

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果显示临时信息(例如促销或通知)的页眉栏或页脚栏也可以被视为弹出窗口。

为什么弹出窗口不喜欢这么多?

作为用户,不喜欢弹出窗口的主要原因是它们具有破坏性。当他们尝试完成任务时,他们会中断用户的流程,注意力,注意力。想象一下,你正在忙着读东西,然后突然一个窗口弹出,就在屏幕中间,要求你注意。当有问题的弹出窗口与用户正在做或阅读的内容(例如,目标定位不佳的广告)完全无关时,情况会变得更糟。

不是每个人都讨厌弹出窗口。事实上,市场营销人员喜欢他们。弹出窗口为营销团队提供了一个专门的场所,将用户的注意力集中在一个非常具体的事物上。研究表明,如果做得好,弹出窗口可以提高转换率,因此它们作为营销工具的力量不容小觑。

移动弹出窗口

谷歌认识到实施不当的弹出窗口可能带来的负面影响,并且正在对移动平台上的插页式广告进行惩罚。弹出窗口出现在第一页上,或模糊了页面的大部分内容,被认为是侵入性的,并将受到处罚。

当负责任地使用时,弹出窗口不会受到惩罚。Cookie通知,年龄验证以及不消耗大量屏幕空间的广告都将被视为公平游戏。

使用弹出窗口的3个令人信服的理由

所以现在我们已经确定弹出窗口是有用的,并且在负责任地使用它们时它们是可接受的,让我们看看你可能想在自己的网站中使用弹出窗口的三个主要原因。

他们注意抓住了

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果微软进行的一项研究表明,现在人们的实际关注时间约为8秒(甚至金鱼得分也比这更好......)。因此能够吸引用户的注意力只需几秒钟,这是非常宝贵的。在这几秒钟内,我们可以向用户显示他们可能会错过的内容。

弹出窗口可以破坏您的网站

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果通过在弹出窗口中放置某些类型的内容,您可以确保显示您的实际内容而不会有任何干扰。

他们完全可以自定义

弹出窗口可以采用您想要的任何形式。它们可以根据外观和功能进行定制。它们是用网络的构建块建造的;HTML和CSS,所以你可以做的事情没有限制。因为您将使用JavaScript来确定何时显示弹出窗口,所以您也有很多自由。您可以选择在页面加载时显示弹出窗口,或者当用户滚动到某个元素时,或者甚至当用户将光标移动到浏览器窗口之外时(这称为“退出意图”)。

使用弹出窗口的最佳实践

考虑到所有这些因素,让我们来看看一些最佳实践。

1.保持一致

弹出窗口应与您的网站保持相同的风格。如果不是,最终结果将特别刺耳,并且可能引起用户的不信任感。

2.让他们回应

如今大多数互联网用户都是在移动设备上这样做的。确保您的弹出窗口在移动设备上与桌面设备上显示的内容相同; 首先是因为如果不这样做,谷歌会拍你的手腕,但更重要的是,我们实际上是在努力改善用户体验。

3.保持你的副本简短和重点

不要使用太多文本 - 没有人想在弹出窗口中阅读小说。

4.不要收集比必要更多的信息

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果如果您正在收集潜在客户,在大多数情况下,电子邮件地址绰绰有余。不要过于复杂化,因为没有人喜欢填写长形式。

5.不要重复自己

不要多次向同一用户显示相同的弹出窗口。如果用户第一次不小心点击它,你可能会弹出两次弹出窗口,但肯定不再显示它。

6.显示相关的弹出窗口

显示弹出窗口,其中内容或上下文与用户正在执行的操作(或尝试执行操作)相关。

结论

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果还有更多的最佳实践需要考虑,但我在这里列出了前六名。您可以在评论中添加自己的内容。享受实施弹出窗口,并记住负责任地使用它们!

唐山企业网站制作

最新案例

联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果