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