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

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

CSS中浏览器对尺寸和宽高解释差异的解决方法

不同的浏览器对margin、padding、height、width 等属性的解释有很大的偏差。有时我们发现同样的两列布局,在不同的浏览器中两列长短不一,类似的情况太多了,如此困扰大家的麻烦,如何解决?
收藏 0 赞 0 分享

网页变灰的笔记 细节问题处理

grayscale.js这个文件是用来兼容各个浏览器的,在一般情况下,使用它绝对不会有问题,但是在实际的操作中,还是遇到了一些麻烦。
收藏 0 赞 0 分享

页面中marquee与flash同时存在时的冲突解决方案

冲突的症状主要表现在FLASH按钮一直跳动,不稳定,影响网页美观及正常访问。
收藏 0 赞 0 分享

提高网站访问速度的六种方法

以下6种优化方法都是前端的,前端优化的意义在于减少http请求,减少网站前端程序组成的体积。
收藏 0 赞 0 分享

新鲜出炉的有用图标集25组 国外下载

恰当的图标(ICON)能使网站更具活力 曾几何时,现在的网站图标大同小异,我们的眼睛早已见惯不惊。于是,这里收集了25套专业设计的全新的图标集,希望对你有用!
收藏 0 赞 0 分享

新手建站教程 十天学会做网站

十天学会做网站教程采用最通俗易懂的语言、从最基本的开始,带领大家开始建站。教程由许耀鹏历时半年时间写成。是非常好的新手建站入门教程。
收藏 0 赞 0 分享

新手建站入门教程 建站需要的条件和工具

很多新手在论坛都会说,我从来没做过网站,做网站需要些什么条件啊,会不会很难啊?
收藏 0 赞 0 分享

新手建站入门教程 域名的解析与绑定

昨天我们讲到了建立一个属于自己的网站需要的条件和工具,里面讲到首先需要注册一个属于自己的域名,和需要购买一个虚拟主机。(详情请看:新手建站第一帖:建站需要的条件和工具)
收藏 0 赞 0 分享

新手建站入门教程③ 别名(CNAME)记录和URL转发

在上一帖中为大家介绍了域名的解析和A记录解析的方法,今天我就为大家讲解一下另一种解析方法:别名(CNAME)记录。同时为大家讲解下URL转发的好处和方法。
收藏 0 赞 0 分享

新手建站入门教程④:如何绑定子目录

去买空间的时候,我想很多朋友都已经注意到了,有的空间介绍上会有类似于“支持绑定1个子目录”、“赠送1个子目录”等词。那么这些介绍是什么意思呢?
收藏 0 赞 0 分享
查看更多