彈窗進(jìn)階:10大問(wèn)題和相應(yīng)的解決方案
編輯導(dǎo)讀:你是否有這樣的經(jīng)歷,在工作的時(shí)候,突然跳出一個(gè)彈窗,打斷了你的思路,讓人火冒三丈。彈窗的出現(xiàn),原本只是為了提醒用戶(hù),卻給他們留下了非常糟糕的用戶(hù)體驗(yàn)。本文作者基于自身經(jīng)驗(yàn),對(duì)這個(gè)問(wèn)題展開(kāi)分析,對(duì)彈窗感興趣的童鞋不要錯(cuò)過(guò)哦。
無(wú)論是采用模態(tài)彈窗還是非模態(tài)彈窗,大多數(shù)彈窗都在錯(cuò)誤的時(shí)間出現(xiàn),在關(guān)鍵任務(wù)中打斷用戶(hù),使用蹩腳的語(yǔ)言,并導(dǎo)致用戶(hù)迷失方向。
通過(guò)近數(shù)十年的用戶(hù)研究,我們發(fā)現(xiàn)用戶(hù)不喜歡彈出窗口和它出現(xiàn)的模式。
在最近的一次可用性研究中,我想起了這個(gè)真理。在試圖完成一項(xiàng)任務(wù)時(shí),一名參與者在連續(xù)遇到多個(gè)彈出窗口后,將手機(jī)扔向桌子另一邊。失望之余,他放棄了自己的任務(wù),并對(duì)該網(wǎng)站和企業(yè)留下了非常糟糕的印象。其他幾位參與者用戶(hù)也有類(lèi)似的看法,盡管他們沒(méi)有扔手機(jī)。
彈出窗口(也叫做覆蓋窗口或懸浮窗口)是出現(xiàn)在頁(yè)面內(nèi)容頂部的窗口或?qū)υ?huà)框??梢愿鶕?jù)兩個(gè)維度進(jìn)行分類(lèi):
1. 用戶(hù)是否可以與頁(yè)面的其它部分交互:
模態(tài)彈窗:在用戶(hù)顯示的彈窗內(nèi)容完成交互之前,頁(yè)面上的其他內(nèi)容將被禁用。
非模態(tài)彈窗:當(dāng)彈窗顯示時(shí),用戶(hù)仍然可以與背景內(nèi)容進(jìn)行交互(例如,點(diǎn)擊鏈接或點(diǎn)擊按鈕)。
2. 背景是否變暗:
如果背景內(nèi)容變暗(通常為百分比的黑色,如:40%的不#000000),彈出窗口為燈箱彈出效果(Lightbox)。
當(dāng)背景內(nèi)容沒(méi)有變暗時(shí),沒(méi)有特殊的名稱(chēng)。
盡管在許多情況下,燈箱彈出效果都是模態(tài)的,但也有一定的區(qū)別。 如下圖所示:
從彈窗的結(jié)構(gòu)來(lái)分析,模態(tài)彈窗會(huì)禁用所有背景內(nèi)容(圖中左),非模態(tài)彈窗會(huì)保留用戶(hù)與背景內(nèi)容進(jìn)行交互的能力,而燈箱彈出效果會(huì)使背景內(nèi)容變暗。
在幾周的時(shí)間里,我收集并統(tǒng)計(jì)了我在網(wǎng)站和移動(dòng)應(yīng)用程序中遇到的每一個(gè)彈出窗口的截圖:平均每周有25個(gè)彈出窗口,這遠(yuǎn)遠(yuǎn)超出了任何用戶(hù)所應(yīng)該忍受的極限(這也在一定程度上代表了現(xiàn)如今互聯(lián)網(wǎng)的用戶(hù)體驗(yàn))。
這個(gè)數(shù)據(jù),加上我的可用性研究,暴露出了大量的糟糕的實(shí)踐嘗試,并證明了彈出窗口的過(guò)度使用還遠(yuǎn)遠(yuǎn)沒(méi)有結(jié)束。我們已經(jīng)接近這樣一個(gè)地步:網(wǎng)站太過(guò)于濫用這些元素,以至于出現(xiàn)問(wèn)題的情況特別多,但是可以彈出窗口可以作為有效解決這些問(wèn)題的情況極少極少。
在本文中,我將概述我觀察到的問(wèn)題并討論要考慮的關(guān)鍵因素,以及能保留企業(yè)意圖和用戶(hù)體驗(yàn)的彈出窗口的實(shí)際替代解決方案。
一、彈出時(shí)間:在交互之前或關(guān)鍵任務(wù)期間不提示
問(wèn)題1:在加載主頁(yè)內(nèi)容之前顯示彈出窗口
不管使用什么變化形式,在用戶(hù)從你的網(wǎng)站或應(yīng)用程序中獲取有價(jià)值的內(nèi)容之前,切勿顯示彈出窗口。在加載主頁(yè)內(nèi)容之前顯示彈出窗口非常具有干擾性,因?yàn)樗谟脩?hù)進(jìn)入頁(yè)面之前就打斷了他們正在進(jìn)行的任務(wù)。
在用戶(hù)的心理模型中,過(guò)早出現(xiàn)的彈窗通常是無(wú)用的,用戶(hù)通常會(huì)忽略它們,或者立即尋找最快的方法關(guān)閉彈出窗口并返回當(dāng)前任務(wù)。頁(yè)面加載出來(lái)前就出現(xiàn)彈出窗口會(huì)讓網(wǎng)站看起來(lái)很絕望,用戶(hù)體驗(yàn)也會(huì)變得很糟糕。此外,由于谷歌會(huì)懲罰那些讓用戶(hù)覺(jué)得難以使用(尤其是移動(dòng)設(shè)備上的)的網(wǎng)站,那些沒(méi)有認(rèn)識(shí)到這個(gè)真理的網(wǎng)站在搜索引擎中會(huì)存在排名靠后的風(fēng)險(xiǎn)。
解決方案:
謹(jǐn)慎使用彈出窗口,直到它與用戶(hù)的前后操作緊密相關(guān)。
使用互惠原則:在詢(xún)問(wèn)訪(fǎng)問(wèn)者任何事情之前,先給他們一些選擇,不管是請(qǐng)求電子郵件地址,或者是拒絕彈出窗口的操作。進(jìn)行用戶(hù)測(cè)試,確定您因前后操作環(huán)境而想要在彈窗中顯示的內(nèi)容,并找出顯示該內(nèi)容的最佳方式;在大多數(shù)情況下,彈窗并不是最好的選擇。
當(dāng)您的網(wǎng)站有法律義務(wù)要求用戶(hù)同意接受使用cookie或驗(yàn)證其年齡時(shí),唯一可接受的方案是在頁(yè)面內(nèi)容加載之前顯示任何類(lèi)型的彈出窗口(盡管我們希望歐盟和其他監(jiān)管機(jī)構(gòu)對(duì)GDPR和類(lèi)似規(guī)則采取不那么煩人的解釋?zhuān)?/p>
HuffPost在加載主頁(yè)內(nèi)容之前向用戶(hù)顯示了一個(gè)燈箱彈出效果的彈窗。這是一種可以接受的使用方法,因?yàn)榫W(wǎng)站在尋求獲取個(gè)人數(shù)據(jù)(包括位置)時(shí)有法律義務(wù)征求同意。
問(wèn)題2:在用戶(hù)登錄后立即顯示一個(gè)彈出窗口
用戶(hù)登錄后立即顯示的彈出窗口與加載頁(yè)面內(nèi)容之前顯示的彈出窗口一樣令人討厭。
當(dāng)用戶(hù)登陸賬號(hào)后,他們想到的是下一步或后續(xù)任務(wù)是什么,否則為什么要登錄?
在這個(gè)時(shí)候顯示任何形式的彈出窗口都會(huì)分散他們的注意力,并妨礙他們完成下一步任務(wù)。因?yàn)樗麄兏鼘?zhuān)注于下一步任務(wù),所以用戶(hù)可能不會(huì)注意彈出窗口內(nèi)容或直接關(guān)閉它。不僅如此,它們可能會(huì)因被中斷以及關(guān)閉彈出窗口或移開(kāi)彈出窗口所需的額外時(shí)間和交互成本而感到沮喪。
解決方案:
在用戶(hù)登錄帳戶(hù)后,給用戶(hù)一些時(shí)間和空間來(lái)完成其任務(wù),不要立即顯示彈出窗口。一段時(shí)間之后,再顯示有用的帳戶(hù)提示,指南或新功能是可以接受的,但前提是所呈現(xiàn)的內(nèi)容或新功能可以增強(qiáng)或進(jìn)一步支持用戶(hù)完成任務(wù)。
在這些情況下,更傾向于使用干擾較少的方案,例如工具提示和小型的非模態(tài)彈窗來(lái)傳達(dá)這些內(nèi)容信息。
Gmail使用相對(duì)不起眼的非模式彈窗來(lái)引入一項(xiàng)新功能,該功能支持用戶(hù)當(dāng)前清理收件箱的任務(wù)。在用戶(hù)與收件箱進(jìn)行交互之時(shí)顯示,而不是在登錄后立即顯示。
問(wèn)題3:在交互之前請(qǐng)求電子郵件地址
許多網(wǎng)站和應(yīng)用程序在用戶(hù)還沒(méi)有機(jī)會(huì)與內(nèi)容交互之前就使用彈出窗口來(lái)詢(xún)問(wèn)用戶(hù)的電子郵件地址。
電子商務(wù)、新聞網(wǎng)站和應(yīng)用程序以及博客經(jīng)常會(huì)用到這種“違規(guī)”設(shè)計(jì)方案。這種方法是有問(wèn)題的,因?yàn)橛脩?hù)不僅會(huì)對(duì)彈出窗口、彈出時(shí)間和網(wǎng)站請(qǐng)求電子郵件地址太快這一事實(shí)感到惱火,而且他們還會(huì)認(rèn)為該網(wǎng)站會(huì)向他們發(fā)送不需要的垃圾郵件。
例如,當(dāng)一個(gè)用戶(hù)登陸到Uncommon Goods網(wǎng)站上時(shí),迎接她的是一個(gè)模態(tài)彈窗,讓她填寫(xiě)電子郵件訂閱以獲得折扣資格,這讓她感到非常不滿(mǎn)。她說(shuō),“在我還沒(méi)在網(wǎng)站上做其他事情之前,就突然出現(xiàn)這樣的東西,真讓我惱火。我剛訪(fǎng)問(wèn)到這里,我怎么知道我是否想要訂閱電子郵件?我希望晚點(diǎn)再說(shuō)。”
一名用戶(hù)在訪(fǎng)問(wèn)網(wǎng)站后不久就顯示了一個(gè)模態(tài)彈窗,詢(xún)問(wèn)她的電子郵件地址,這使她對(duì)Uncommon Goods感到惱火。
在請(qǐng)求用戶(hù)的電子郵件地址時(shí),需要考慮許多權(quán)衡。網(wǎng)站和應(yīng)用程序經(jīng)常使用不成熟的模式,產(chǎn)生的指標(biāo)會(huì)在短期內(nèi)得到快速提升。然而,短期指標(biāo)往往是以挫敗許多用戶(hù)為代價(jià)的,這些用戶(hù)并沒(méi)有受到類(lèi)似于“折扣資格”的激勵(lì)。
解決方案:
與其過(guò)早的顯示請(qǐng)求電子郵件的彈出窗口,不如考慮用戶(hù)何時(shí)最愿意與我們共享他們的電子郵件地址。
他們?yōu)g覽的類(lèi)別是否有適用的促銷(xiāo)活動(dòng)?或者他們剛剛讀了(或掃描)一整篇博客文章。這些操作可能是具有最少干擾性的非模態(tài)彈窗的觸發(fā)器,這種彈窗可能出現(xiàn)在靠近右上角或右下角的位置,并且使用相當(dāng)大小的屏幕空間。為用戶(hù)提供一些有價(jià)值的和有形的東西來(lái)交換他們的電子郵件地址,不要指望用戶(hù)會(huì)主動(dòng)把它提供出來(lái)。
用戶(hù)到達(dá)博客文章的底部后,MarkManson.net顯示了具有最少干擾性的非模式彈出窗口。彈出窗口還提供了免費(fèi)的電子書(shū)作為獎(jiǎng)勵(lì)。
問(wèn)題4:在人們完成任務(wù)之前要求用戶(hù)反饋
從用戶(hù)那里獲得反饋是很重要的,但是你不應(yīng)該在用戶(hù)在你的網(wǎng)站上做任何事情之前就要求他們提供反饋。
網(wǎng)站和應(yīng)用程序傾向于立即向用戶(hù)提供反饋彈出窗口,希望他們能給予較高的評(píng)價(jià)然后再繼續(xù)完成任務(wù)。用戶(hù)在這個(gè)時(shí)候填寫(xiě)反饋的情況很少發(fā)生;更多的情況下,用戶(hù)會(huì)迅速關(guān)閉彈出窗口,而不想再去看到它。
在體驗(yàn)的適當(dāng)時(shí)刻從用戶(hù)那里獲得有意義的反饋,可以深入了解他們的痛點(diǎn)。但是,如果你要求的反饋太快,你就有可能在最重要的時(shí)候得不到任何反饋。
例如,當(dāng)在ATT.com上支付電話(huà)賬單時(shí),一名研究參與者對(duì)這種反饋方式感到沮喪,這種反饋方式在她剛進(jìn)入賬單時(shí)就顯示了。她說(shuō):“好吧,本來(lái)我會(huì)在付完賬單后給出反饋,但是現(xiàn)在我很沮喪,因?yàn)槲疫€沒(méi)有做任何我能反饋的事情?!?/p>
一位研究參與者在試圖支付電話(huà)費(fèi)時(shí),很勉強(qiáng)地關(guān)閉了一個(gè)反饋彈窗,她說(shuō)她還沒(méi)有在網(wǎng)站上做任何事情來(lái)確保能提供客觀的反饋。
解決方案:
要求用戶(hù)在完成您網(wǎng)站上的首要任務(wù)后再立即提供反饋。這種方法最大程度地減少了任務(wù)中斷,并確保反饋將基于實(shí)際交互。例如,會(huì)議結(jié)束后,視頻會(huì)議軟件BlueJeans要求用戶(hù)提供反饋。該請(qǐng)求沒(méi)有過(guò)早的顯示,而是在前后操作相關(guān)內(nèi)容且適當(dāng)?shù)臅r(shí)間顯示。
在用戶(hù)完成關(guān)鍵任務(wù)后立即征詢(xún)他們的反饋,而不是在他們剛到達(dá)您的網(wǎng)站時(shí)立即征求他們的反饋。這樣,您增加了獲得客觀評(píng)論或評(píng)分的機(jī)會(huì)。在這種情況下,使用模態(tài)彈窗可以減少用戶(hù)的煩惱和干擾。
問(wèn)題5:在關(guān)鍵任務(wù)期間打斷用戶(hù),要求反饋
用戶(hù)討厭被打斷,但是在完成關(guān)鍵任務(wù)的過(guò)程中,大量的網(wǎng)站和應(yīng)用程序會(huì)跳出反饋彈出窗口來(lái)打斷用戶(hù)。在大多數(shù)情況下,提供反饋并不是您的用戶(hù)訪(fǎng)問(wèn)的首要任務(wù),因此也不要在關(guān)鍵任務(wù)的中間出現(xiàn)彈出窗口來(lái)打斷用戶(hù)。
美聯(lián)航的應(yīng)用程序在關(guān)鍵任務(wù)“檢索登機(jī)牌”的任務(wù)過(guò)程中顯示了一個(gè)評(píng)分的模式彈窗。
解決方案:
除了要求用戶(hù)在關(guān)鍵任務(wù)完成后提供反饋之外,還應(yīng)提供一種靜態(tài)的、非干擾性的方法,以便用戶(hù)可以在任何時(shí)候提供反饋。屏幕側(cè)邊的標(biāo)簽、頁(yè)腳的鏈接或?qū)Ш街械逆溄佣际强梢越邮艿奶娲桨福⑶铱梢宰層脩?hù)在準(zhǔn)備好后分享他們的意見(jiàn)。
雀巢沒(méi)有以彈窗反饋方式打斷用戶(hù),而是在網(wǎng)站的頁(yè)腳中包含了反饋鏈接。
英國(guó)航空在其所有頁(yè)面的右側(cè)都顯示了一個(gè)標(biāo)有“反饋(Feedback)”的按鈕。
問(wèn)題6:一個(gè)接一個(gè)地疊加顯示多個(gè)彈出窗口
在彈出窗口上繼續(xù)疊加顯示彈出窗口會(huì)使您的網(wǎng)站看起來(lái)不專(zhuān)業(yè)、混亂和無(wú)序,也會(huì)讓用戶(hù)不堪重負(fù),迫使他們花費(fèi)精力一個(gè)一個(gè)關(guān)閉。如果您的網(wǎng)站使用許多不同類(lèi)型的彈出窗口,請(qǐng)進(jìn)行相應(yīng)的測(cè)試以避免一次向用戶(hù)呈現(xiàn)多個(gè)彈出窗口。
解決方案:
如果必須在彈出窗口中顯示關(guān)鍵信息(例如,防止或糾正錯(cuò)誤的重要警告),請(qǐng)確保一次只顯示一個(gè)。
當(dāng)然,最好是不要在彈出窗口中顯示關(guān)鍵信息,因?yàn)槿藗兺鶗?huì)在不閱讀的情況下就關(guān)閉這些信息。相反,使用一個(gè)視覺(jué)上不同的元素,并將其直接放在頁(yè)面上最適合的位置,確保該元素能清楚地傳達(dá)了用戶(hù)需要做些什么來(lái)糾正問(wèn)題并繼續(xù)前進(jìn)。
在結(jié)帳流程的最后,Lulus展示了多個(gè)反饋彈窗。最好是一次只顯示一個(gè),或?qū)⒎答伇韱吻度氪_認(rèn)頁(yè)面。
Canva就做得很好,可以直接在頁(yè)面上顯示關(guān)鍵信息。它使用彈出框而不是彈出窗口,并且將其放在頂部。該消息傳遞可幫助用戶(hù)了解他們需要采取的糾正措施。
二、出現(xiàn)彈窗的環(huán)境:請(qǐng)勿阻止跳轉(zhuǎn)或訪(fǎng)問(wèn)內(nèi)容
問(wèn)題7:在用戶(hù)移至新的子網(wǎng)站或外部站點(diǎn)之前顯示彈窗
一些公司網(wǎng)站鏈接到子網(wǎng)站或外部網(wǎng)站上的內(nèi)容或應(yīng)用程序。在用戶(hù)離開(kāi)主站點(diǎn)之前,會(huì)出現(xiàn)一個(gè)彈窗,提醒用戶(hù)即將發(fā)生的跳轉(zhuǎn)。這種類(lèi)型的彈出窗口是有問(wèn)題的,因?yàn)樗^(guò)分強(qiáng)調(diào)跳轉(zhuǎn),讓用戶(hù)感到迷失和困惑——尤其是當(dāng)子網(wǎng)站在新的瀏覽器選項(xiàng)卡中打開(kāi)時(shí)。
在我們的一次可用性測(cè)試中,一位在匯豐網(wǎng)站上尋找工作的參與者在嘗試一項(xiàng)任務(wù)時(shí)遇到了兩種不同的過(guò)渡模式,該任務(wù)基本上是在3個(gè)不同的網(wǎng)站上進(jìn)行分割的。他說(shuō),“哇,它一直把我?guī)У狡渌W(wǎng)站,我甚至不知道我在哪里了。如果他們的工作申請(qǐng)過(guò)程如此復(fù)雜和脫節(jié),我真的不認(rèn)為這是一個(gè)好的工作選擇。不管這個(gè)網(wǎng)站看起來(lái)有多漂亮,都是一團(tuán)糟?!?/p>
單擊“職業(yè)”后,一個(gè)彈窗警告用戶(hù),他們將要離開(kāi)初始站點(diǎn)。
在同一網(wǎng)站上,還向用戶(hù)顯示了另一種彈窗樣式,表明他們將轉(zhuǎn)到第三個(gè)網(wǎng)站申請(qǐng)?jiān)撀毼弧?/p>
解決方案:
刪除彈窗,最大程度地減少站點(diǎn)之間的跳轉(zhuǎn),并在將用戶(hù)鏈接到外部屬性時(shí)始終保留路徑及導(dǎo)航回到主站點(diǎn)的功能。如果在離開(kāi)站點(diǎn)時(shí)確實(shí)需要警告您的用戶(hù),請(qǐng)干擾性較小的選項(xiàng)(例如,鏈接上的工具提示),以使過(guò)渡變得更加巧妙自然。
Eli Lilly公司:向用戶(hù)提供了一個(gè)信息豐富的工具提示,讓他們知道要訪(fǎng)問(wèn)其他網(wǎng)站。工具提示可幫助用戶(hù)記住他們?cè)谀睦镆约耙ツ睦铩?/p>
問(wèn)題8:通過(guò)模態(tài)彈窗中斷對(duì)內(nèi)容的訪(fǎng)問(wèn)
當(dāng)人們加載了一篇文章或其他長(zhǎng)格式內(nèi)容(如通常在網(wǎng)站的About Us或News部分中找到的內(nèi)容)后,會(huì)立即出現(xiàn)一個(gè)模態(tài)對(duì)話(huà)框,使它看起來(lái)像是在限制對(duì)該內(nèi)容的訪(fǎng)問(wèn)。這種情況尤其令人討厭,因?yàn)樗鼤?huì)降低信譽(yù)和信任度。
CNN移動(dòng)應(yīng)用程序上的一位用戶(hù)在打開(kāi)一篇他想閱讀的文章后,立即彈出了一個(gè)新聞?dòng)嗛喌哪B(tài)彈窗,這讓他感到非常沮喪。他說(shuō),“這讓我對(duì)CNN的懷疑達(dá)到了頂峰。不要向我要我的電子郵件或注冊(cè)任何東西?!?/p>
當(dāng)用戶(hù)登陸頁(yè)面閱讀文章時(shí),CNN的移動(dòng)應(yīng)用顯示了彈窗。這是有問(wèn)題的,因?yàn)橛脩?hù)現(xiàn)在只想閱讀文章。
解決方案:
允許用戶(hù)立即使用內(nèi)容而不會(huì)受到干擾。將彈出窗口替換為頁(yè)面頂部的容易注意到的橫幅彈出框。彈出框的這種替代方法使用戶(hù)可以自助訂閱新聞通訊服務(wù),而不會(huì)妨礙他們閱讀信息的主要任務(wù)。
Conde的《納斯特旅行家》(Nast Traveller)網(wǎng)站在導(dǎo)航下方巧妙且非干擾性的(可關(guān)閉)橫幅中介紹了其新聞通訊。這種設(shè)計(jì)允許感興趣的用戶(hù)訂閱新聞通訊,同時(shí)也不會(huì)分散那些只想閱讀網(wǎng)站內(nèi)容的用戶(hù)的注意力。
三、彈出內(nèi)容:不要假設(shè)彈出窗口會(huì)很好的傳遞消息
問(wèn)題9:對(duì)GDPR和Cookie通知使用模態(tài)
用戶(hù)通常會(huì)習(xí)慣性的匆匆關(guān)閉模態(tài)彈窗,因?yàn)樗麄冋J(rèn)為不會(huì)有任何用處。為了傳達(dá)與GDPR和cookie的使用有關(guān)的重要信息,請(qǐng)不要使用模態(tài)彈窗。
解決方案:
將非模態(tài)彈窗放在頁(yè)面底部或側(cè)面。它們的干擾性要小得多,允許用戶(hù)繼續(xù)執(zhí)行任務(wù),確保提供關(guān)于如何收集和使用用戶(hù)個(gè)人數(shù)據(jù)的足夠信息。
Reddit使用了一個(gè)小的,無(wú)干擾的非模式覆蓋來(lái)征詢(xún)用戶(hù)的Cookie同意;但是,描述如何使用用戶(hù)數(shù)據(jù)的語(yǔ)言過(guò)于模糊。
NNgroup.com使用非模態(tài)彈窗,并使用有關(guān)Cookie使用情況的透明語(yǔ)言。我們確切地描述了為什么我們收集人們的數(shù)據(jù)以及如何將其只用于服務(wù)他們的利益。
問(wèn)題10:在模態(tài)彈窗中鼓勵(lì)頁(yè)面跳轉(zhuǎn),而不傳達(dá)具體的好處
我們經(jīng)常會(huì)看到從移動(dòng)網(wǎng)站到關(guān)聯(lián)的移動(dòng)應(yīng)用程序之間跳轉(zhuǎn)的彈窗鼓勵(lì),特別是在電子商務(wù)或新聞網(wǎng)站上。這些彈窗在許多情況下會(huì)造成破壞性的問(wèn)題:通常,Web用戶(hù)是一次性用戶(hù),他們不愿意為偶爾的任務(wù)下載應(yīng)用程序。
這一點(diǎn)其實(shí)無(wú)可厚非,企業(yè)希望用戶(hù)下載應(yīng)用程序,但是鼓勵(lì)彈窗不是宣傳移動(dòng)應(yīng)用程序的正確方法。甚至在手機(jī)上已經(jīng)安裝了您的應(yīng)用程序的用戶(hù)可能也不愿意切換頻道,因?yàn)樗麄儞?dān)心會(huì)重新開(kāi)始當(dāng)前的任務(wù)流程,而模態(tài)彈窗只會(huì)打擾他們。
解決方案:
為企業(yè)的移動(dòng)應(yīng)用程序創(chuàng)建知名度,但不以干擾用戶(hù)當(dāng)前任務(wù)為代價(jià)。支持低調(diào)的方法,例如標(biāo)準(zhǔn)的頂部橫幅,并概述使用該應(yīng)用程序以簡(jiǎn)化人們向該頻道過(guò)渡的好處。
Wayfair以一種鼓勵(lì)下載其移動(dòng)應(yīng)用程序的彈窗打斷了用戶(hù)。用戶(hù)認(rèn)為他們將不得不付出很多工作才能在另一個(gè)渠道上重新開(kāi)始他們的任務(wù),而沒(méi)有感覺(jué)到明顯的好處。
梅西百貨在鼓勵(lì)從其移動(dòng)網(wǎng)站下載移動(dòng)應(yīng)用程序方面做得很好。頁(yè)面底部的非模態(tài)彈窗包含激勵(lì)頻道轉(zhuǎn)換和顯示應(yīng)用程序用戶(hù)評(píng)分的功能。
四、結(jié)論
彈窗,彈窗,它永遠(yuǎn)不停地出現(xiàn)!這不是一個(gè)可接受的用戶(hù)體驗(yàn),所以請(qǐng)停止使用彈窗。
考慮到這一總體結(jié)論,您可能會(huì)想知道何時(shí)可以接受使用彈出窗口,答案是:請(qǐng)謹(jǐn)慎。抵制跟隨人群的沖動(dòng),不要用干擾來(lái)淹沒(méi)你的用戶(hù)來(lái)提高短期指標(biāo)。探索其他方法,以尊重用戶(hù)的需求并保持企業(yè)收集反饋、通知用戶(hù)數(shù)據(jù)收集、獲取電子郵件地址或鼓勵(lì)跳轉(zhuǎn)的意圖。
僅在適當(dāng)?shù)臅r(shí)候,謹(jǐn)慎使用模態(tài)彈窗來(lái)傳遞關(guān)鍵信息。不要用一個(gè)干擾性很大的彈出窗口來(lái)中斷基本任務(wù)或阻止相關(guān)內(nèi)容。進(jìn)行可用性測(cè)試,以確保彈出窗口不會(huì)讓用戶(hù)失望,而且可用性測(cè)試的一個(gè)額外好處還能讓你獲得對(duì)用戶(hù)真正的了解,以幫助您改善整體體驗(yàn)。
原文地址:https://www.nngroup.com/articles/popups/
原文作者:安娜·凱莉(Anna Kaley)
本文由 @Henry-Lee 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
- 目前還沒(méi)評(píng)論,等你發(fā)揮!