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

應(yīng)用場景

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

場景一：警告與提醒。彈窗的濫用很大一部分來自這里，并不是所有的警告提醒都需要用到彈窗。對于不重要的警告提醒沒有必要使用彈窗，使用非模態(tài)的方式呈現(xiàn)在頁面中即可。比如用戶刪除一個不是那么重要的文件或者系統(tǒng)出現(xiàn)錯誤。當(dāng)用戶刪除東西時，可以提供撤銷功能替代彈窗，表示對用戶的充分信任。系統(tǒng)出現(xiàn)錯誤時，其實用戶也無能為力，彈窗只會讓用戶恐慌失措，不如產(chǎn)品主動提供解決方案。

那么哪些算是重要的警告與提醒呢？比如金錢變動、重要信息修改、新功能上線等可能會對用戶造成一定影響的行為。當(dāng)你事無巨細(xì)的都使用彈窗提醒用戶時，用戶肯定會感到厭煩。但是當(dāng)你要刪除一個重要賬戶或者轉(zhuǎn)移資金的時候彈窗提醒，用戶不但不會感覺厭煩，反而會覺得產(chǎn)品很安全。

場景二：臨時的、簡單的、短暫的補(bǔ)充行為。

經(jīng)常會碰到這種場景，比如表格添加行、修改某項信息、配置頁面等。當(dāng)碰到這些臨時的、短暫的但是又不可或缺的場景就可以使用彈窗。

彈窗注意事項

第一：切忌彈窗之上再彈窗，無休止的彈窗會讓用戶厭煩，也會降低產(chǎn)品的專業(yè)度。第二：退出彈窗的入口應(yīng)該設(shè)計明顯，找不到關(guān)閉的彈窗用戶不會再想使用第二次。第三：適當(dāng)使用交互動畫，簡單的、舒適的動畫使用戶操作流程更加舒服。相反，生硬的彈窗讓產(chǎn)品顯得呆板、笨拙。?

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

昨天工作過程中碰到一個問題，點(diǎn)擊一個“添加掃描”的按鈕，然后呈現(xiàn)出15種掃描方式，選擇任意一種掃描方式過后可以進(jìn)入相應(yīng)掃描方式的主頁。問題是這15種掃描方式是通過在當(dāng)前頁面一個彈窗來呈現(xiàn)呢，還是跳轉(zhuǎn)到一個新的頁面呈現(xiàn)呢？最后我們決定使用跳轉(zhuǎn)。因為彈窗結(jié)束后進(jìn)入了另一個頁面，而不是停留在本頁面。

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

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

第二種情況：經(jīng)過此業(yè)務(wù)流程后進(jìn)入新的頁面。當(dāng)業(yè)務(wù)流程是A-B-A時使用彈窗更好，因為彈窗相較跳轉(zhuǎn)反應(yīng)更加靈活，也能讓用戶清楚的知道自己的當(dāng)前位置。但是當(dāng)業(yè)務(wù)流程是A-B-C時，使用跳轉(zhuǎn)更為合理。若使用彈窗進(jìn)入C流程后，用戶回到B流程的成本增加。

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