彈框設(shè)計(jì)經(jīng)常可見(jiàn)，比如我們?cè)谟玫蔚未蜍?chē)的時(shí)候，經(jīng)常會(huì)看到彈窗提醒，比如說(shuō)你遲到了，司機(jī)遲到了，支付完畢需要好評(píng)，這些屬于功能性彈窗，網(wǎng)站彈框有什么作用?下面就來(lái)看看吧。網(wǎng)站彈框有什么作用 彈出框可以提升轉(zhuǎn)化率 百聞不如一見(jiàn)，當(dāng)用戶(hù)訪(fǎng)問(wèn)一個(gè)網(wǎng)站，這個(gè)網(wǎng)站有足夠的資源，也提供性比價(jià)很高的產(chǎn)品，彈出框的出現(xiàn)與轉(zhuǎn)化率之間呈正比關(guān)系。 有一個(gè)人做了實(shí)驗(yàn)，相同的網(wǎng)站，同時(shí)用一百人做實(shí)驗(yàn)，一個(gè)網(wǎng)站加入客服彈框，
彈框設(shè)計(jì)經(jīng)?？梢?jiàn)，比如我們?cè)谟玫蔚未蜍?chē)的時(shí)候，經(jīng)常會(huì)看到彈窗提醒，比如說(shuō)你遲到了，司機(jī)遲到了，支付完畢需要好評(píng)，這些屬于功能性彈窗，網(wǎng)站彈框有什么作用?下面就來(lái)看看吧。
網(wǎng)站彈框有什么作用
彈出框可以提升轉(zhuǎn)化率
百聞不如一見(jiàn)，當(dāng)用戶(hù)訪(fǎng)問(wèn)一個(gè)網(wǎng)站，這個(gè)網(wǎng)站有足夠的資源，也提供性比價(jià)很高的產(chǎn)品，彈出框的出現(xiàn)與轉(zhuǎn)化率之間呈正比關(guān)系。
有一個(gè)人做了實(shí)驗(yàn)，相同的網(wǎng)站，同時(shí)用一百人做實(shí)驗(yàn)，一個(gè)網(wǎng)站加入客服彈框，另一個(gè)網(wǎng)站則什么也沒(méi)加，結(jié)果是，帶有彈出框的網(wǎng)站轉(zhuǎn)化率比沒(méi)有彈框的轉(zhuǎn)化率高出了將近10%，十個(gè)點(diǎn)，對(duì)于網(wǎng)站來(lái)說(shuō)，意義非同凡響。
彈出框彈出的都是“重要”的信息
在電商網(wǎng)站，經(jīng)常會(huì)看到彈窗提醒的，包括購(gòu)買(mǎi)虛擬物品、進(jìn)行確定購(gòu)買(mǎi)的時(shí)候，電商網(wǎng)站認(rèn)為只需要適當(dāng)?shù)奶嵝岩幌掠脩?hù)，所以彈窗就會(huì)強(qiáng)制而來(lái)，不管你是新用戶(hù)還是老用戶(hù)，不管你在購(gòu)買(mǎi)過(guò)多少次類(lèi)似的產(chǎn)品，關(guān)鍵時(shí)候，彈出框就會(huì)不請(qǐng)自來(lái)。
因?yàn)檫@是一些重要的信息，需要對(duì)用戶(hù)負(fù)責(zé)，所以有必要進(jìn)行提醒，就算用戶(hù)有時(shí)候不滿(mǎn)意，但是，善意的忠告用戶(hù)還是能夠忍受的。
我們的網(wǎng)站，是否有這樣的重要信息，需要不斷的提醒用戶(hù)呢?仔細(xì)想想，肯定是有的，不管是出于營(yíng)銷(xiāo)目的，還是對(duì)用戶(hù)的善意忠告，使用彈出框，一定是要告訴用戶(hù)這一點(diǎn)很重要，希望你看一下，雖然是打擾你了。
出于這個(gè)思維出發(fā)的彈出框，還是很能擊中用戶(hù)的注意力的，很多時(shí)候，網(wǎng)站優(yōu)化的大量?jī)?nèi)容都是重復(fù)而繁瑣，這是為了優(yōu)化而優(yōu)化，目的是能夠給自己更多的展現(xiàn)機(jī)會(huì)。
而網(wǎng)站提供給用戶(hù)的，雙方能夠產(chǎn)生利益鏈的只有很少的一部分，甚至幾句話(huà)就可以解決，那么用簡(jiǎn)短的詞語(yǔ)，做出的彈出框，真的可以短時(shí)間解決問(wèn)題。
彈出框的設(shè)計(jì)原則
一些網(wǎng)站彈出框之所以讓人反感，是因?yàn)閲?yán)重干擾了用戶(hù)的正常體驗(yàn)，本身彈出框就是強(qiáng)加進(jìn)去了，在設(shè)計(jì)的時(shí)候，盡量避免惹用戶(hù)不滿(mǎn)，而是在最恰當(dāng)?shù)臅r(shí)機(jī)出現(xiàn)。
比如說(shuō)，網(wǎng)站首頁(yè)沒(méi)有，當(dāng)用戶(hù)瀏覽網(wǎng)站，進(jìn)入具體感興趣的頁(yè)面的時(shí)候，彈出框如期而至，因?yàn)橛脩?hù)急需了解，這個(gè)彈出框可以沖淡用戶(hù)的不滿(mǎn)情緒。
網(wǎng)站建設(shè)在進(jìn)行彈出框設(shè)計(jì)過(guò)程中，要考慮網(wǎng)站用戶(hù)群和使用場(chǎng)景。以網(wǎng)站目標(biāo)用戶(hù)群為例，如果網(wǎng)站的用戶(hù)年齡偏大，彈出框采用淺色背景好一些，對(duì)于年輕用戶(hù)則采用深色的背景，這樣顯得更加自然和時(shí)尚。
彈出框設(shè)計(jì)的最佳實(shí)踐
不要為了跟隨某個(gè)趨勢(shì)，展現(xiàn)某種設(shè)計(jì)元素而使用彈出框，它一定要是功能性的，不要浪費(fèi)用戶(hù)的時(shí)間，這樣會(huì)降低用戶(hù)對(duì)你的信任。
彈出框的設(shè)計(jì)應(yīng)該和網(wǎng)站本身保持一致，無(wú)論是風(fēng)格還是素質(zhì)上。
確保彈出框是可交互，有響應(yīng)的。
確保彈出框中的文案是簡(jiǎn)短而重點(diǎn)突出的。
不要使用被動(dòng)的或者過(guò)于生硬的「是/否」式的行為召喚文案，除非你的品牌個(gè)性本就如此。如果彈出框中包含兩個(gè) CTA，請(qǐng)盡量采用積極的方式來(lái)展現(xiàn)。
如果你在搜集用戶(hù)的聯(lián)系信息，最好只讓他們提供電子郵件地址。
確保彈出框的內(nèi)容和對(duì)應(yīng)的頁(yè)面保持一致。
如果可以，盡量避免在首頁(yè)上就使用彈出框。盡量讓用戶(hù)先適應(yīng)所處的頁(yè)面環(huán)境。這是 Google 所允許的彈出框設(shè)計(jì)之一。
遵循 Google 對(duì)于移動(dòng)端網(wǎng)頁(yè)的設(shè)計(jì)規(guī)則：不要有插頁(yè)式的廣告，不要設(shè)置首頁(yè)彈出框。
不要讓移動(dòng)端彈出框和桌面端的完全一樣，有針對(duì)性地進(jìn)行設(shè)計(jì)。
總是使用簡(jiǎn)單統(tǒng)一的方式來(lái)關(guān)閉彈出框，即在右上角設(shè)置一個(gè)X關(guān)閉按鈕。
讓所有的彈出框都在恰當(dāng)?shù)臅r(shí)候才彈出，比如關(guān)閉頁(yè)面的時(shí)候。
設(shè)置頻率規(guī)則，確保訪(fǎng)客不會(huì)在每個(gè)頁(yè)面或者每次訪(fǎng)問(wèn)的時(shí)候都會(huì)碰到彈出框。
將彈出框設(shè)置在正確的位置，根據(jù)網(wǎng)站的狀況和體驗(yàn)的度量來(lái)進(jìn)行判斷。
如果你想讓彈出框醒目，盡量讓它出現(xiàn)在屏幕的正中心。
如果你想推送優(yōu)惠信息，可以使用頂部懸浮式的彈出框。
如果你想在用戶(hù)瀏覽的時(shí)候推送信息，彈出框盡量出現(xiàn)在屏幕的一側(cè)。
根據(jù)用戶(hù)類(lèi)型細(xì)分來(lái)自定義彈出框信息。
計(jì)好模態(tài)彈框的參考原則
一：選擇恰當(dāng)?shù)膹椏蝾?lèi)型和使用場(chǎng)景
隨著移動(dòng)端的發(fā)展，彈框的種類(lèi)和使用場(chǎng)景越來(lái)越豐富，任何一個(gè)彈框都不應(yīng)該是隨機(jī)出現(xiàn)的，那么我們?cè)撊绾闻袛嗍裁辞闆r下使用哪種彈框呢?
根據(jù)功能選擇合適的彈框類(lèi)型
彈框按照功能可以分為：系統(tǒng)提示、操作反饋、用戶(hù)引導(dǎo)、信息輸入、廣告通知這五大類(lèi)。不同的彈框類(lèi)型適合不同的設(shè)計(jì)方法，對(duì)用戶(hù)的作用也相差甚遠(yuǎn)。設(shè)計(jì)師在工作中需要根據(jù)目的和場(chǎng)景選擇合適的類(lèi)型。下圖展示的是5個(gè)不同類(lèi)型的彈框：
考慮使用場(chǎng)景正確引導(dǎo)
相同的彈框如果在不同場(chǎng)景下出現(xiàn)所達(dá)到的效果截然不同，而在同一條件下，結(jié)合場(chǎng)景上下文優(yōu)化內(nèi)容，用戶(hù)也會(huì)容易受引導(dǎo)內(nèi)容的影響而進(jìn)一步操作。
二：避免過(guò)度干擾
必要、積極、有效的彈框能夠幫助用戶(hù)了解當(dāng)前的狀態(tài)、下一步的行為、以及操作的后果，但過(guò)度出現(xiàn)或者錯(cuò)誤的形式則會(huì)嚴(yán)重干擾用戶(hù)的操作，給用戶(hù)帶來(lái)困擾。
合適的彈出方式
對(duì)于模態(tài)彈框來(lái)說(shuō)，彈出的方式有兩種：自動(dòng)彈出、用戶(hù)主動(dòng)操作后彈出。很多系統(tǒng)類(lèi)提示及廣告通知會(huì)在用戶(hù)打開(kāi)APP或打開(kāi)某個(gè)頻道時(shí)自動(dòng)彈出，比如，打開(kāi)APP時(shí)彈出發(fā)現(xiàn)新版本的彈框，用戶(hù)對(duì)這類(lèi)彈框已經(jīng)熟悉了，因此，適量的彈框不會(huì)引起用戶(hù)反感。
還有一種彈框會(huì)在用戶(hù)操作過(guò)程中隨時(shí)彈出，這種彈框會(huì)對(duì)用戶(hù)的行為造成強(qiáng)干擾，只適用于系統(tǒng)級(jí)的提示或有非常嚴(yán)重結(jié)果的行為。iPhone中在操作時(shí)會(huì)收到系統(tǒng)級(jí)的附近WiFi提示，普通產(chǎn)品不要輕易嘗試這種彈出方式。
另外則是基于用戶(hù)的某些操作給予反饋，這種情況下是必要的彈框，需要基于當(dāng)時(shí)用戶(hù)的操作設(shè)計(jì)好彈框的內(nèi)容，幫助用戶(hù)進(jìn)一步操作。比如用戶(hù)在填寫(xiě)后的表單中點(diǎn)擊退出，彈框提示用戶(hù)退出行為會(huì)造成的結(jié)果，讓用戶(hù)有控制感。
版權(quán)所有：深圳市網(wǎng)商在線(xiàn)科技有限公司
友情鏈接:
