如何從0-1設計一個抽獎交互流程01抽獎，該從何說起？目前市面上關于抽獎的文章，已經涵蓋了方方面面。比如從心理學角度剖析，用戶為什么這么鐘情于抽獎；又比如從運營角度分析，如何設置獎品以及中獎概率；甚至可以從實操的角度，教你如何用Axure畫一個動態的抽獎大轉盤等等。但是我們往往都會有這種感覺就是，道理我都懂，但是就是不會，最主要的原因在于，這些理論知識沒辦法直接轉化成一套完整的抽獎流程，而這個流程，才是作為一個交互設計師，最主要的一個產出物。筆者在剛入行的時候，是以視覺UI設計師的身份在一家互金公司任職，那時候也會設計一些抽獎活動，但是因為前期沒有規劃整個抽獎流程，導致很多時候一些缺失的頁面都是通過前端發現，甚至有時候是上線了用戶的反饋，嚴重影響了活動的開發進度以及用戶體驗。所以在近期完成了幾個抽獎活動以后，想跟大家聊一聊，如何從0-1設計一個抽獎交互流程。02抽獎頁面一般包括哪些信息？當我們說起抽獎頁面的時候，可能第一個想到的就是大轉盤，轉盤只是抽獎的一種形式，而抽獎模塊也只是抽獎頁面的其中一個信息，我們通常把這些信息叫做用戶觸點。每一個觸點對應一個流程或者一個頁面，雖然抽獎的形式千差萬別，觸點也可能各有不同，但是還是會有一些共性的觸點在頁面上呈現，我們可以逐一分析跟梳理。首先作為一個活動，肯定是有主題的，用來告訴用戶這個活動是干什么的。運營一般會在主題上字字斟酌，因為一個好的主題不僅能清楚的表達活動目的，同時也會激起用戶參與抽獎的欲望。接下來就是抽獎頁面的核心信息，也就是抽獎模塊。上文也有提到，轉盤抽獎只是抽獎的一種形式，還有像翻牌、老虎機、福利球、甚至抓娃娃等各種形式的抽獎，選擇什么形式的抽獎取決于哪種更符合活動的主題與場景，但是不管什么形式，都會有抽獎的觸發按鈕以及剩余次數的信息展示。是不是只有抽獎模塊就可以了呢？我們可以結合抽獎活動的運營目標來分析。一般抽獎活動都有兩個主要的目的，促活跟轉化。通過獎品的吸引，將用戶引導到頁面來，完成最終的轉化目標。一般的轉化都是以任務的形式出現，通過“獎品吸引用戶抽獎，完成任務獲得抽獎機會”這樣一個閉環，來引導用戶完成。所以抽獎頁面一般會有相關運營目標的任務信息展示。到這，抽獎頁面的基本信息差不多都覆蓋了，但是我們可以進一步分析，如果用戶抽到了多個獎品，怎么查看自己的獎品呢？所以我們需要在這個頁面加一個查看獎品的入口來滿足用戶的需求。通過分析，我們將抽獎頁面所涵蓋的基礎信息都羅列了出來，有了這些信息以后，我們就需要考慮以這些信息為觸點的所有的流程，確保用戶在活動鏈路中遇到的所有情況都能被覆蓋到。03抽獎頁面都有哪些交互流程？從上文的分析中不難看出，用戶在頁面的交互流程主要包括三個：抽獎流程、任務流程、查看獎品記錄。接下來我們就分別看看，如何構建這三個流程。1.抽獎流程抽獎流程無疑是最主要的一個流程，我們可能會有疑惑，抽獎流程不就是抽獎、結果反饋嗎？其實不然，我們需要根據抽獎狀態以及獎品類型來確定都有哪些抽獎的流程。首頁針對抽獎狀態，我們的固有思維可能都是默認有抽獎次數的交互流程，但是我們在繪制流程之前，首先要考慮到的就是信息或者按鈕的不同狀態。抽獎按鈕的狀態是根據抽獎次數決定的，有無抽獎次數對應的是能否進行抽獎操作，所以我們要考慮這兩種狀態的交互流程，我們先從無抽獎次數說起。一般來說，無抽獎次數，當用戶點擊后無法喚起抽獎流程，所以直接按鈕置灰，告訴用戶不可點擊，似乎也是符合邏輯的。但是有沒有更好的交互方案呢？我們可以結合運營目標來思考，抽獎的其中一個目標是提高轉化，而需要轉化的內容是通過任務的形式給到用戶，用戶完成任務的目的是獲得抽獎機會，那當沒有抽獎次數時，用戶還想抽獎，是不是可以直接喚起或者定位到任務區域，引導用戶完成任務，以此來提高轉化率呢？我們再來看看有抽獎次數的交互流程為什么要依據獎品類型來設計。當用戶點擊抽獎后，接下來的流程就是判斷用戶是否中獎，彈出對應的結果彈窗，然后結束本次抽獎流程。但是針對不同的獎品，中獎的彈窗所呈現的信息應該也有所不同。舉個例子：我們在做金融相關的抽獎活動時，經常把現金抵扣券作為獎品之一，當我們抽到該獎品時，不應該僅僅告訴用戶抽到了什么，而是進一步去引導用戶去使用，來達到產品的進一步轉化，這時候中獎彈窗就應該有“立即使用”的按鈕與后續流程。同樣的，如果獎品是卡券類、實物類等，都需要在中獎彈窗中展示對應獎品需要用戶完善的信息以及流程。2.任務流程任務信息一般包括任務描述、獎勵信息、操作按鈕，常規流程就是用戶點擊操作按鈕進入到目標頁面，完成對應任務返回活動頁面，操作按鈕狀態改變，顯示已完成。但是不同的任務類型對應的流程還是有些差異，我們在設計前需要跟運營人員去確認都有哪些任務。一般我把任務分為三類：一次性任務連續性任務持續性任務一次性任務顧名思義，用戶完成后，本次任務結束，如一般的引導用戶關注任務。此類任務流程雖然是一般的常規流程，但是還是有兩點需要我們注意。第一點就是任務流程的串聯，因為一般此類任務都是提供一個外部鏈接作為跳轉，所以在流程上也僅僅是加一個“跳轉外部鏈接”的說明，但是往往為了讓技術跟測試人員知道跳轉的頁面是什么，我們需要提前跟運營確認跳轉的頁面，將它放到流程里，同時我們在串聯的時候還要寫明用戶在該頁面完成怎樣的任務；第二點就是反饋，我們需要根據用戶在跳轉頁面的操作，來判斷用戶的任務完成情況，給予用戶反饋，一般反饋發生在用戶返回活動的時候，因為無需用戶操作且僅僅用來說明，所以一般用toast的形式，來告知用戶任務是否完成。連續性任務，指的是一類任務的集合，一般是多條任務集合在一個任務標題內，比如瀏覽產品任務，用戶每點擊一次操作按鈕都會進入到不同的產品頁。此類任務在構建交互流程的時候，除了考慮完成任務返回頁面的反饋，還需要判斷是否為該連續任務的最后一條任務，所對應的是按鈕的狀態變化。持續性任務，指的是沒有完成次數限制的一類任務，比如邀請類任務，由于用戶可以持續性的操作，所以此類任務沒有操作按鈕狀態的改變，但是對于交互流程而言，規則不同所對應的流程也會略微不同。如只要用戶將鏈接分享出去，就視作任務完成，那么用戶在返回到活動頁時，就會有活動完成的反饋，并且對應的抽獎次數也會增加；如果分享出去還需要被邀請人操作，如助力，則只展示分享成功，不加入對應獎勵的文案反饋。3.查看獎品記錄獎品記錄頁就是展示獎品信息的頁面，能有什么流程呢？我們可以結合上文提到的抽中不同類型獎品來分析。不同獎品的抽中彈窗所對應的用戶的操作流程有所不同，但是如果用戶不在中獎彈窗操作后續流程，而是采取關閉彈窗，那就需要用戶有個地方再次填寫，這就是獎品記錄頁面的主要流程，其次針對不同的獎品，也應該會有不同狀態的呈現，這也是我們在設計該流程的時候需要考慮到的。04如何給抽獎流程錦上添花？通過以上的分析，我們大致將抽獎頁面的基礎流程繪制出來了，但是技術在開發的時候，除了關注頁面的邏輯與跳轉外，還需要知道頁面信息的展示規則，所以我們需要補充整個流程的交互說明，用來幫助技術人員理解。關于撰寫交互說明的思路，我想后面可以結合筆者的日常工作單獨出一篇講講，這里我們就只針對抽獎流程來展開。因為我們不能提前預知參與活動的人數，為了防止獎品在一開始就被抽完，我們就需要動態的調整獎品信息，所以一般會為抽獎活動開發一個管理中臺，用來維護獎品、任務等信息。那該如何撰寫呢？我們可以