起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識為彈窗正名
“別用彈窗行嗎？”“能不用彈窗嗎？”“彈窗太打擾用戶了！”
最近我發(fā)現(xiàn)，人們在過度地排斥彈窗，甚至到了談虎色變、失去理智的地步。今天，我要為彈窗正名。
1，彈窗其實有很多優(yōu)點
彈窗，學名應該叫對話框（Dialog box），分為模態(tài)對話框和非模態(tài)對話框兩種，前者指必須用戶回應，否則不能繼續(xù)其他操作的對話框；相反，后者指即使不回應也可以進行其他操作，比如ctrl+F查找功能，你可以把他放在某個角落，同時繼續(xù)其他操作，會自動消失的提示信息也屬于非模態(tài)對話框。
在這里，我們討論的“彈窗”暫時僅指前者——模態(tài)對話框。
科普結束，那么，彈窗有哪些優(yōu)點呢？以下是百度貼吧登陸的彈窗：
可以看出，彈窗以一種層的形式出現(xiàn)，層的后面是半透明的遮罩。彈窗大部分的好處都來自于這個半透明的遮罩：它讓用戶感覺自己并沒有離開當前頁面，沒有丟失剛剛瀏覽的內容，同時，又能夠清晰地預見接下來要去向哪里。這種感覺是很美妙的，他讓用戶充滿自信，感覺一切全在自己的掌控之中。
再舉個例子說明這種用法的妙處，下面左圖是我們常見的app引導頁，全屏顯示；右圖是一個叫做longform的app的引導頁，采用類似彈窗的半屏顯示，后面一層半透明遮罩。
讓我們想象一下，一個嫖客去妓院（這比喻~~好坑~~不過也許更能喚起你的代入感~~），剛進門，老鴇一直在跟你說我們這兒的妹子呀，那是個個水靈blablablabla~~你終于受不了了！“你丫倒是叫出來給老子瞅瞅呀！?。?！”同理，全屏的引導頁，讓人感覺被拒之門外，我來了，你卻遲遲不讓我進門。而相反，Longform這種半屏的引導頁能看到背后的內容，讓人覺得程序響應很快（不管它是不是真的很快），給人以身處其中的感受，而不是讓你閱讀貼在門上無聊的“游客須知”。
彈窗的第二個好處是，它不需要刷新整個頁面，因此出現(xiàn)、退出的速度都更快，讓整個過程更加流暢。
2，彈窗為何臭名昭著？
然而，彈窗的確也是臭名昭著，但事實上，那些臭名昭著的彈窗通常是指以下兩種：
不在用戶預期之內出現(xiàn)的、無用的、打斷用戶操作的提示、告警信息；
不斷疊加的彈窗；
程序員實現(xiàn)彈窗的成本極低，加上彈窗廣告在互聯(lián)網(wǎng)早期收益非?？捎^，因此，互聯(lián)網(wǎng)上一度出現(xiàn)濫用彈窗的現(xiàn)象，即使到今天也仍然隨處可見。這兩類彈窗可謂是老鼠屎，壞了整鍋湯，也是今天人們對彈窗談虎色變的罪魁禍首。因此，如果你說我們是不是要避免彈窗，是的，我們一定要避免這兩類彈窗！但除此之外，彈窗并沒有那么可怕。
3，何時使用彈窗？
那么，什么時候可以使用彈窗呢？我認為，符合以下兩種條件就可以考慮使用彈窗。
彈窗內容簡單；彈窗的內容、包含的交互方式應該是簡單的，如果彈窗里又有彈窗，或者有各種花哨的交互方式啥的，那最好不要用了。內容太多，會出現(xiàn)滾動條，與整個頁面的滾動條沖突，這樣的話也要盡量避免。
臨時的、短暫的，又不可或缺的；這里的臨時可以理解為用戶的任務流程是從A到B再回到A，看起來B是“臨時的”，但又是不可或缺的，在這種情況下，B并不是打斷用戶，因為B本身就屬于任務中的一環(huán)，用戶此時需要專注于B。請再次跟我讀“任務是從A到B再回到A”，是的，如果你的任務是A到B到C，徹底離開了A，那也不需要彈窗。同樣，如果彈窗這個步驟不是不可或缺的，那也可以考慮采取其他更柔和的方式，比如非模態(tài)對話框。
4，彈窗的優(yōu)化
好了，即使你分析各類原因后已經(jīng)確定使用彈窗了，你依然可以進一步優(yōu)化它的體驗。只要能說服程序員。
自動獲取焦點；對話框彈出后，自動在聚焦第一個文本框，讓用戶可以直接輸入。
使用出場動畫；想象一下，點擊按鈕，彈窗從按鈕里放大展開的，那是多么棒的感受！
好了，暫時就到此為止了，希望大家理性地看待模態(tài)對話框。彈窗乖~不哭。
原文：?Jeffrey’s Blog；via：簡書
- 目前還沒評論，等你發(fā)揮！
