• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 不是所有弹窗都是流氓 关于网站弹窗的设计技巧

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

作者:爱范儿 字体:[增加 减小] 来源:互联网 时间:2017-08-06

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

您可能想查找下面的文章:

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

相关文章

  • 2017-08-06交互设计和心理学之间的18条奇妙联系
  • 2018-08-23想成为云计算交互设计师,该具备哪些能力?
  • 2017-08-06做网站用UTF-8编码还是GB2312编码?
  • 2018-08-23PS教程!教你绘制优设吉祥物之獠麝鸡放鞭炮
  • 2018-08-23腾讯设计师总结的图标设计五维自检法
  • 2018-08-23将爱豆的照片转成人物插画?这可能是最简单的方法!
  • 2017-08-06设计参考 漂亮和原创的博客设计
  • 2018-08-23腾讯干货!虚拟To B支付设计研究之基本知识科普篇
  • 2017-08-06写样式时背景色的声明的重要性
  • 2018-08-23对于这5个UX设计迷思,你需要知道它们的答案

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 新字体来了!一组适合儿童节的中文字体打包下载(个人非商用)
    • 网易设计师:推荐大家学习的通感设计方法
    • 专业科班系列!如何快速提高你的版式设计水平?
    • 超全面总结!2017年UI设计领域流行过这21个设计趋势
    • 前端AI切图小技巧(心得)
    • 腾讯超全干货!如何快速有效的发散思维?
    • 想更好地掌控设计,你还需要懂得形状心理学
    • 切勿用数字开头来命名css伪类名
    • 超实用!通用设计法则解析之「无障碍使用」
    • Banner设计宝典系列!玩转9种最常见的设计风格

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有