弹窗进阶，这种类型的弹出窗口是有问题的
导读：你是否有这样的经历 ， 在工作的时候 ， 突然跳出一个弹窗 ， 打断了你的思路 ， 让人火冒三丈 。 弹窗的出现 ， 原本只是为了提醒用户 ， 却给他们留下了非常糟糕的用户体验 。 本文基于自身经验 ， 对这个问题展开分析 ， 对弹窗感兴趣的童鞋不要错过哦 。
文章图片
无论是采用模态弹窗还是非模态弹窗 ， 大多数弹窗都在错误的时间出现 ， 在关键任务中打断用户 ， 使用蹩脚的语言 ， 并导致用户迷失方向 。
通过近数十年的用户研究 ， 我们发现用户不喜欢弹出窗口和它出现的模式 。
在最近的一次可用性研究中 ， 我想起了这个真理 。 在试图完成一项任务时 ， 一名参与者在连续遇到多个弹出窗口后 ， 将手机扔向桌子另一边 。 失望之余 ， 他放弃了自己的任务 ， 并对该网站和企业留下了非常糟糕的印象 。 其他几位参与者用户也有类似的看法 ， 尽管他们没有扔手机 。
弹出窗口（也叫做覆盖窗口或悬浮窗口）是出现在页面内容顶部的窗口或对话框 。 可以根据两个维度进行分类：
1. 用户是否可以与页面的其它部分交互：
模态弹窗：在用户显示的弹窗内容完成交互之前 ， 页面上的其他内容将被禁用 。
2. 背景是否变暗：
如果背景内容变暗（通常为百分黑色 ， 如：40%的不000000）弹出窗口为灯箱弹出效果（Lightbox）
当背景内容没有变暗时 ， 没有特殊的名称 。
尽管在许多情况下 ， 灯箱弹出效果都是模态的 ， 但也有一定的区别 。如下图所示：
文章图片
从弹窗的结构来分析 ， 模态弹窗会禁用所有背景内容（图中左）非模态弹窗会保留用户与背景内容进行交互的能力 ， 而灯箱弹出效果会使背景内容变暗 。
在几周的时间里 ， 我收集并统计了我在网站和移动应用程序中遇到的每一个弹出窗口的截图：平均每周有25个弹出窗口 ， 这远远超出了任何用户所应该忍受的极限（这也在一定程度上代表了现如今互联网的用户体验）
这个数据 ， 加上我的可用性研究 ， 暴露出了大量的糟糕的实践尝试 ， 并证明了弹出窗口的过度使用还远远没有结束 。 我们已经接近这样一个地步：网站太过于滥用这些元素 ， 以至于出现问题的情况特别多 ， 但是可以弹出窗口可以作为有效解决这些问题的情况极少极少 。
在本文中 ， 我将概述我观察到的问题并讨论要考虑的关键因素 ， 以及能保留企业意图和用户体验的弹出窗口的实际替代解决方案 。
一、弹出时间：在交互之前或关键任务期间不提示 问题1：在加载主页内容之前显示弹出窗口
不管使用什么变化形式 ， 在用户从你的网站或应用程序中获取有价值的内容之前 ， 切勿显示弹出窗口 。 在加载主页内容之前显示弹出窗口非常具有干扰性 ， 因为它在用户进入页面之前就打断了他们正在进行的任务 。
在用户的心理模型中 ， 过早出现的弹窗通常是无用的 ， 用户通常会忽略它们 ， 或者立即寻找最快的方法关闭弹出窗口并返回当前任务 。 页面加载出来前就出现弹出窗口会让网站看起来很绝望 ， 用户体验也会变得很糟糕 。 此外 ， 由于谷歌会惩罚那些让用户觉得难以使用（尤其是移动设备上的）的网站 ， 那些没有认识到这个真理的网站在搜索引擎中会存在排名靠后的风险 。
解决方案：
谨慎使用弹出窗口 ， 直到它与用户的前后操作紧密相关 。
当您的网站有法律义务要求用户同意接受使用cookie或验证其年龄时 ， 唯一可接受的方案是在页面内容加载之前显示任何类型的弹出窗口（尽管我们希望欧盟和其他机构对GDPR和类似规则采取不那么烦人的解释）
推荐阅读
- 黄金价格|央行多次发出警告，这种行为正在“坑害”年轻人，人均负债十万元
- 陕西都市快报|陕西女子给娃买玩具出意外 7人被烧伤！提醒：这种玩具已被列入“黑名单”
- 广州日报|“一公斤这种鱼相当于250支香烟”？！这东西要少吃，属“一类致癌物”！
- ?“一公斤这种鱼相当于250支香烟”？！这东西要少吃，属“一类致癌物”！
- 陕西女子给娃买玩具出意外 7人被烧伤！提醒：这种玩具已被列入“黑名单”
- 创意+|可以试试这种钓法，一钓一个准，轻松连竿爆护，盛夏手竿钓翘嘴
- 妙妙窝|妙彩冰晶活画：2020年吊顶流行用这种，美观又实用！
- M彩彩C|妙彩金饰画：2020年吊顶流行用这种，美观又实用！
- 金迈人力资源 【HR进阶】新员工岗前培训包括哪些内容?
- 阿努诺比|阿努诺比：赢湖人让我收获信心 能在任何比赛拿到这种表现