為彈窗正名

2 評論 2.8萬 瀏覽 28 收藏 6 分鐘

“別用彈窗行嗎?”“能不用彈窗嗎?”“彈窗太打擾用戶了!”

最近我發現,人們在過度地排斥彈窗,甚至到了談虎色變、失去理智的地步。今天,我要為彈窗正名。

1,彈窗其實有很多優點

彈窗,學名應該叫對話框(Dialog box),分為模態對話框和非模態對話框兩種,前者指必須用戶回應,否則不能繼續其他操作的對話框;相反,后者指即使不回應也可以進行其他操作,比如ctrl+F查找功能,你可以把他放在某個角落,同時繼續其他操作,會自動消失的提示信息也屬于非模態對話框。

在這里,我們討論的“彈窗”暫時僅指前者——模態對話框。

科普結束,那么,彈窗有哪些優點呢?以下是百度貼吧登陸的彈窗:

可以看出,彈窗以一種層的形式出現,層的后面是半透明的遮罩。彈窗大部分的好處都來自于這個半透明的遮罩:它讓用戶感覺自己并沒有離開當前頁面,沒有丟失剛剛瀏覽的內容,同時,又能夠清晰地預見接下來要去向哪里。這種感覺是很美妙的,他讓用戶充滿自信,感覺一切全在自己的掌控之中。

再舉個例子說明這種用法的妙處,下面左圖是我們常見的app引導頁,全屏顯示;右圖是一個叫做longform的app的引導頁,采用類似彈窗的半屏顯示,后面一層半透明遮罩。

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

彈窗的第二個好處是,它不需要刷新整個頁面,因此出現、退出的速度都更快,讓整個過程更加流暢。

2,彈窗為何臭名昭著?

然而,彈窗的確也是臭名昭著,但事實上,那些臭名昭著的彈窗通常是指以下兩種:

不在用戶預期之內出現的、無用的、打斷用戶操作的提示、告警信息;

不斷疊加的彈窗;

程序員實現彈窗的成本極低,加上彈窗廣告在互聯網早期收益非??捎^,因此,互聯網上一度出現濫用彈窗的現象,即使到今天也仍然隨處可見。這兩類彈窗可謂是老鼠屎,壞了整鍋湯,也是今天人們對彈窗談虎色變的罪魁禍首。因此,如果你說我們是不是要避免彈窗,是的,我們一定要避免這兩類彈窗!但除此之外,彈窗并沒有那么可怕。

3,何時使用彈窗?

那么,什么時候可以使用彈窗呢?我認為,符合以下兩種條件就可以考慮使用彈窗。

彈窗內容簡單;彈窗的內容、包含的交互方式應該是簡單的,如果彈窗里又有彈窗,或者有各種花哨的交互方式啥的,那最好不要用了。內容太多,會出現滾動條,與整個頁面的滾動條沖突,這樣的話也要盡量避免。

臨時的、短暫的,又不可或缺的;這里的臨時可以理解為用戶的任務流程是從A到B再回到A,看起來B是“臨時的”,但又是不可或缺的,在這種情況下,B并不是打斷用戶,因為B本身就屬于任務中的一環,用戶此時需要專注于B。請再次跟我讀“任務是從A到B再回到A”,是的,如果你的任務是A到B到C,徹底離開了A,那也不需要彈窗。同樣,如果彈窗這個步驟不是不可或缺的,那也可以考慮采取其他更柔和的方式,比如非模態對話框。

4,彈窗的優化

好了,即使你分析各類原因后已經確定使用彈窗了,你依然可以進一步優化它的體驗。只要能說服程序員。

自動獲取焦點;對話框彈出后,自動在聚焦第一個文本框,讓用戶可以直接輸入。

使用出場動畫;想象一下,點擊按鈕,彈窗從按鈕里放大展開的,那是多么棒的感受!

好了,暫時就到此為止了,希望大家理性地看待模態對話框。彈窗乖~不哭。

原文:?Jeffrey’s Blog;via:簡書

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!