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