再舉個(gè)例子說(shuō)明這種用法的妙處，下面左圖是我們常見(jiàn)的app引導(dǎo)頁(yè)，全屏顯示；右圖是一個(gè)叫做longform的app的引導(dǎo)頁(yè)，采用類似彈窗的半屏顯示，后面一層半透明遮罩。

讓我們想象一下，一個(gè)嫖客去妓院（這比喻~~好坑~~不過(guò)也許更能喚起你的代入感~~），剛進(jìn)門(mén)，老鴇一直在跟你說(shuō)我們這兒的妹子呀，那是個(gè)個(gè)水靈blablablabla~~你終于受不了了！“你丫倒是叫出來(lái)給老子瞅瞅呀?。。?！”同理，全屏的引導(dǎo)頁(yè)，讓人感覺(jué)被拒之門(mén)外，我來(lái)了，你卻遲遲不讓我進(jìn)門(mén)。而相反，Longform這種半屏的引導(dǎo)頁(yè)能看到背后的內(nèi)容，讓人覺(jué)得程序響應(yīng)很快（不管它是不是真的很快），給人以身處其中的感受，而不是讓你閱讀貼在門(mén)上無(wú)聊的“游客須知”。

彈窗的第二個(gè)好處是，它不需要刷新整個(gè)頁(yè)面，因此出現(xiàn)、退出的速度都更快，讓整個(gè)過(guò)程更加流暢。

2，彈窗為何臭名昭著？

然而，彈窗的確也是臭名昭著，但事實(shí)上，那些臭名昭著的彈窗通常是指以下兩種：

不在用戶預(yù)期之內(nèi)出現(xiàn)的、無(wú)用的、打斷用戶操作的提示、告警信息；

不斷疊加的彈窗；

程序員實(shí)現(xiàn)彈窗的成本極低，加上彈窗廣告在互聯(lián)網(wǎng)早期收益非常可觀，因此，互聯(lián)網(wǎng)上一度出現(xiàn)濫用彈窗的現(xiàn)象，即使到今天也仍然隨處可見(jiàn)。這兩類彈窗可謂是老鼠屎，壞了整鍋湯，也是今天人們對(duì)彈窗談虎色變的罪魁禍?zhǔn)?。因此，如果你說(shuō)我們是不是要避免彈窗，是的，我們一定要避免這兩類彈窗！但除此之外，彈窗并沒(méi)有那么可怕。

3，何時(shí)使用彈窗？

那么，什么時(shí)候可以使用彈窗呢？我認(rèn)為，符合以下兩種條件就可以考慮使用彈窗。

彈窗內(nèi)容簡(jiǎn)單；彈窗的內(nèi)容、包含的交互方式應(yīng)該是簡(jiǎn)單的，如果彈窗里又有彈窗，或者有各種花哨的交互方式啥的，那最好不要用了。內(nèi)容太多，會(huì)出現(xiàn)滾動(dòng)條，與整個(gè)頁(yè)面的滾動(dòng)條沖突，這樣的話也要盡量避免。

臨時(shí)的、短暫的，又不可或缺的；這里的臨時(shí)可以理解為用戶的任務(wù)流程是從A到B再回到A，看起來(lái)B是“臨時(shí)的”，但又是不可或缺的，在這種情況下，B并不是打斷用戶，因?yàn)锽本身就屬于任務(wù)中的一環(huán)，用戶此時(shí)需要專注于B。請(qǐng)?jiān)俅胃易x“任務(wù)是從A到B再回到A”，是的，如果你的任務(wù)是A到B到C，徹底離開(kāi)了A，那也不需要彈窗。同樣，如果彈窗這個(gè)步驟不是不可或缺的，那也可以考慮采取其他更柔和的方式，比如非模態(tài)對(duì)話框。

4，彈窗的優(yōu)化

好了，即使你分析各類原因后已經(jīng)確定使用彈窗了，你依然可以進(jìn)一步優(yōu)化它的體驗(yàn)。只要能說(shuō)服程序員。

自動(dòng)獲取焦點(diǎn)；對(duì)話框彈出后，自動(dòng)在聚焦第一個(gè)文本框，讓用戶可以直接輸入。

使用出場(chǎng)動(dòng)畫(huà)；想象一下，點(diǎn)擊按鈕，彈窗從按鈕里放大展開(kāi)的，那是多么棒的感受！

好了，暫時(shí)就到此為止了，希望大家理性地看待模態(tài)對(duì)話框。彈窗乖~不哭。

原文：?Jeffrey’s Blog；via：簡(jiǎn)書(shū)