該如何設(shè)計(jì)彈窗廣告呢？

時(shí)間：2024-02-16 10:30:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-16 10:30:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

該如何設(shè)計(jì)彈窗廣告呢？：彈窗對(duì)于app的價(jià)值在于重點(diǎn)信息的傳達(dá)反饋，核心任務(wù)的完成；而對(duì)于用戶(hù)，過(guò)多的彈窗設(shè)計(jì)會(huì)帶來(lái)視覺(jué)上的中斷，打擾用戶(hù)完成體驗(yàn)。如何在彈窗的必要使用與用戶(hù)體驗(yàn)中找到平衡，讓彈窗更好的作用于業(yè)務(wù)目標(biāo)，是設(shè)計(jì)師在設(shè)計(jì)彈窗時(shí)需要考慮的問(wèn)題。



今天，帶大家深入了解一下關(guān)于彈窗的設(shè)計(jì)，希望可以給大家未來(lái)的設(shè)計(jì)提供一些新的想法。

【據(jù)交互形式分類(lèi)】

從交互形式上來(lái)講，彈窗可以分為模態(tài)彈窗和非模態(tài)彈窗兩類(lèi)，這兩類(lèi)的區(qū)別在于用戶(hù)是否需要與其進(jìn)行交互。

模態(tài)彈窗是可交互的，用戶(hù)需要對(duì)其做出回應(yīng)，常見(jiàn)的模態(tài)彈窗有對(duì)話(huà)框、功能框和氣泡框；非模態(tài)彈窗用戶(hù)不需對(duì)其做出交互，一般會(huì)在一段時(shí)間后消失，是一種輕量級(jí)的反饋機(jī)制，常見(jiàn)的非模態(tài)彈窗有提示欄和底部彈窗。

模態(tài)彈窗：對(duì)話(huà)框對(duì)話(huà)框類(lèi)型的彈窗很多，一般由標(biāo)題、信息內(nèi)容和功能按鈕組成，視覺(jué)吸引力較強(qiáng)，很難被忽略，一般出現(xiàn)在程序運(yùn)行過(guò)程中需要用戶(hù)做出決策的時(shí)刻，例如版本更新、警示欄、運(yùn)營(yíng)彈窗、注冊(cè)、分組等。


模態(tài)彈窗：功能框功能框?yàn)椴僮鳈?，比?duì)話(huà)框的功能性更強(qiáng)，擁有更多功能選擇，一般設(shè)計(jì)來(lái)向用戶(hù)展示多樣化的功能選擇，例如下拉操作表或分享。


模態(tài)彈窗：氣泡框氣泡框是一種由矩形和三角組成的彈窗，一般出現(xiàn)在用戶(hù)點(diǎn)擊某功能按鈕后，作為對(duì)功能按鈕的補(bǔ)充，通常擁有半透明的遮罩，有時(shí)也被稱(chēng)為下拉菜單。


非模態(tài)彈窗：提示欄提示欄是一種輕量級(jí)的信息反饋，不需要用戶(hù)進(jìn)行交互，持續(xù)一段時(shí)間后自動(dòng)消失，一般只有文字信息，也可增加跳轉(zhuǎn)icon。提示框一般與用戶(hù)的前置操作有關(guān) ，用來(lái)作為提醒或反饋，展示操作結(jié)果或狀態(tài)變更。





非模態(tài)彈窗：底部彈窗相較提示欄，底部彈窗也是輕量級(jí)的信息反饋，但用來(lái)提示用戶(hù)更為重要的信息，可以帶有撤銷(xiāo)操作，幫助用戶(hù)撤銷(xiāo)前置操作。

【據(jù)功能分類(lèi)】

歡迎彈窗出現(xiàn)在用戶(hù)首次進(jìn)入應(yīng)用時(shí)，對(duì)app進(jìn)行介紹，讓用戶(hù)對(duì)app有一些初步的了解。


通知彈窗一般用來(lái)提示用戶(hù)重要的系統(tǒng)公共或者與用戶(hù)息息相關(guān)的重要信息提示等。


反饋彈窗為用戶(hù)的前置操作提供反饋，一般考慮使用非模態(tài)彈窗，這類(lèi)輕量級(jí)的反饋組件。


操作彈窗一般用戶(hù)讓用戶(hù)輸入一些完成任務(wù)必要的信息。


挽留彈窗是為了提升用戶(hù)行為轉(zhuǎn)化，出現(xiàn)在當(dāng)用戶(hù)離開(kāi)某些流程的時(shí)刻。


營(yíng)銷(xiāo)彈窗一般用于運(yùn)營(yíng)活動(dòng)，用來(lái)通知用戶(hù)、召回用戶(hù)訪(fǎng)問(wèn)等。

【設(shè)計(jì)要點(diǎn)】

其實(shí)不論是模態(tài)彈窗還是非模態(tài)彈窗，他們的出現(xiàn)都會(huì)或多或少影響用戶(hù)的體驗(yàn)，但他們的出現(xiàn)其實(shí)讓用戶(hù)與產(chǎn)品之間產(chǎn)生了某種連接。要設(shè)計(jì)好一個(gè)不被用戶(hù)討厭的彈窗，要做到以下幾點(diǎn)：

第一，選擇合適的時(shí)機(jī)，不要打擾到用戶(hù)。控制好彈窗出現(xiàn)的頻率和節(jié)點(diǎn)是特別重要的一點(diǎn)，一方面可以將對(duì)用戶(hù)的影響降低到最小，另一方面也可以大大提升彈窗的轉(zhuǎn)化效果。

第二，信息要有效觸達(dá)。彈窗由于面積有限，在文案及插圖的設(shè)計(jì)上就要多花費(fèi)心思，向用戶(hù)傳達(dá)他們最關(guān)心的信息。

第三，交互便捷。在設(shè)計(jì)交互行為時(shí)，一方面考慮產(chǎn)品的訴求，將按鈕區(qū)分主次顯示；另一方面，要滿(mǎn)足用戶(hù)的訴求，提供關(guān)閉按鈕等。

第四，重視氛圍。針對(duì)有運(yùn)營(yíng)性質(zhì)的彈窗，要通過(guò)插圖等手段來(lái)打造體驗(yàn)感。

---

本文由WELLDESIGN獨(dú)家原創(chuàng)，未經(jīng)授權(quán)請(qǐng)勿轉(zhuǎn)載。