今日在线

qq斗地主,诸葛测字,足彩网-尼采书香

不管是模态弹窗还对错模态弹窗, 大多数的弹窗都呈现在用户处理问题的要害时刻,弹窗的表述不是很友爱,易让用户堕入苍茫。

不管是模态弹窗还对错模态弹窗, 大多数的弹窗都呈现在用户处理问题的要害时刻,弹窗的表述不是很友爱,易让用户堕入苍茫。

经过数十年的用户研讨, 咱们发现用户不喜欢模态弹窗,我想起了在最近的可用性研讨中的一件作业,有一个参与者企图完结一个使命时,在接连遇到了数十个弹窗之后他将手机扔到了桌子上,他懊丧地抛弃了他的使命而且带着一个对其十分糟糕的形象脱离了网站。其他几个运用者虽然没有丢掉他们的手机,可是也有着相似的心情。

弹出窗口(也称为掩盖或弹出) 是呈现在页面内容最顶层的一个窗口或许对话框,弹出窗口能够依据两个维度进行分类:

(1)用户是否能够与页面的其他部分进行交互

  • 模态弹窗:在用户和弹窗之间进行清晰的交互之前,页面上的其他内容不能被操作。
  • 非模态弹窗:在弹窗显现的一起,用户依然能够和布景内容进行交互(比方:挑选链接或许点击按钮)。

(2)布景是否变暗

  • 假如布景内容变暗, 则此弹出窗口被称为聚集弹窗(lightbox popups)。
  • 当布景内容没有变暗时,没有特别称号。

虽然在许多状况下聚集弹窗都是模态的,但也并非总是如此。

在弹窗结构方面, 模态弹窗禁用一切布景内容,非模态弹窗保存了用户和布景内容进行交互的功用,聚集使布景内容变暗。

几个星期以来,我捕捉了我在网站和手机APP上的每个弹窗的屏幕截图:均匀一个星期25个弹窗,这是一切人都有必要忍耐的(但这很好地代表了当今的互联网用户体会)。

这个试验,加上我的可用性研讨,提示了很多糟糕的试验和实践,证明了弹窗的过度运用还远未完毕。咱们现已挨近网站乱用这些元素,导致有问题的弹窗的实例远远超越有用的弹窗的要害节点。

在本篇文章中,我将概述我观察到的问题,并谈论要考虑的要害要素,以及找出弹窗的实践性代替计划,既能保存公司规划初衷,又能满意用户体会。

弹出时刻:不要在交互前或要害使命期间提示 1. 在主页面加载之前弹出窗口

不论运用什么样的改变办法,在用户于你的网站或运用程序上取得价值之前,不要显现弹出窗口。这种趋势十分具有搅扰性,由于它在用户进入页面之前就打断了他们的使命。

用户现已习气于在网页上看到过早弹出的弹窗,他们一般会疏忽它们或当即寻觅能够最快封闭弹窗的办法来回到使命。在页面加载之前就呈现的弹窗令人失望,用户体会也很糟糕。此外,由于谷歌会赏罚那些让用户觉得难以运用(尤其是移动设备上的)的网站,那些没有认识到这个现实的网站在搜索引擎的排名中会存在打分较低的危险。

该怎样做?

当弹窗提示的内容与用户的上下操作严密相关时,再显现弹窗的内容。

运用互利准则:在用户问询任何内容之前为其供给价值(不管是问询电子邮箱地址,仍是回绝窗口弹出的操作)。经过用户测验以承认哪一个是适宜的上下时刻点,去展现你计划放置于弹窗里的内容,并找出显现该内容的最佳办法。

在许多状况下,它不会呈现在弹窗里。当您的网站有法律义务要求用户赞同承受运用cookie或验证其年纪时,在页面内容加载之前显现任何类型的弹出窗口是仅有可承受的用例。(虽然咱们期望欧盟和其他监管组织对GDPR和相似规矩采纳不那么烦人的解说。)

在加载主页面内容之前,HuffPost向用户供给了一个布景致灰作用。这是其他有问题做法中能够承受的一种 ,由于该网站在运用个人数据(包括地址)时有法律义务恳求赞同。

2. 在用户登录后当即显现弹窗

用户登录之后当即显现弹窗和在加载页面内容之前,就显现弹窗相同令人厌烦。当用户登录账户时,他们会考虑下一步或许后续的使命——否则他们为什么要登录?!

当即呈现任何类型的弹出窗口,会涣散留意力并阻挠他们到下一步,这是由于用户专心于下个操作,所以他们或许不会重视弹窗或忽然封闭弹窗。不只如此,他们或许会为因中止、封闭,或将弹窗移除而需求的额定时刻和交互本钱而感到懊丧。

该怎样做?

在登录他们的帐户后给用户一些时刻和空间来完结他们的使命,而不是当即显现弹出窗口。在经过一段时刻后,终究供给有用的帐户提示、辅导或新功用是能够承受的,但条件是呈现的新内容和新功用对用户使命是友爱的或许能够长远地对用户供给支撑。

在这些状况下,解决计划总是倾向于运用较少侵入性的办法(如东西提示和小型非模态弹框)来传达这些元素。

Gmail运用相对不显眼的非模态窗口来显现支撑用户当时整理收件箱使命的新功用,非模态弹窗呈现在用户与收件箱互动后呈现,而不是在登录后当即显现

3. 在交互前恳求获取电子邮箱地址

许多网站和运用程序在用户未来得及和页面内容互动之前,便运用弹窗问询用户的电子邮箱地址,电商、新闻网站和运用程序以及博客是此类别中最大的违规者。这种办法存在问题,人们不只会对弹出的窗口、弹出时刻以及网站过早恳求获取电子邮箱地址这一现实感到动火,而且他们还会以为该网站会向他们滥发垃圾邮件。

例如:登录Uncommon Goods网站的一个用户在收到要求她填写电子邮箱地址来取得“预享扣头“弹窗的问好时,她很不高兴。她说,“在我在网站上做其他事之前,这样的东西忽然呈现,真的让我很烦恼。假如我刚拜访这儿,我怎样知道是否想成为电子邮件订阅者?我期望晚点再说。“

Uncommon Goods的网站在一个用户在翻开后不久,就弹出了一个弹窗,要求用户供给电子邮件地址,这让用户感到很动火

在问询用户的电子邮箱地址时,需求考虑许多权衡要素。由于能够带来产出目标的短期上升,网站和运用程序常常运用这一不成熟的形式。可是,短期目标一般会以使大多用户感到懊丧为价值,这些用户没有遭到比如“预享扣头“等恣意鼓舞办法的鼓舞。

该怎样做?

与其在前期显现电子邮箱弹出窗,不如考虑用户何时最便利与您同享电子邮件地址,他们是否正在阅览具有适用促销代码的类别?或许他们仅仅阅览(或阅览)整篇博文。

这些操作或许是最小侵入性非模态弹窗的恰当触发器,能够显现在接近右上角或右下角,并合理地运用屏幕空间。为用户供给有价值和有形的东西,以交流到他们的电子邮箱地址,不要仅仅期望用户自已提交过来。

用户触达博客文章的底部后,MarkManson.net展现了一个最小程度的非模态弹窗,该弹出窗口还供给免费电子书作为奖赏。

4. 在用户做任何有意义的作业之前问询反应

接纳用户的反应很重要,可是在他们在您的网站上做任何作业之前,您不应该突兀地向用户供给“用户反应”提示窗口。网站和运用程序往往会当即向用户供给“用户反应”窗口,期望他们能够给予高点评并持续他们的使命。用户在这种状况下谈论很少发作,更常见的是,用户敏捷封闭弹出窗口,不再阅览它。

在体会的恰当阶段从用户那里取得有意义的反应,能够洞悉他们面对的挑战和妨碍。可是假如你过早地要求反应,那么在最重要的时分你就不会得到任何反应。

例如:在测验在ATT.com上付出电话账单时,一名研讨参与者对她在挂号账单时呈现的反应形式感到懊丧。她说,“好吧,我能够再付钱后给出反应,但现在我体会欠安,由于弹出窗口现在就在这儿,我乃至没有做过任何操作就让我供给反应。”

一名研讨参与者在企图付出电话费时不甘愿地封闭了反应形式。她说,她没有在网站上做任何作业,以保证供给反应

该怎样做?

在用户完结您网站上的首要使命后当即供给反应。这种办法能够最大极限地削减中止,并保证反应将根据实践的交互。例如:视频会议软件BlueJeans在会议完毕后要求用户供给反应,此恳求并未过早地显现,而是在上下文相关的恰当时刻显现。

用户在完结要害使命后,当即问询用户的反应,而不是在用户登录您的网站后当即问询反应。这样,您就有时机取得相关谈论或评分,在这种状况下运用模态弹窗对用户来说不那么烦人和搅扰。

5. 在处理要害使命期间打断用户来恳求用户反应

用户厌烦被打断,可是在完结要害使命的进程中,网站和运用程序会弹出运用反应来打扰用户的比如举目皆是。大多数状况下,供给运用反应并不是用户拜访网站的首要原因,因而不要在要害使命中运用弹窗来打扰用户操作。

美联航运用程序在进行 “检索登机牌” 的要害使命中心显现模态弹窗

该怎样做?

除了要求用户仅在要害使命完结后供给运用反应,还要供给一种静态的、非侵入性的办法,以便随时供给反应。屏幕一侧的选项卡,页脚中的链接或导航中的链接都是可承受的代替破坏性模态的办法,运用户能够在他们准备好时共享他们的主张。

雀巢没有运用“供给反应”的弹窗形式来打断用户,但在网站的页脚中包括 “奉告咱们“ 的反应链接。

英国航空公司在其一切页面的右侧显现一个标有“反应”的按钮。

6. 一个接一个地弹出多个窗口

在互相的顶部显现多个弹出窗口会使您的网站看起来不专业、乱七八糟和令人失望,它还会压榨用户并迫使他们花费精力来封闭每个弹窗。假如您的网站运用许多不同类型的弹出窗口,请进行测验以避免一次向用户显现多个弹出窗口。

该怎样做?

假如您有必要在弹出窗口中显现要害信息(例如:重要正告,以避免和纠正过错),请保证一次只显现一个。更好的是,不要在弹出窗口中显现要害信息,由于人们倾向于不阅览就封闭它们。相反,运用一个视觉上不同的元素,并将其直接放置在页面上最适合音讯上下文的方位,保证副本清楚地传达了用户需求做些什么来运用户持续阅览网页。

在结账流程完毕时,Lulus一起供给了多个反应形式,更好的办法是一次只显现一个或将反应表单嵌入承认页面。

Canva在页面上直接显现要害信息做得很好,它运用坐落顶部看上去共同的内容模块来代替弹出窗口,这条音讯的传递协助了用户了解他们需求做些什么来纠正问题。

弹出上下文:不要阻挠转化或拜访内容 7. 在用户转到新的子域或外部网站之前弹出模态弹窗

某些公司网站链接到坐落子域和外部站点上的内容或运用程序,在用户脱离主网站之前,会弹出一个模态弹窗,提示用户行将发作的转化。

这种类型的弹出窗口是有问题的,由于它过火强调了这种转化,运用户感到苍茫和困惑——特别是假如子站点在新的阅览器选项卡中翻开。

在咱们的一次可用性测验中,一个在汇丰银行网站上寻觅作业的志愿者,在测验一项使命时遇到了两种不同的转化形式,该使命根本上被分到了3个不同的网站。他说:“哇,它一直把我带到其他网站,我乃至不知道我在哪里。假如他们的求职进程如此杂乱和乱七八糟,我真的不以为这是一个作业的好当地。不管这个网站看起来多么夸姣,它看起来便是一团糟。“

点击Careers后,模态弹窗提示用户留意他们行将脱离初始站点

在同一个网站上,用户还看到了另一种模态弹窗,奉告他们要去第三个网站请求这份作业。

该怎样做?

删去模态弹窗,将站点之间的跳转本钱最小化,并一直在把用户引导到外部特点时,保存回主站点的导航。假如您的用户的确需求在脱离您的网站时收到提示,请运用较少侵入性的选项(例如链接上的东西提示)来使跳转愈加不易察觉。

Eli Lilly:向用户供给了一个信息丰厚的东西提示,让他们知道他们将拜访不同的网站,东西提示协助用户记住他们的方位和去向。

8. 经过模态弹窗来中止对内容的拜访

在人们加载文章或其他长篇内容(例如一般在网站的”关于咱们“或”新闻“部分中找到的内容)后,当即显现的模态对话框使网站看上去就好像这个网站对拜访这些内容设置了权限。这是一个特别糟糕的当地,由于它会下降可信度和信赖度。

一个运用CNN移动运用程序的用户,在翻开他想阅览的文章后,当即弹出了一个新闻订阅的模态弹窗,这使他感到很懊丧。他说:“这导致我对CNN的置疑到达高峰,不要问我要我的电子邮件或许让我当即报名任何活动。“

当用户翻开页面阅览文章时,CNN的移动运用程序当即弹出了一个模态弹窗。这是有问题的,由于用户在那里是为了阅览文章内容,而不是为了取得CNN的时势通讯。

该怎样做?

能让用户翻开文章之后马上阅览,而不会被中止,用呈现在页面顶部的高度较低且简单封闭的横幅替换掉弹窗。假如用户想要订阅时势通讯,弹窗的代替计划将答应他们自行订阅,不会打断他们主要使命——了解文章信息。

Conde’Nast Traveler的网站在导航下方的一个奇妙且非侵入性的可封闭的横幅中介绍了它的时势通讯,这种规划能够让感爱好的用户订阅时势通讯,但并没有涣散那些只想阅览网站内容的人的留意力。

弹出内容:不要假定模态弹窗能传递音讯 9. 对GDPR和cookie告诉运用模态弹窗

用户早已习气顺手封闭模态弹窗,由于他们以为它们没有什么优点。为了传达与GDPR和cookie的运用相关的重要信息,请不要运用模态弹窗。

该怎样做?

支撑放置在页面底部或旁边面的非模态掩盖窗口,它们的搅扰性要小得多,并答运用户持续他们的使命,保证供给有关怎么搜集和运用用户个人数据的足够的信息。

Reddit运用一个小而不太有目共睹的非模态弹窗来问询用户是否赞同cookie,可是,描绘怎么运用用户数据的言语过于含糊。

NNgroup.com 运用了一个带有关于cookie运用的通明言语的非模态弹窗,清晰地概述了为什么搜集用户的数据以及怎么专门运用这些数据给用户带来优点。

10. 模态弹窗中鼓舞用户进行跳转而不奉告会取得的特别优点

常常会看到一些弹窗鼓舞用户从移动网站转到手机APP(特别是在一些电商或许新闻的网站上)。在许多状况下,这些弹窗有扰乱性而且有问题:一般网站用户是一次性用户,他们没有爱好为暂时使命下载运用程序。

能够了解的是,管理者期望鼓舞用户下载APP,但模态弹窗不是宣扬您的手机APP的正确途径。即使是手机上有APP的用户或许也不愿意切换翻开办法,由于他们忧虑进程要重新开始,模态弹窗只会打扰他们。

该怎样做?

在不打断用户当时使命的条件下,让用户留意到还能够从手机APP中翻开。拥护用低沉的办法,例如规范的顶部横幅来引导用户转到APP中翻开,而且概述运用该APP带来的优点,以便更好地将用户引流到APP中。

Wayfair运用通用的弹窗打断了用户的拜访,弹窗内容鼓舞用户下载其移动运用程序。用户以为他们有必要投入很多的作业才能在另一个途径上重新开始他们的使命,而没有任何实践的优点。

梅西百货在从手机网页上下载手机运用程序方面做得很好,页面底部的非模态弹窗包括对用其他办法翻开的鼓舞,而且显现了运用的用户评级。

定论

弹窗、弹窗,它不停地呈现。弹出窗口的用户体会很欠好,所以,请中止弹出。

鉴于这个定论,您或许想知道什么时分运用弹窗是能够承受的。

答案是:在保存状况。不要趁波逐浪,不要为了到达短期目标丢失你的用户。探究其他尊重用户需求的办法,而且能保存满意需求方的目的:搜集运用反应、告诉用户数据搜集、获取电子邮件地址或鼓舞途径转化。

仅在恰当的时刻保存运用模态弹窗来供给要害信息,不要运用大型的侵入式弹窗中止用户的根本操作或阻挠相关信息获取。进行可用性测验,以保证您的弹出窗口不会让您的用户感到受挫。一个额定的优点是,您将取得用户真实的产品见地,以协助改进全体运用体会。

原文作者:Anna Kaley

原文地址:https://www.nngroup.com/articles/popups/

编译作者:celia霖儿,上海 UI规划师&产品司理

编辑整理:三分设 | TCC试验室 | 翻译特工队(微信ID:sanfen-design)

本文由 @三分设 翻译发布于人人都是产品司理。未经许可,制止转载

题图来自Unsplash,根据CC0协议

推荐新闻