說(shuō)到彈窗首先想到什么呢？是電腦屏幕右下角內(nèi)容雜亂惡心的廣告谱俭？還是系統(tǒng)崩潰時(shí)“Duang”的一聲出現(xiàn)的報(bào)錯(cuò)彈窗奉件？彈窗被不加節(jié)制的濫用，導(dǎo)致現(xiàn)在很多設(shè)計(jì)師談“窗”色變昆著。彈窗真的如此不堪嗎县貌？以下是我對(duì)彈窗的個(gè)人見解，分享出來(lái)與大家共同探討凑懂。

應(yīng)用場(chǎng)景

為什么大家如此忌憚彈窗呢煤痕？原因一，彈窗會(huì)打斷用戶的操作流程接谨，影響用戶的沉浸式體驗(yàn)摆碉。原因二，突然出現(xiàn)的彈窗超出用戶的預(yù)期脓豪，使用戶感到驚慌失措兆解，降低對(duì)產(chǎn)品的信任度。合理的使用彈窗很重要跑揉。

場(chǎng)景一：警告與提醒锅睛。彈窗的濫用很大一部分來(lái)自這里，并不是所有的警告提醒都需要用到彈窗历谍。對(duì)于不重要的警告提醒沒(méi)有必要使用彈窗现拒，使用非模態(tài)的方式呈現(xiàn)在頁(yè)面中即可。比如用戶刪除一個(gè)不是那么重要的文件或者系統(tǒng)出現(xiàn)錯(cuò)誤望侈。當(dāng)用戶刪除東西時(shí)印蔬，可以提供撤銷功能替代彈窗，表示對(duì)用戶的充分信任脱衙。系統(tǒng)出現(xiàn)錯(cuò)誤時(shí)侥猬，其實(shí)用戶也無(wú)能為力，彈窗只會(huì)讓用戶恐慌失措捐韩，不如產(chǎn)品主動(dòng)提供解決方案退唠。

那么哪些算是重要的警告與提醒呢？比如金錢變動(dòng)荤胁、重要信息修改瞧预、新功能上線等可能會(huì)對(duì)用戶造成一定影響的行為。當(dāng)你事無(wú)巨細(xì)的都使用彈窗提醒用戶時(shí)，用戶肯定會(huì)感到厭煩垢油。但是當(dāng)你要?jiǎng)h除一個(gè)重要賬戶或者轉(zhuǎn)移資金的時(shí)候彈窗提醒盆驹，用戶不但不會(huì)感覺(jué)厭煩，反而會(huì)覺(jué)得產(chǎn)品很安全滩愁。

場(chǎng)景二：臨時(shí)的躯喇、簡(jiǎn)單的、短暫的補(bǔ)充行為硝枉。

經(jīng)常會(huì)碰到這種場(chǎng)景玖瘸，比如表格添加行、修改某項(xiàng)信息檀咙、配置頁(yè)面等。當(dāng)碰到這些臨時(shí)的璃诀、短暫的但是又不可或缺的場(chǎng)景就可以使用彈窗弧可。

彈窗注意事項(xiàng)

第一：切忌彈窗之上再?gòu)棿埃瑹o(wú)休止的彈窗會(huì)讓用戶厭煩劣欢，也會(huì)降低產(chǎn)品的專業(yè)度棕诵。第二：退出彈窗的入口應(yīng)該設(shè)計(jì)明顯，找不到關(guān)閉的彈窗用戶不會(huì)再想使用第二次凿将。第三：適當(dāng)使用交互動(dòng)畫校套，簡(jiǎn)單的、舒適的動(dòng)畫使用戶操作流程更加舒服牧抵。相反笛匙，生硬的彈窗讓產(chǎn)品顯得呆板、笨拙犀变。?

彈窗還是跳轉(zhuǎn)妹孙？

昨天工作過(guò)程中碰到一個(gè)問(wèn)題，點(diǎn)擊一個(gè)“添加掃描”的按鈕获枝，然后呈現(xiàn)出15種掃描方式蠢正，選擇任意一種掃描方式過(guò)后可以進(jìn)入相應(yīng)掃描方式的主頁(yè)。問(wèn)題是這15種掃描方式是通過(guò)在當(dāng)前頁(yè)面一個(gè)彈窗來(lái)呈現(xiàn)呢省店，還是跳轉(zhuǎn)到一個(gè)新的頁(yè)面呈現(xiàn)呢嚣崭？最后我們決定使用跳轉(zhuǎn)。因?yàn)閺棿敖Y(jié)束后進(jìn)入了另一個(gè)頁(yè)面懦傍，而不是停留在本頁(yè)面雹舀。

彈窗還是跳轉(zhuǎn)一直都是一個(gè)令人糾結(jié)的問(wèn)題。彈窗優(yōu)點(diǎn)：無(wú)需刷新粗俱，反應(yīng)更加快捷葱跋，操作過(guò)程更加流暢。跳轉(zhuǎn)優(yōu)點(diǎn)：承載更多信息，操作流程可以自由回退娱俺。我認(rèn)為在以下兩種情況使用跳轉(zhuǎn)更加合理稍味。

第一種情況：內(nèi)容多、交互復(fù)雜荠卷。當(dāng)彈窗中的內(nèi)容太多模庐、交互過(guò)于復(fù)雜時(shí)，其實(shí)已經(jīng)違背了彈窗的最初意義油宜。這個(gè)時(shí)候使用跳轉(zhuǎn)到新頁(yè)面更加合適掂碱。

第二種情況：經(jīng)過(guò)此業(yè)務(wù)流程后進(jìn)入新的頁(yè)面。當(dāng)業(yè)務(wù)流程是A-B-A時(shí)使用彈窗更好慎冤，因?yàn)閺棿跋噍^跳轉(zhuǎn)反應(yīng)更加靈活疼燥，也能讓用戶清楚的知道自己的當(dāng)前位置。但是當(dāng)業(yè)務(wù)流程是A-B-C時(shí)蚁堤，使用跳轉(zhuǎn)更為合理醉者。若使用彈窗進(jìn)入C流程后，用戶回到B流程的成本增加披诗。

在這里我想聊一下豆瓣的登錄撬即。當(dāng)用戶進(jìn)入一個(gè)具體的頁(yè)面比如一個(gè)影評(píng)界面，然后用戶想進(jìn)行一項(xiàng)具體的操作比如點(diǎn)贊或者評(píng)論時(shí)呈队，豆瓣會(huì)彈窗提醒登錄剥槐。我認(rèn)為豆瓣在這一塊做的很合理。當(dāng)用戶想點(diǎn)贊時(shí)宪摧，代表用戶已經(jīng)有了具體的行為期望粒竖，彈窗登錄會(huì)讓用戶更加清楚自己的當(dāng)前位置，然后也能清晰的預(yù)見接下來(lái)會(huì)發(fā)生什么几于。相反若使用跳轉(zhuǎn)温圆，一定程度上會(huì)轉(zhuǎn)移用戶的注意力，增加用戶的注意力成本和記憶成本孩革。