不是所有弹窗都是流氓 关于网站弹窗的设计技巧

  发布时间:2012-07-31 15:28:44   作者:爱范儿   我要评论
弹窗式的新闻在国内互联网服务中屡见不鲜,实时推送的方式对网站扩大覆盖面非常有效
不是所有弹窗都是流氓 脚本之家
  弹窗式的新闻在国内互联网服务中屡见不鲜,实时推送的方式对网站扩大覆盖面非常有效。在去中心化的 web 2.0 时代,尽管这种“推”的方式可以源源不断地为网站带去流量,但从用户体验上说,由于不可预期,干扰性非常强,因此也遭到很多用户的反感,往往被视为“流氓”行为。
  但是认为所有弹窗都是不招人待见的,那你错了。
  华尔街日报数字版上个月悄然上线了一个新功能——弹窗。与所有弹窗一样,它也出现在屏幕右下角,用来展示实时的市场行情。不大的弹窗空间包括了若干个选项卡,读者可以看到不同市场的股票走势和指数。
  从目前来看,华尔街日报的弹窗效果相当不错。根据 Nieman Journalism Lab 的报道,该功能上线仅三周,就从 25000 人中获得了 20 万的 PV。更重要的是,这种服务的黏性相当大。
  “有意思的是读者平均会花费近 15 分钟的时间,如果你浏览该站,耗费时间很可能在平均值的两倍,”华尔街日报数字版的执行主编 Raju Narisetti 说,“我并非说有些人突然蹦出来花费所有时间盯着它,事实上这种形式对一部分人来说是有意义的。”
  那为何华尔街日报数字版的弹窗的反响较好?在无法避免弹窗本身的干扰性的前提下,要将用户干扰的反感情绪降低,只有从内容和个性化上解决。除了没有预兆的弹窗,很多用户毫不犹豫地叉掉弹窗的原因还源于对新闻内容的反感。比如很多弹窗的消息非常重磅,但很多人对此并不感冒。这就是定位上的不精准造成的。
  与大多弹窗内容乏善可陈不同,华尔街日报弹窗内数据量极为丰富,并且保持实时更新,而最关键的是其目标受众——投资人、公司高层、金融界人士对此有强烈需 求,正如 Raju Narisetti 所说“有一群人是通过市场和市场数据看世界的。”此外,内容上的可定制也走出了差异化,用户可以根据个人需求定制“My Markets”视图。然后是赋予用户选择权,读者可以对弹窗大小进行设置。
  有一种弹窗叫Interference,是流氓,也有一种弹窗叫 Notification,是工具。
  新浪微博网页版上周推出了弹窗的功能,用于奥运快报,与华尔街日报弹窗一样注重实时性,但这个弹窗能在用户桌面上停留多久?
  题图来自:CAIVP

相关文章

  • web开发中的长度单位小结

    这篇文章主要介绍了web开发中的长度单位主要包括px,pt,em等,需要的朋友可以参考下
    2023-08-06
  • 网页前端开发的一些尺寸单位(px,rem单位)

    px单位是绝对单位,一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸,是相对单位,它可以根据根元素的变换而
    2023-08-06
  • WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法

    压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor,需要的朋友可以参考下
    2023-06-21
  • html,css,javascript是怎样变成页面的

    浏览器是多进程的,有浏览器主进程,网络进程,渲染进程,插件进程等,在将html,css,javascript解析成一个页面的时候,就需要多个进程的分工合作
    2023-05-01
  • 常用Mime类型汇总

    本文为大家整理了常用的文件对应的MIME类型,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-25
  • postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍

    这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-12-28
  • 网页中使用Unicode字符的介绍(&#,\u等)

    国际组织制定了可以容纳世界上所有文字和符号的字符编码方案,称为Unicode,是通用字符集Universal Character Set的缩写,用以满足跨语言、跨平台进行文本转换、处理的要求
    2021-11-27
  • 前端实现字符串GBK与GB2312的编解码(小结)

    这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2020-12-02
  • 告别硬编码让你的前端表格自动计算的实例代码

    这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-27
  • 浅析Table 和 div 的简介及用法

    这篇文章主要介绍了浅析Table 和 div 的简介及用法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-25

最新评论