彈窗對(duì)很多人來說并不陌生，我們經(jīng)常在各種網(wǎng)站和各種APP中看到。雖然彈出式設(shè)計(jì)被評(píng)為“歷史上最糟糕的設(shè)計(jì)體驗(yàn)”，但不可否認(rèn)的是，它為網(wǎng)站的品牌、產(chǎn)品/服務(wù)和活動(dòng)的傳播做出了貢獻(xiàn)。下面萬商云集小編就給大家來詳細(xì)介紹一下網(wǎng)站的彈窗如何設(shè)計(jì)。

　　彈出窗口設(shè)計(jì)的基本原則

　　1.減少干擾。由于彈出窗口會(huì)突然出現(xiàn)，用戶會(huì)被迫停止當(dāng)前操作，專注于彈出窗口的內(nèi)容，所以在正常情況下，應(yīng)該盡量少用彈出窗口，以免引起用戶的反感。

　　2.使用用戶熟悉的語言。彈出窗口應(yīng)該盡可能使用用戶熟悉的語言，而不是系統(tǒng)特有的專有名詞。注意細(xì)節(jié)清晰。如果彈出窗口是供用戶刪除某些項(xiàng)目的，則應(yīng)該完整列出。另外，語氣上要使用表述清楚的問題或語句，盡量避免道歉、歧義或反問。

　　3.注重極簡。不要試圖把太多的內(nèi)容擠進(jìn)彈出窗口，彈出窗口的界面要保持干凈簡潔，彈出窗口提供的所有信息都要有價(jià)值，與用戶相關(guān)。

　　4.選擇合適的彈出窗口類型。彈出窗口大致可以分為兩類，一類是模態(tài)彈出窗口，吸引用戶的注意力，迫使用戶與他們進(jìn)行交互后才能繼續(xù)。一般這種彈出窗口應(yīng)該只用于特別重要的交互操作，比如刪除賬號(hào)，同意協(xié)議等。另一類是消息彈出窗口，應(yīng)該考慮它對(duì)用戶體驗(yàn)的影響。

　　既然現(xiàn)在還有那么多使用彈窗的網(wǎng)站和APP，那就證明彈窗確實(shí)有一定的價(jià)值。當(dāng)然，要想讓彈窗的價(jià)值最大化，就必須以“用戶體驗(yàn)”為重點(diǎn)，考慮如何設(shè)計(jì)最適合用戶、方便用戶操作的彈出窗口。不難，參考其他彈出設(shè)計(jì)，請(qǐng)用戶做相關(guān)測(cè)試即可。

網(wǎng)站的彈窗如何設(shè)計(jì)

　　1.界定彈窗情境

　　賣家們?cè)谠O(shè)置彈窗之前，要先界定好彈窗使用的情境，比如訂閱引導(dǎo)、活動(dòng)通知、顧客挽留等。在不同的使用情境下，想表達(dá)的情緒、針對(duì)的人群、彈窗展現(xiàn)的形式和時(shí)間都存在差異。所以要提前界定好彈窗情境，提前規(guī)劃好即將使用的彈窗類型以及向用戶傳達(dá)的形式。

　　2.有自己的設(shè)計(jì)風(fēng)格

　　彈窗要有設(shè)計(jì)感，還不能只是一味地使用設(shè)計(jì)元素來堆砌，要有簡潔明了的內(nèi)容，簡短的同時(shí)還要切中要點(diǎn)，要能吸引訪問者的眼球。

　　如果你設(shè)計(jì)出的彈窗和別的網(wǎng)站一個(gè)樣，那么大概率會(huì)被訪問者直接關(guān)掉，更別提看完信息了，大家的時(shí)間都是寶貴的！彈窗的設(shè)計(jì)要與獨(dú)立站整體的風(fēng)格相匹配，與背景相融合。

　　3.貼切且具有互動(dòng)性的標(biāo)題

　　切忌在彈窗中索要訪問者的聯(lián)系方式，這樣是很難提高轉(zhuǎn)化的，他們只會(huì)認(rèn)為這是一條普通的營銷垃圾信息，但如果在彈窗中加入一個(gè)標(biāo)題，清楚的表達(dá)出訪問者填寫了聯(lián)系方式后能獲得哪些福利，情況會(huì)有所好轉(zhuǎn)的。

　　4.突出優(yōu)惠信息

　　通過標(biāo)題吸引到的訪客一般都會(huì)選擇進(jìn)一步了解優(yōu)惠，這時(shí)候精煉的信息及明確的福利就顯得至關(guān)重要了。

　　5.人性化彈窗按鈕

　　訪問者們都是通過按鈕進(jìn)行操作的，所以小編建議按鈕上采用個(gè)性化的呼吁行動(dòng)語言，清楚說明點(diǎn)擊進(jìn)去后能獲得哪些福利，切忌中規(guī)中矩，這對(duì)于留住訪問者能起到很大的促進(jìn)作用。

上面就是關(guān)于網(wǎng)站的彈窗如何設(shè)計(jì)的全部流程，希望上面的內(nèi)容介紹能幫助到大家解決網(wǎng)站彈窗設(shè)計(jì)的問題。

本文關(guān)鍵詞：

網(wǎng)站設(shè)計(jì)