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

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

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多