彈出框的設(shè)計(jì)無(wú)論是在PC端的網(wǎng)站還是移動(dòng)端的網(wǎng)站、APP等都是非常常見(jiàn)的，如美團(tuán)外面在訂餐成功后建議用戶(hù)發(fā)紅包，滴滴打車(chē)時(shí)為用戶(hù)提醒乘車(chē)時(shí)間等功能性彈出框。但也有很多在進(jìn)入網(wǎng)站時(shí)強(qiáng)行出現(xiàn)的廣告性彈出框，彈出框的一大特點(diǎn)就是對(duì)于用戶(hù)的不可控性，用戶(hù)只能在彈出框出現(xiàn)后選擇跳轉(zhuǎn)或是無(wú)視，卻不能控制彈出框是否出現(xiàn)，所以彈出框?qū)τ诰W(wǎng)站來(lái)說(shuō)是一個(gè)雙刃劍，用得好可以讓用戶(hù)非常舒心，而用不好則可能會(huì)帶來(lái)非常嚴(yán)重的后果。

首先，來(lái)說(shuō)一下彈出框的設(shè)計(jì)原則

彈出框是一把雙刃劍，那么怎么才能讓它起到更多的積極作用呢？

首先我們需要明確的一點(diǎn)是，彈出框的出現(xiàn)在一定程度上一定會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生影響，但是我們可以通過(guò)設(shè)計(jì)改變這種影響的興趣。

很多彈出框遭到用戶(hù)的反感主要是因?yàn)楦蓴_了用戶(hù)的正常使用，彈出框作為一種強(qiáng)制出現(xiàn)的內(nèi)容，在設(shè)計(jì)時(shí)應(yīng)該盡量避免引起用戶(hù)不滿(mǎn)，如果能在恰當(dāng)?shù)臅r(shí)機(jī)出現(xiàn)，就可以達(dá)到完全不同的效果。

比如，不要在網(wǎng)站的首頁(yè)加入彈出框。這樣，在用戶(hù)對(duì)網(wǎng)站內(nèi)容產(chǎn)生興趣并且進(jìn)入頁(yè)面時(shí)，再出現(xiàn)彈出框，在這種時(shí)候，用戶(hù)想要了解信息的心里就會(huì)對(duì)彈出框起到緩沖的作用。

此外，在設(shè)計(jì)彈出框時(shí)應(yīng)該盡量考慮到面向的人群，針對(duì)不同人群的喜好進(jìn)行不同的設(shè)計(jì)，才能保證對(duì)用戶(hù)體驗(yàn)最大程度的保護(hù)。

那么，彈出框到底如何設(shè)計(jì)呢？

首先，彈出框顯示的內(nèi)容大多比較重要

在很多網(wǎng)站，彈出框存在的目的都是提醒用戶(hù)進(jìn)行一些比較有價(jià)值的動(dòng)作，如上文舉例的滴滴打車(chē)的遲到提醒、美團(tuán)外賣(mài)的發(fā)紅包等。或是一些電商網(wǎng)站，在進(jìn)行購(gòu)買(mǎi)時(shí)，會(huì)強(qiáng)制出現(xiàn)彈出框來(lái)幫助用戶(hù)確認(rèn)信息，以規(guī)避一些操作失誤。

這些內(nèi)容大多是以為用戶(hù)負(fù)責(zé)的角度出發(fā)，顯示的又是一些比較重要的信息。所以就算有時(shí)用戶(hù)會(huì)顯得不耐煩，但這種形式的彈出框還是會(huì)得到大多數(shù)用戶(hù)的認(rèn)可。

其次，彈出框可以提升網(wǎng)站的轉(zhuǎn)化率

盡管這件事情的原因還沒(méi)有得到科學(xué)的解釋?zhuān)幸粋€(gè)有趣的數(shù)據(jù)卻是一個(gè)客觀(guān)事實(shí)。有人曾經(jīng)實(shí)驗(yàn)，在相同的網(wǎng)站中邀請(qǐng)100名用戶(hù)進(jìn)行實(shí)驗(yàn)，一個(gè)網(wǎng)站中加入了客服彈出框，而另一個(gè)網(wǎng)站則沒(méi)有。實(shí)驗(yàn)的結(jié)果是，帶有彈出框的網(wǎng)站轉(zhuǎn)化率比沒(méi)有彈出框的網(wǎng)站轉(zhuǎn)化率多出了近10%，這種數(shù)據(jù)對(duì)于網(wǎng)站來(lái)說(shuō)至關(guān)重要。

所以大致可以得出結(jié)論：當(dāng)網(wǎng)站擁有足夠多的資源和足夠優(yōu)質(zhì)的內(nèi)容時(shí)，彈出框是否存在與轉(zhuǎn)化率之間呈正比，也就是說(shuō)，在使用合理的情況下，彈出框確實(shí)可以讓網(wǎng)站實(shí)現(xiàn)更大的價(jià)值。

而對(duì)于其他網(wǎng)站，深究起來(lái)的話(huà)，一些重要信息的提示彈出框也顯得非常必要。但有必要進(jìn)行強(qiáng)調(diào)的是，請(qǐng)盡量讓彈出框的內(nèi)容可以被用戶(hù)所利用，如果只是單純的廣告之流，恐怕就討不到用戶(hù)的歡心了。

當(dāng)然，在彈出框出現(xiàn)時(shí)，可以幫助用戶(hù)集中注意力，讓他們確認(rèn)一些自己可能遺漏的重要信息，同時(shí)，也給了網(wǎng)站更多展示自己的機(jī)會(huì)。

其實(shí)說(shuō)到用戶(hù)體驗(yàn)就不得不提，彈出框本身就是一個(gè)會(huì)讓用戶(hù)體驗(yàn)變差的設(shè)計(jì)，但鑒于其可以讓網(wǎng)站產(chǎn)生更大的價(jià)值，必要的彈出框還是有它存在的道理。比較網(wǎng)站的意義就是為了創(chuàng)造價(jià)值，如果彈出框能夠達(dá)到這一目的，又何樂(lè)而不為呢？