如何設(shè)計一個優(yōu)惠券獎勵彈窗_第1頁
如何設(shè)計一個優(yōu)惠券獎勵彈窗_第2頁
如何設(shè)計一個優(yōu)惠券獎勵彈窗_第3頁
如何設(shè)計一個優(yōu)惠券獎勵彈窗_第4頁
如何設(shè)計一個優(yōu)惠券獎勵彈窗_第5頁
已閱讀5頁,還剩8頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

如何設(shè)計一個優(yōu)惠券獎勵彈窗最近一到飯點(diǎn)打開外賣軟件,都會收到平臺推送的優(yōu)惠券彈窗,我也一次次經(jīng)不住大額紅包的誘惑,完成了優(yōu)惠券的核銷。但是也不禁發(fā)問,除了面額,優(yōu)惠券彈窗在產(chǎn)品設(shè)計上是怎么一步步引導(dǎo)用戶,最終完成自身轉(zhuǎn)化的?今天這篇文章,我就結(jié)合過往設(shè)計優(yōu)惠券彈窗的經(jīng)驗(yàn),帶大家一起探索。優(yōu)惠券其實(shí)在電商平臺是一個很大的運(yùn)營體系,我們?nèi)粘D芙佑|到的僅僅是優(yōu)惠券在前臺的展示與操作流程,而在這背后需要有一系列的工作去做支撐,包括優(yōu)惠券轉(zhuǎn)化目標(biāo)的設(shè)定,優(yōu)惠券的創(chuàng)建、優(yōu)惠券使用數(shù)據(jù)的跟蹤等等,本文暫且對這些內(nèi)容不做過多介紹,僅僅針對優(yōu)惠券彈窗的前臺產(chǎn)品設(shè)計做分析??赡艽蠹視X得,優(yōu)惠券彈窗不就是用彈窗承載優(yōu)惠券信息嘛,有什么好設(shè)計與分析的呢?我在最初設(shè)計優(yōu)惠券的時候,也是這樣認(rèn)為,但是在踩了不少坑以后,發(fā)現(xiàn)還是有不少設(shè)計點(diǎn)可以發(fā)掘,我將通過內(nèi)容、形式、觸點(diǎn)、轉(zhuǎn)化四個維度來帶大家了解。一、內(nèi)容優(yōu)惠券彈窗的內(nèi)容就是彈窗承載的信息,根據(jù)信息的歸類,主要分為兩部分,即彈窗內(nèi)容、優(yōu)惠券內(nèi)容。彈窗內(nèi)容是除優(yōu)惠券以外的信息,包括彈窗標(biāo)題與彈窗視覺。一般在平臺發(fā)放優(yōu)惠券的時候,會有多種優(yōu)惠券類型存在,如針對全平臺的,針對營銷板塊的等等,所以在設(shè)計彈窗內(nèi)容的時候,也需要根據(jù)不同的運(yùn)營目標(biāo)做區(qū)分。彈窗標(biāo)題需要跟對應(yīng)營銷內(nèi)容做關(guān)聯(lián),而彈窗的視覺風(fēng)格也需要與對應(yīng)的營銷風(fēng)格保持一致。這樣做一方面能將不同的彈窗類型做區(qū)分,同時也能讓用戶提前感受到對應(yīng)營銷板塊的氛圍。而對于優(yōu)惠券內(nèi)容的設(shè)計,往往是根據(jù)優(yōu)惠券在后臺創(chuàng)建時所選擇的內(nèi)容決定的。但是在一般中小企業(yè)中,并沒有完善的優(yōu)惠券后臺管理系統(tǒng),所以此時就需要產(chǎn)品設(shè)計師來根據(jù)過往經(jīng)驗(yàn)定義一些基礎(chǔ)字段,來滿足當(dāng)前的營銷需求,主要包含優(yōu)惠券名稱、類型、面值、使用條件、使用時間。二、形式說起彈窗,大家的第一印象可能是居中彈窗,居中彈窗的優(yōu)點(diǎn)在于能讓用戶更聚焦在彈窗的內(nèi)容,從而提升彈窗中優(yōu)惠券的轉(zhuǎn)化,但是當(dāng)平臺過多的居中彈窗出現(xiàn)時,會打斷用戶在平臺的操作連貫性,導(dǎo)致用戶體驗(yàn)不佳。所以優(yōu)惠券彈窗除了選擇居中彈窗以外,對于那些輕量的優(yōu)惠券,我們還可以用底部彈窗的形式,既完成了優(yōu)惠券營銷的目的,又不影響用戶在當(dāng)前頁面的操作。除此以外,我們在彈窗的設(shè)計時,還要考慮彈窗的延展性。由于針對不同的場景優(yōu)惠券的數(shù)量會有所不同,所以我們在設(shè)計之初要溝通清楚優(yōu)惠券的最大數(shù)量,這樣在設(shè)計彈窗的時候才能保證當(dāng)承載最大數(shù)量的優(yōu)惠券時,能在各種分辨率下都能完整的呈現(xiàn);同時在視覺設(shè)計上,我們盡量讓優(yōu)惠券的背景保持純色,這樣我們僅僅需要將彈窗的頂部切圖,剩下的讓研發(fā)根據(jù)彈窗的數(shù)量做自適應(yīng)。三、觸點(diǎn)觸點(diǎn)即優(yōu)惠券彈窗上的操作,提供什么操作是根據(jù)優(yōu)惠券的領(lǐng)取規(guī)則決定的。一般優(yōu)惠券主要分為兩種:主動領(lǐng)取與自動發(fā)放。主動領(lǐng)取的優(yōu)惠券需要用戶在優(yōu)惠券彈窗點(diǎn)擊領(lǐng)取再發(fā)放,優(yōu)點(diǎn)在于用戶對于優(yōu)惠券的獲得感強(qiáng),但是缺點(diǎn)是多了一步領(lǐng)取操作,從而增加了用戶的轉(zhuǎn)化鏈路。而自動發(fā)放即當(dāng)彈出優(yōu)惠券彈窗時,就已經(jīng)發(fā)放給用戶,只是在彈窗展示具體優(yōu)惠券的面值等信息,此時操作的設(shè)定就要考慮優(yōu)惠券的轉(zhuǎn)化。我們在日常設(shè)計彈窗時,總喜歡加上“我知道了”按鈕用來關(guān)閉彈窗,這種交互適用于一般的字段釋義的彈窗,用來表明用戶閱讀彈窗信息后理解了字段的含義。而對于優(yōu)惠券彈窗而言,除了知道獲得了優(yōu)惠券,還希望用戶能立馬帶來轉(zhuǎn)化,所以此時直接關(guān)閉彈窗就切斷了優(yōu)惠券的轉(zhuǎn)化鏈路,那我們該如何設(shè)計操作呢?顯然我們希望提高當(dāng)前優(yōu)惠券的轉(zhuǎn)化,就需要引導(dǎo)用戶去使用優(yōu)惠券,如何引導(dǎo)就需要結(jié)合優(yōu)惠券的類型來設(shè)定。如果此次優(yōu)惠券都是針對同一個板塊,那我們就可以將”去使用“的按鈕放在優(yōu)惠券之外,引導(dǎo)用戶跳轉(zhuǎn)到對應(yīng)可使用優(yōu)惠券的板塊;而如果每個優(yōu)惠券對應(yīng)的使用板塊不同,那我們就需要將”去使用”的按鈕放在各個優(yōu)惠券上,來引導(dǎo)用戶跳轉(zhuǎn)到不同的板塊去轉(zhuǎn)化。除了轉(zhuǎn)化操作的設(shè)計,還有一個操作就是關(guān)閉彈窗,不知道大家有沒有注意到,目前大部分彈窗的關(guān)閉操作都是采用icon的形式,而且一般會出現(xiàn)在兩個位置,即彈窗右上角與下方,那么到底該放在哪里呢?我們可以結(jié)合”阻力思維”來考慮。優(yōu)惠券彈窗提供了轉(zhuǎn)化操作,那么對于平臺而言自然不希望用戶看到后就關(guān)閉彈窗,所以就需要考慮關(guān)閉按鈕放在哪里可以增加用戶關(guān)閉的難度,顯然根據(jù)用戶持有設(shè)備的習(xí)慣來說,右上角比下方更難觸達(dá),所以關(guān)閉按鈕放在右上角可能會在一定程度上增加優(yōu)惠券的轉(zhuǎn)化。ps:我們可以通過A/B測來驗(yàn)證我們的猜想。四、轉(zhuǎn)化優(yōu)惠券的設(shè)定能讓用戶感知到購買成本的降低,那該如何促進(jìn)用戶最終的轉(zhuǎn)化呢?之前電商產(chǎn)品中,優(yōu)惠券的使用是在下單頁,我們選擇優(yōu)惠券,下單金額變更為折扣價格,后來逐漸的為了減少用戶領(lǐng)取的鏈路,下單價格直接展示使用優(yōu)惠券后的價格。但是當(dāng)用戶在優(yōu)惠券彈窗點(diǎn)擊“去使用”到對應(yīng)的板塊時,展示的是商品瀑布流,如何能讓用戶感知優(yōu)惠券的存在?我們可以將優(yōu)惠券前置,根據(jù)當(dāng)前的優(yōu)惠券面額與使用條件,展示對應(yīng)商品的“券后

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論