Godzilla. 2018-07-17
網(wǎng)站建設
上海建網(wǎng)站的公司：彈窗的正確使用法
建網(wǎng)站中的彈框是一種交互方式，用作提醒，做決定或者解決某個任務。彈框一般包含一個蒙版，一個主體及一個關閉入口，常見于網(wǎng)頁及移動端。其好處是讓用戶更聚焦，且不用離開當前頁面，更快更容易完成任務。由于彈框與當下流行的卡片式設計在表現(xiàn)形式上十分接近，同時彈框也逐漸承載了更多功能性需求，不再是簡單的內容堆砌，因此彈框設計也被越來越多上海建網(wǎng)站的公司的設計師關注。
什么是彈框？
上海建網(wǎng)站的公司簡單來說，彈框是網(wǎng)頁/app與用戶進行交互的一個浮層。它主要有兩個功能：信息傳遞和用戶反饋。根據(jù)交互模式的不同，彈框主要可以分為兩種：模態(tài)彈框和非模態(tài)彈框。
模態(tài)彈框是指當該彈框出現(xiàn)在用戶操作視野內時，用戶必須對其作出回應，否則無法繼續(xù)其他操作行為。這類彈框的優(yōu)缺點很明顯：它可以快速獲取用戶的視覺焦點，但它會打斷用戶的正常操作。模態(tài)彈框是重量性反饋機制的一種，經(jīng)常被放在頁面的正中間，所以上海網(wǎng)站建設公司建議將模態(tài)彈框用在重要操作提示上（用戶比較容易接受）。常見的模態(tài)彈框有對話框、警示框、動作欄等。
上海建網(wǎng)站的公司認為與模態(tài)彈框相比，非模態(tài)彈框的特點在于它不強制用戶與其進行交互，這類彈框在頁面停留一段時間后會自動消失或一直停留在頁面的側邊。非模態(tài)彈框屬于是輕量級的反饋機制，不會對用戶造成干擾。當然，由于它并不顯眼，在吸引用戶注意上沒有那么有效。一些不那么重要的消息提醒與通知等建議使用非模態(tài)彈框。常見的非模態(tài)彈窗有提示欄、snackbar等。
為什么要在網(wǎng)站中使用彈框？
1. 抓人眼球，傳遞重要信息
上海建網(wǎng)站的公司了解到越來越多的用戶難以集中注意力閱讀網(wǎng)頁，而彈框這種特殊的方式可以快速吸引用戶的注意，幫助傳遞網(wǎng)站的核心信息；
2. 保持網(wǎng)站簡潔
極簡主義時的網(wǎng)站設計最是賞心悅目。如果你在保證網(wǎng)站界面的簡潔的同時多給用戶提供一些相關信息，彈框設計就是一個不錯的選擇；
3. 提高網(wǎng)站轉化率
對彈窗設計能否幫助提高網(wǎng)站轉化率進行了相關調查研究。研究結果發(fā)現(xiàn)，使用彈框設計平均可以帶來3%的轉化率，而如果彈框設計得非常優(yōu)秀，網(wǎng)站的轉化率甚至可以達到9%。
上海建網(wǎng)站的公司分享彈窗設計應遵循的18條準則：
1.不要為了使用彈框而使用彈框，如果你用一個毫無意義的彈框打斷了用戶的正常瀏覽，他們可能會直接退出離開；
2. 彈框的設計應與當前頁面上的其他元素保持一致（比如風格、配色等）；
3. 確保彈框是可交互、有響應的；
4. 彈框的文本應簡明扼要；
5. 不要在彈框的CTA按鈕中使用"是/否"式的生硬文案，除非你的品牌特質本就如此。還有，如果彈框包含兩個CTA按鈕，最好以正面積極的方式呈現(xiàn)出來，且應有所偏向（你希望用戶點擊哪一個按鈕）；
6. 如果你想通過彈框收集用戶聯(lián)絡信息，最好只讓用戶填寫"郵件地址"；
7. 確保彈框的內容與當前頁面內容是相關的；
8. 盡量避免在首頁上就使用彈框，給用戶一些緩沖適應的時間。當然，這也有例外，諸如隱私政策這樣的彈框出現(xiàn)在首頁是被允許的；
9. 如果你準備在移動端設計彈框，記?。翰灰叽绯蟮哪B(tài)彈框，不要在首頁設置彈框；
10. PC端和移動端的彈框并一定要完全一樣，你可以進行針對性地調整；
11. 讓彈框退出更加簡單，比如用戶點擊彈框外區(qū)域即可退出，或是在彈框的右上方放置一個醒目的"×"按鈕；
12. 正確把握彈框出現(xiàn)的時機，比如在用戶準備退出之前彈出；
13. 設置彈框出現(xiàn)的頻率，避免用戶在每次瀏覽、每個頁面都重復看見彈框；
14. 將彈框放在正確的位置；
15. 如果你想要讓彈框足夠顯眼（首先考慮用戶的接受程度），可以將它放在屏幕的正中間；
16. 如果你想要通過彈框傳遞促銷優(yōu)惠活動的相關信息，不妨將它設置成固定的；
17. 如果你想要吸引在網(wǎng)站上隨意瀏覽的用戶采取行動，可以將彈框放在側邊；
18. 注意受眾細分，提供定制化的彈框消息。
文章標簽：
上海建網(wǎng)站的公司 彈窗設計
文章評論：