實(shí)例解析:彈窗設(shè)計(jì)的10大體驗(yàn)問(wèn)題及優(yōu)化方案
無(wú)論是模態(tài)彈窗還是非模態(tài)彈窗, 大多數(shù)的彈窗都出現(xiàn)在用戶處理問(wèn)題的關(guān)鍵時(shí)刻,彈窗的表述不是很友好,易讓用戶陷入迷茫。
通過(guò)數(shù)十年的用戶研究, 我們發(fā)現(xiàn)用戶不喜歡模態(tài)彈窗,我想起了在最近的可用性研究中的一件事情,有一個(gè)參與者試圖完成一個(gè)任務(wù)時(shí),在連續(xù)遇到了數(shù)十個(gè)彈窗之后他將手機(jī)扔到了桌子上,他沮喪地放棄了他的任務(wù)并且?guī)е粋€(gè)對(duì)其非常糟糕的印象離開(kāi)了網(wǎng)站。其他幾個(gè)使用者雖然沒(méi)有扔掉他們的手機(jī),但是也有著類似的情緒。
彈出窗口(也稱為覆蓋或彈出) 是出現(xiàn)在頁(yè)面內(nèi)容最頂層的一個(gè)窗口或者對(duì)話框,彈出窗口可以根據(jù)兩個(gè)維度進(jìn)行分類:
(1)用戶是否可以與頁(yè)面的其他部分進(jìn)行交互
- 模態(tài)彈窗:在用戶和彈窗之間進(jìn)行明確的交互之前,頁(yè)面上的其他內(nèi)容不能被操作。
- 非模態(tài)彈窗:在彈窗顯示的同時(shí),用戶仍然可以和背景內(nèi)容進(jìn)行交互(比如:選擇鏈接或者點(diǎn)擊按鈕)。
(2)背景是否變暗
- 如果背景內(nèi)容變暗, 則此彈出窗口被稱為聚焦彈窗(lightbox popups)。
- 當(dāng)背景內(nèi)容沒(méi)有變暗時(shí),沒(méi)有特殊名稱。
雖然在許多情況下聚焦彈窗都是模態(tài)的,但也并非總是如此。
在彈窗結(jié)構(gòu)方面, 模態(tài)彈窗禁用所有背景內(nèi)容,非模態(tài)彈窗保留了用戶和背景內(nèi)容進(jìn)行交互的功能,聚焦使背景內(nèi)容變暗。
幾個(gè)星期以來(lái),我捕捉了我在網(wǎng)站和手機(jī)APP上的每個(gè)彈窗的屏幕截圖:平均一個(gè)星期25個(gè)彈窗,這是所有人都必須忍受的(但這很好地代表了當(dāng)今的互聯(lián)網(wǎng)用戶體驗(yàn))。
這個(gè)實(shí)驗(yàn),加上我的可用性研究,揭示了無(wú)數(shù)糟糕的實(shí)驗(yàn)和實(shí)踐,證明了彈窗的過(guò)度使用還遠(yuǎn)未結(jié)束。我們已經(jīng)接近網(wǎng)站濫用這些元素,導(dǎo)致有問(wèn)題的彈窗的實(shí)例遠(yuǎn)遠(yuǎn)超過(guò)有用的彈窗的關(guān)鍵節(jié)點(diǎn)。
在本篇文章中,我將概述我觀察到的問(wèn)題,并討論要考慮的關(guān)鍵因素,以及找出彈窗的實(shí)際性替代方案,既能保留公司設(shè)計(jì)初衷,又能滿足用戶體驗(yàn)。
彈出時(shí)間:不要在交互前或關(guān)鍵任務(wù)期間提示
1. 在主頁(yè)面加載之前彈出窗口
不管使用什么樣的變化形式,在用戶于你的網(wǎng)站或應(yīng)用程序上獲得價(jià)值之前,不要顯示彈出窗口。這種趨勢(shì)非常具有干擾性,因?yàn)樗谟脩暨M(jìn)入頁(yè)面之前就打斷了他們的任務(wù)。
用戶已經(jīng)習(xí)慣于在網(wǎng)頁(yè)上看到過(guò)早彈出的彈窗,他們通常會(huì)忽略它們或立即尋找可以最快關(guān)閉彈窗的方法來(lái)回到任務(wù)。在頁(yè)面加載之前就出現(xiàn)的彈窗令人絕望,用戶體驗(yàn)也很糟糕。此外,由于谷歌會(huì)懲罰那些讓用戶覺(jué)得難以使用(尤其是移動(dòng)設(shè)備上的)的網(wǎng)站,那些沒(méi)有認(rèn)識(shí)到這個(gè)事實(shí)的網(wǎng)站在搜索引擎的排名中會(huì)存在打分較低的風(fēng)險(xiǎn)。
該怎么做?
當(dāng)彈窗提示的內(nèi)容與用戶的上下操作緊密相關(guān)時(shí),再顯示彈窗的內(nèi)容。
使用互惠原則:在用戶詢問(wèn)任何內(nèi)容之前為其提供價(jià)值(無(wú)論是詢問(wèn)電子郵箱地址,還是拒絕窗口彈出的操作)。通過(guò)用戶測(cè)試以確定哪一個(gè)是合適的上下時(shí)間點(diǎn),去展示你計(jì)劃放置于彈窗里的內(nèi)容,并找出顯示該內(nèi)容的最佳方式。
在許多情況下,它不會(huì)出現(xiàn)在彈窗里。當(dāng)您的網(wǎng)站有法律義務(wù)要求用戶同意接受使用cookie或驗(yàn)證其年齡時(shí),在頁(yè)面內(nèi)容加載之前顯示任何類型的彈出窗口是唯一可接受的用例。(盡管我們希望歐盟和其他監(jiān)管機(jī)構(gòu)對(duì)GDPR和類似規(guī)則采取不那么煩人的解釋。)
在加載主頁(yè)面內(nèi)容之前,HuffPost向用戶提供了一個(gè)背景致灰效果。這是其他有問(wèn)題做法中可以接受的一種 ,因?yàn)樵摼W(wǎng)站在使用個(gè)人數(shù)據(jù)(包括地點(diǎn))時(shí)有法律義務(wù)請(qǐng)求同意。
2. 在用戶登錄后立即顯示彈窗
用戶登錄之后立即顯示彈窗和在加載頁(yè)面內(nèi)容之前,就顯示彈窗一樣令人討厭。當(dāng)用戶登錄賬戶時(shí),他們會(huì)考慮下一步或者后續(xù)的任務(wù)——不然他們?yōu)槭裁匆卿???/p>
立即出現(xiàn)任何類型的彈出窗口,會(huì)分散注意力并妨礙他們到下一步,這是因?yàn)橛脩魧W⒂谙聜€(gè)操作,所以他們可能不會(huì)關(guān)注彈窗或突然關(guān)閉彈窗。不僅如此,他們可能會(huì)為因中斷、關(guān)閉,或?qū)棿耙瞥枰念~外時(shí)間和交互成本而感到沮喪。
該怎么做?
在登錄他們的帳戶后給用戶一些時(shí)間和空間來(lái)完成他們的任務(wù),而不是立即顯示彈出窗口。在經(jīng)過(guò)一段時(shí)間后,最終提供有用的帳戶提示、指導(dǎo)或新功能是可以接受的,但前提是呈現(xiàn)的新內(nèi)容和新功能對(duì)用戶任務(wù)是友好的或者能夠長(zhǎng)遠(yuǎn)地對(duì)用戶提供支持。
在這些情況下,解決方案總是傾向于使用較少侵入性的方法(如工具提示和小型非模態(tài)彈框)來(lái)傳達(dá)這些元素。
Gmail使用相對(duì)不顯眼的非模態(tài)窗口來(lái)顯示支持用戶當(dāng)前清理收件箱任務(wù)的新功能,非模態(tài)彈窗出現(xiàn)在用戶與收件箱互動(dòng)后出現(xiàn),而不是在登錄后立即顯示
3. 在交互前請(qǐng)求獲取電子郵箱地址
許多網(wǎng)站和應(yīng)用程序在用戶未來(lái)得及和頁(yè)面內(nèi)容互動(dòng)之前,便使用彈窗詢問(wèn)用戶的電子郵箱地址,電商、新聞網(wǎng)站和應(yīng)用程序以及博客是此類別中最大的違規(guī)者。這種方法存在問(wèn)題,人們不僅會(huì)對(duì)彈出的窗口、彈出時(shí)間以及網(wǎng)站過(guò)早請(qǐng)求獲取電子郵箱地址這一事實(shí)感到惱火,而且他們還會(huì)認(rèn)為該網(wǎng)站會(huì)向他們?yōu)E發(fā)垃圾郵件。
例如:登錄Uncommon Goods網(wǎng)站的一個(gè)用戶在收到要求她填寫(xiě)電子郵箱地址來(lái)獲得“預(yù)享折扣“彈窗的問(wèn)候時(shí),她很不高興。她說(shuō),“在我在網(wǎng)站上做其他事之前,這樣的東西突然出現(xiàn),真的讓我很煩惱。如果我剛訪問(wèn)這里,我怎么知道是否想成為電子郵件訂閱者?我希望晚點(diǎn)再說(shuō)。“
Uncommon Goods的網(wǎng)站在一個(gè)用戶在打開(kāi)后不久,就彈出了一個(gè)彈窗,要求用戶提供電子郵件地址,這讓用戶感到很惱火
在詢問(wèn)用戶的電子郵箱地址時(shí),需要考慮許多權(quán)衡因素。因?yàn)榭梢詭?lái)產(chǎn)出指標(biāo)的短期上升,網(wǎng)站和應(yīng)用程序經(jīng)常使用這一不成熟的模式。然而,短期指標(biāo)通常會(huì)以使大多用戶感到沮喪為代價(jià),這些用戶沒(méi)有受到諸如“預(yù)享折扣“等任意激勵(lì)措施的激勵(lì)。
該怎么做?
與其在早期顯示電子郵箱彈出窗,不如考慮用戶何時(shí)最方便與您共享電子郵件地址,他們是否正在瀏覽具有適用促銷代碼的類別?或許他們只是閱讀(或?yàn)g覽)整篇博文。
這些操作可能是最小侵入性非模態(tài)彈窗的適當(dāng)觸發(fā)器,可以顯示在靠近右上角或右下角,并合理地使用屏幕空間。為用戶提供有價(jià)值和有形的東西,以交換到他們的電子郵箱地址,不要只是期望用戶自已提交過(guò)來(lái)。
用戶觸達(dá)博客文章的底部后,MarkManson.net展示了一個(gè)最小程度的非模態(tài)彈窗,該彈出窗口還提供免費(fèi)電子書(shū)作為獎(jiǎng)勵(lì)。
4. 在用戶做任何有意義的事情之前詢問(wèn)反饋
接收用戶的反饋很重要,但是在他們?cè)谀木W(wǎng)站上做任何事情之前,您不應(yīng)該突兀地向用戶提供“用戶反饋”提示窗口。網(wǎng)站和應(yīng)用程序往往會(huì)立即向用戶提供“用戶反饋”窗口,希望他們能夠給予高評(píng)價(jià)并繼續(xù)他們的任務(wù)。用戶在這種情況下評(píng)論很少發(fā)生,更常見(jiàn)的是,用戶迅速關(guān)閉彈出窗口,不再瀏覽它。
在體驗(yàn)的適當(dāng)階段從用戶那里獲得有意義的反饋,可以洞察他們面臨的挑戰(zhàn)和障礙。但是如果你過(guò)早地要求反饋,那么在最重要的時(shí)候你就不會(huì)得到任何反饋。
例如:在嘗試在ATT.com上支付電話賬單時(shí),一名研究參與者對(duì)她在登記賬單時(shí)出現(xiàn)的反饋模式感到沮喪。她說(shuō),“好吧,我可以再付錢(qián)后給出反饋,但現(xiàn)在我體驗(yàn)不佳,因?yàn)閺棾龃翱诂F(xiàn)在就在這里,我甚至沒(méi)有做過(guò)任何操作就讓我提供反饋?!?/p>
一名研究參與者在試圖支付電話費(fèi)時(shí)不情愿地關(guān)閉了反饋模式。她說(shuō),她沒(méi)有在網(wǎng)站上做任何事情,以保證提供反饋
該怎么做?
在用戶完成您網(wǎng)站上的首要任務(wù)后立即提供反饋。這種方法可以最大限度地減少中斷,并確保反饋將基于實(shí)際的交互。例如:視頻會(huì)議軟件BlueJeans在會(huì)議結(jié)束后要求用戶提供反饋,此請(qǐng)求并未過(guò)早地顯示,而是在上下文相關(guān)的適當(dāng)時(shí)間顯示。
用戶在完成關(guān)鍵任務(wù)后,立即詢問(wèn)用戶的反饋,而不是在用戶登錄您的網(wǎng)站后立即詢問(wèn)反饋。這樣,您就有機(jī)會(huì)獲得相關(guān)評(píng)論或評(píng)分,在這種情況下使用模態(tài)彈窗對(duì)用戶來(lái)說(shuō)不那么煩人和干擾。
5. 在處理關(guān)鍵任務(wù)期間打斷用戶來(lái)請(qǐng)求用戶反饋
用戶討厭被打斷,但是在完成關(guān)鍵任務(wù)的過(guò)程中,網(wǎng)站和應(yīng)用程序會(huì)彈出使用反饋來(lái)打擾用戶的例子比比皆是。大多數(shù)情況下,提供使用反饋并不是用戶訪問(wèn)網(wǎng)站的首要原因,因此不要在關(guān)鍵任務(wù)中使用彈窗來(lái)打擾用戶操作。
美聯(lián)航應(yīng)用程序在進(jìn)行 “檢索登機(jī)牌” 的關(guān)鍵任務(wù)中間顯示模態(tài)彈窗
該怎么做?
除了要求用戶僅在關(guān)鍵任務(wù)完成后提供使用反饋,還要提供一種靜態(tài)的、非侵入性的方式,以便隨時(shí)提供反饋。屏幕一側(cè)的選項(xiàng)卡,頁(yè)腳中的鏈接或?qū)Ш街械逆溄佣际强山邮艿奶娲茐男阅B(tài)的方法,使用戶可以在他們準(zhǔn)備好時(shí)分享他們的建議。
雀巢沒(méi)有使用“提供反饋”的彈窗模式來(lái)打斷用戶,但在網(wǎng)站的頁(yè)腳中包含 “告訴我們“ 的反饋鏈接。
英國(guó)航空公司在其所有頁(yè)面的右側(cè)顯示一個(gè)標(biāo)有“反饋”的按鈕。
6. 一個(gè)接一個(gè)地彈出多個(gè)窗口
在彼此的頂部顯示多個(gè)彈出窗口會(huì)使您的網(wǎng)站看起來(lái)不專業(yè)、雜亂無(wú)章和令人絕望,它還會(huì)壓迫用戶并迫使他們花費(fèi)精力來(lái)關(guān)閉每個(gè)彈窗。如果您的網(wǎng)站使用許多不同類型的彈出窗口,請(qǐng)進(jìn)行測(cè)試以避免一次向用戶顯示多個(gè)彈出窗口。
該怎么做?
如果您必須在彈出窗口中顯示關(guān)鍵信息(例如:重要警告,以防止和糾正錯(cuò)誤),請(qǐng)確保一次只顯示一個(gè)。更好的是,不要在彈出窗口中顯示關(guān)鍵信息,因?yàn)槿藗儍A向于不閱讀就關(guān)閉它們。相反,使用一個(gè)視覺(jué)上不同的元素,并將其直接放置在頁(yè)面上最適合消息上下文的位置,確保副本清楚地傳達(dá)了用戶需要做些什么來(lái)使用戶繼續(xù)瀏覽網(wǎng)頁(yè)。
在結(jié)賬流程結(jié)束時(shí),Lulus同時(shí)提供了多個(gè)反饋模式,更好的方法是一次只顯示一個(gè)或?qū)⒎答伇韱吻度氪_認(rèn)頁(yè)面。
Canva在頁(yè)面上直接顯示關(guān)鍵信息做得很好,它使用位于頂部看上去獨(dú)特的內(nèi)容模塊來(lái)替代彈出窗口,這條消息的傳遞幫助了用戶了解他們需要做些什么來(lái)糾正問(wèn)題。
彈出上下文:不要阻礙轉(zhuǎn)換或訪問(wèn)內(nèi)容
7. 在用戶轉(zhuǎn)到新的子域或外部網(wǎng)站之前彈出模態(tài)彈窗
某些公司網(wǎng)站鏈接到位于子域和外部站點(diǎn)上的內(nèi)容或應(yīng)用程序,在用戶離開(kāi)主網(wǎng)站之前,會(huì)彈出一個(gè)模態(tài)彈窗,提醒用戶即將發(fā)生的轉(zhuǎn)換。
這種類型的彈出窗口是有問(wèn)題的,因?yàn)樗^(guò)分強(qiáng)調(diào)了這種轉(zhuǎn)換,使用戶感到迷茫和困惑——特別是如果子站點(diǎn)在新的瀏覽器選項(xiàng)卡中打開(kāi)。
在我們的一次可用性測(cè)試中,一個(gè)在匯豐銀行網(wǎng)站上尋找工作的志愿者,在嘗試一項(xiàng)任務(wù)時(shí)遇到了兩種不同的轉(zhuǎn)換模式,該任務(wù)基本上被分到了3個(gè)不同的網(wǎng)站。他說(shuō):“哇,它一直把我?guī)У狡渌W(wǎng)站,我甚至不知道我在哪里。如果他們的求職過(guò)程如此復(fù)雜和雜亂無(wú)章,我真的不認(rèn)為這是一個(gè)工作的好地方。無(wú)論這個(gè)網(wǎng)站看起來(lái)多么美好,它看起來(lái)就是一團(tuán)糟?!?/p>
點(diǎn)擊Careers后,模態(tài)彈窗提醒用戶注意他們即將離開(kāi)初始站點(diǎn)
在同一個(gè)網(wǎng)站上,用戶還看到了另一種模態(tài)彈窗,告知他們要去第三個(gè)網(wǎng)站申請(qǐng)這份工作。
該怎么做?
刪除模態(tài)彈窗,將站點(diǎn)之間的跳轉(zhuǎn)成本最小化,并始終在把用戶引導(dǎo)到外部屬性時(shí),保留回主站點(diǎn)的導(dǎo)航。如果您的用戶確實(shí)需要在離開(kāi)您的網(wǎng)站時(shí)收到提醒,請(qǐng)使用較少侵入性的選項(xiàng)(例如鏈接上的工具提示)來(lái)使跳轉(zhuǎn)更加不易覺(jué)察。
Eli Lilly:向用戶提供了一個(gè)信息豐富的工具提示,讓他們知道他們將訪問(wèn)不同的網(wǎng)站,工具提示幫助用戶記住他們的位置和去向。
8. 通過(guò)模態(tài)彈窗來(lái)中斷對(duì)內(nèi)容的訪問(wèn)
在人們加載文章或其他長(zhǎng)篇內(nèi)容(例如通常在網(wǎng)站的”關(guān)于我們“或”新聞“部分中找到的內(nèi)容)后,立即顯示的模態(tài)對(duì)話框使網(wǎng)站看上去就好像這個(gè)網(wǎng)站對(duì)訪問(wèn)這些內(nèi)容設(shè)置了權(quán)限。這是一個(gè)特別糟糕的地方,因?yàn)樗鼤?huì)降低可信度和信任度。
一個(gè)使用CNN移動(dòng)應(yīng)用程序的用戶,在打開(kāi)他想閱讀的文章后,立即彈出了一個(gè)新聞?dòng)嗛喌哪B(tài)彈窗,這使他感到很沮喪。他說(shuō):“這導(dǎo)致我對(duì)CNN的懷疑達(dá)到頂峰,不要問(wèn)我要我的電子郵件或者讓我立即報(bào)名任何活動(dòng)。“
當(dāng)用戶打開(kāi)頁(yè)面閱讀文章時(shí),CNN的移動(dòng)應(yīng)用程序立即彈出了一個(gè)模態(tài)彈窗。這是有問(wèn)題的,因?yàn)橛脩粼谀抢锸菫榱碎喿x文章內(nèi)容,而不是為了獲得CNN的時(shí)事通訊。
該怎么做?
能讓用戶打開(kāi)文章之后立刻閱讀,而不會(huì)被中斷,用出現(xiàn)在頁(yè)面頂部的高度較低且容易關(guān)閉的橫幅替換掉彈窗。如果用戶想要訂閱時(shí)事通訊,彈窗的替代方案將允許他們自行訂閱,不會(huì)打斷他們主要任務(wù)——理解文章信息。
Conde’Nast Traveler的網(wǎng)站在導(dǎo)航下方的一個(gè)微妙且非侵入性的可關(guān)閉的橫幅中介紹了它的時(shí)事通訊,這種設(shè)計(jì)可以讓感興趣的用戶訂閱時(shí)事通訊,但并沒(méi)有分散那些只想閱讀網(wǎng)站內(nèi)容的人的注意力。
彈出內(nèi)容:不要假設(shè)模態(tài)彈窗能傳遞消息
9. 對(duì)GDPR和cookie通知使用模態(tài)彈窗
用戶早已習(xí)慣隨手關(guān)閉模態(tài)彈窗,因?yàn)樗麄冋J(rèn)為它們沒(méi)有什么好處。為了傳達(dá)與GDPR和cookie的使用相關(guān)的重要信息,請(qǐng)不要使用模態(tài)彈窗。
該怎么做?
支持放置在頁(yè)面底部或側(cè)面的非模態(tài)覆蓋窗口,它們的干擾性要小得多,并允許用戶繼續(xù)他們的任務(wù),確保提供有關(guān)如何收集和使用用戶個(gè)人數(shù)據(jù)的充足的信息。
Reddit使用一個(gè)小而不太引人注目的非模態(tài)彈窗來(lái)詢問(wèn)用戶是否同意cookie,然而,描述如何使用用戶數(shù)據(jù)的語(yǔ)言過(guò)于模糊。
NNgroup.com 使用了一個(gè)帶有關(guān)于cookie使用的透明語(yǔ)言的非模態(tài)彈窗,明確地概述了為什么收集用戶的數(shù)據(jù)以及如何專門(mén)利用這些數(shù)據(jù)給用戶帶來(lái)好處。
10. 模態(tài)彈窗中鼓勵(lì)用戶進(jìn)行跳轉(zhuǎn)而不告知會(huì)獲得的特殊好處
經(jīng)常會(huì)看到一些彈窗鼓勵(lì)用戶從移動(dòng)網(wǎng)站轉(zhuǎn)到手機(jī)APP(特別是在一些電商或者新聞的網(wǎng)站上)。在許多情況下,這些彈窗有擾亂性并且有問(wèn)題:通常網(wǎng)站用戶是一次性用戶,他們沒(méi)有興趣為臨時(shí)任務(wù)下載應(yīng)用程序。
可以理解的是,管理者希望鼓勵(lì)用戶下載APP,但模態(tài)彈窗不是宣傳您的手機(jī)APP的正確途徑。即使是手機(jī)上有APP的用戶可能也不愿意切換打開(kāi)方式,因?yàn)樗麄儞?dān)心進(jìn)程要重新開(kāi)始,模態(tài)彈窗只會(huì)打擾他們。
該怎么做?
在不打斷用戶當(dāng)前任務(wù)的前提下,讓用戶注意到還可以從手機(jī)APP中打開(kāi)。贊成用低調(diào)的方法,例如標(biāo)準(zhǔn)的頂部橫幅來(lái)引導(dǎo)用戶轉(zhuǎn)到APP中打開(kāi),并且概述使用該APP帶來(lái)的好處,以便更好地將用戶引流到APP中。
Wayfair使用通用的彈窗打斷了用戶的訪問(wèn),彈窗內(nèi)容鼓勵(lì)用戶下載其移動(dòng)應(yīng)用程序。用戶認(rèn)為他們必須投入大量的工作才能在另一個(gè)渠道上重新開(kāi)始他們的任務(wù),而沒(méi)有任何實(shí)際的好處。
梅西百貨在從手機(jī)網(wǎng)頁(yè)上下載手機(jī)應(yīng)用程序方面做得很好,頁(yè)面底部的非模態(tài)彈窗包含對(duì)用其他方式打開(kāi)的鼓勵(lì),并且顯示了應(yīng)用的用戶評(píng)級(jí)。
結(jié)論
彈窗、彈窗,它不停地出現(xiàn)。彈出窗口的用戶體驗(yàn)很不好,所以,請(qǐng)停止彈出。
鑒于這個(gè)結(jié)論,您可能想知道什么時(shí)候使用彈窗是可以接受的。
答案是:在保守情況。不要隨波逐流,不要為了達(dá)到短期指標(biāo)流失你的用戶。探索其他尊重用戶需求的方法,并且能保留滿足需求方的意圖:收集使用反饋、通知用戶數(shù)據(jù)收集、獲取電子郵件地址或鼓勵(lì)渠道轉(zhuǎn)換。
僅在適當(dāng)?shù)臅r(shí)間保留使用模態(tài)彈窗來(lái)提供關(guān)鍵信息,不要使用大型的侵入式彈窗中斷用戶的基本操作或阻止相關(guān)信息獲取。進(jìn)行可用性測(cè)試,以確保您的彈出窗口不會(huì)讓您的用戶感到受挫。一個(gè)額外的好處是,您將獲得用戶真正的產(chǎn)品見(jiàn)解,以幫助改善整體使用體驗(yàn)。
原文作者:Anna Kaley
原文地址:https://www.nngroup.com/articles/popups/
編譯作者:celia霖兒,上海 UI設(shè)計(jì)師&產(chǎn)品經(jīng)理
編輯整理:三分設(shè) | TCC實(shí)驗(yàn)室 | 翻譯特工隊(duì)(微信ID:sanfen-design)
本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
感謝分享學(xué)習(xí)~
感謝TCC團(tuán)隊(duì)