关注每日深度好文分享,正能量经典好文分享!

当前位置:主页 > 好文分享 >

弹出框已经被淘汰了?这是你不了解的真实情况

  • 原创
  • 好文分享
  • 2022-06-24 02:35:01
  • 本文有16个文字,大小约为1KB,预计阅读时间1分钟

插页式和覆盖式的弹出框会覆盖住整个屏幕,通常会出现在一打开网页的时候,

另外一种是通知栏式的弹出框,它会紧贴在页面的顶部或者底部,甚至是常驻式的存在。

使用弹出框的5个原因

弹出框有的时候确实令人头疼,作为设计师你总想远离它。但是,它依然存在于许多网页当中,并且发挥着巨大的作用。下面的5个理由,让设计师真正离不开它:

1. 弹出框能够让人集中注意力

越来越多的用户无法集中注意力阅读,弹出框这种打断式的信息呈现方式,非常抓人眼球,能够快速直接地传递信息。

2. 让用户注意到最重要的信息

弹出框让其中所呈现的信息拥有了额外的价值,当弹出框出现的时候,其中所展现的信息拥有了超过其他信息的重要性,至少感觉上是这样。

3. 弹出框是多用途的

如今的弹出框拥有多种多样的玩法和呈现方式,不会将用户推开,也不再使用广告让用户头疼不已。弹出框的触发机制也非常的多变:

在进入时弹出 滚动到特定的位置时弹出 通过特定操作触发 在离开时候触发

4. 保持页面干净整洁

正如我之前所提到的,极简主义的设计让网站足够美观,但是想要顺畅地传递信息,弹出框能够作为不错的载体,确保不会占用页面位置,影响整体格。

5. 提升转化率

根据 Sumo 的研究,弹出框和转化率之间有着清晰的关系。他们发现,弹出框让转化率的平均转化速度提升了大概3%,而设计得好的弹出框能够将转化率提升到9%,对于许多网站而言,这个转化率的意义是非同凡响的。

弹出框提升了网站的参与度。

移动端UI中的弹出框

值得一提的是,Google 在分析报告中并不反感移动端的弹出框,而是建议让设计师和开发者尽可能巧妙地进行移动端弹出框的设计,降低弹出框对于用户体验的损害,而是尽量去提升用户体验。

因此,Google 将会对采用下面3种弹出框的网站予以处罚:

当用户一打开首页就弹出的弹出框 弹出框盖住了几乎全部页面 弹出框广告

明白了吧?现在,我们要聊聊弹出框的设计技巧了。

18个弹出框设计的最佳实践

不要为了跟随某个趋势,展现某种设计元素而使用弹出框,它一定要是功能性的,不要浪费用户的时间,这样会降低用户对你的信任。

弹出框的设计应该和网站本身保持一致,无论是风格还是素质上。

确保弹出框是可

弹出框已经被淘汰了?这是你不了解的真实情况

交互,有响应的。

确保弹出框中的文案是简短而重点突出的。

不要使用被动的或者过于生硬的「是/否」式的行为召唤文案,除非你的品牌个性本就如此。如果弹出框中包含两个 CTA,请尽量采用积极的方式来展现。

如果你在搜集用户的联系信息,最好只让他们提供电子邮件地址。

确保弹出框的内容和对应的页面保持一致。

如果可以,尽量避免在首页上就使用弹出框。尽量让用户先适应所处的页面环境。这是 Google 所允许的弹出框设计之一。

遵循 Google 对于移动端网页的设计规则:不要有插页式的广告,不要设置首页弹出框。

不要让移动端弹出框和桌面端的完全一样,有针对性地进行设计。

总是使用简单统一的方式来关闭弹出框,即在右上角设置一个X关闭按钮。

让所有的弹出框都在恰当的时候才弹出,比如关闭页面的时候。

设置频率规则,确保访客不会在每个页面或者每次访问的时候都会碰到弹出框。

将弹出框设置在正确的位置,根据网站的状况和体验的度量来进行判断。

如果你想让弹出框醒目,尽量让它出现在屏幕的正中心。

如果你想推送优惠信息,可以使用顶部悬浮式的弹出框。

如果你想在用户浏览的时候推送信息,弹出框尽量出现在屏幕的一侧。

根据用户类型细分来自定义弹出框信息。

结语

如果你真的希望用户知悉一些关键的、重要的信息,不要吝啬使用弹出框,你可以尽量让弹出框体验更好,提供更加有用的、他们需要的内容。不要害怕 A/B测试,这样的方法会让弹出框更加优秀。一个优质的弹出框需要你考虑很多因素,包括整体的设计,文案、位置、CTA等等。

原文作者 : SUZANNE SCACCA 

编辑 : 陈子木

译文地址:https://www.uisdc.com/website-pop-ups-18-rules

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1450188540@qq.com举报,一经查实,本站将立刻删除。

猜你喜欢

微信公众号