如何設計一款禮物交互系統(tǒng)？7000字干貨幫你掌握！

交互設計中如何構思一款禮物交互系統(tǒng)，怎么理解價值與本質？設計思路怎么展開？玩法擴展怎么思考？請聽我娓娓道來...（文字較多，電腦端看更佳）

更多禮物設計方法：

一、禮物交互系統(tǒng)有何價值

在直播相關的產(chǎn)品中，這套系統(tǒng)不僅維持了用戶間的社交互動也滿足了商業(yè)的需要，即使一些非直播間的場景也能運用該系統(tǒng)優(yōu)化體驗與商業(yè)，可以說是真正平衡了用戶與商業(yè)關系的系統(tǒng)，面對企業(yè)其價值不言而喻，面向用戶，直播氛圍、用戶情感傳遞、自我彰顯、酬勞打賞、關系互動、趣味玩法等也都大有益處。

經(jīng)過這些年派對聊天室游戲開黑房相關的產(chǎn)品在市場不斷的開拓發(fā)展，一對多人發(fā)起打賞的場景越來越常見，玩法模式也越來越多元，但禮物交互系統(tǒng)的復雜度也隨之而來，那么在贈送按鈕按下的瞬間，究竟發(fā)生了哪些交互呢？這就來聊聊一對多禮物打賞的交互系統(tǒng)的設計思路。

說明下，我并未打算寫出一套文檔材料來說明怎么做的，我希望能夠先通過模型來說明運作本質，通過設計痛點與設計原則代入思考過程，通過功能池方案與時序流程來說明功能間的運作與編排的，以及過程中是如何消化痛點的，最后則是禮物系統(tǒng)的玩法擴展的思路與方向。

二、一對多禮物交互系統(tǒng)的本質

一對多打賞在于可對指定場景的多個對象同時發(fā)起。其實就是一套商城系統(tǒng)，后臺可以對禮物資源上新維護，前臺負責搭建交易消費的場景，打賞者付費贈送后，平臺與受賞者分羹，并且賞金通常可提現(xiàn)，而禮物本身會通過視覺包裝賦予意義與門檻，銷量越高，平臺獲益也越高，因此禮物包裝與促銷也很重要，且不能依托折扣的方式進行，所以禮物的玩法、形式感、氛圍感、視覺沖擊、套路等就卷起來了。

三、開始禮物交互系統(tǒng)要做什么

前期就是搭建最小可行性版本，保證基礎的功能可用可擴展，貨幣系統(tǒng)可以完整運轉，畢竟是關乎用戶錢包的事兒，通常這個框架搭建起來會需要到以下幾個主模塊：

1. 搭建維護后臺

禮物資源需要拆分預覽資源、特效資源、輔助的標簽資源、其他擴展資源，所以會有多個數(shù)據(jù)表配合才能實現(xiàn)，因此服務端在建表時就要考慮好表之間的關聯(lián)性與唯一性，而禮物維護后臺也要讓運營人員能夠看見禮物基本情況或重點信息，便于維護，一般常見的字段如下；

而在詳情中，還有抽成比例、關聯(lián)資源、禮物備注等更多字段信息，編輯前也需要先將禮物狀態(tài)下架，避免造成線上事故，而一些禮物分類、標簽管理之類的，需要有統(tǒng)一的數(shù)據(jù)表管理，避免添加禮物時這些數(shù)據(jù)填的參差不齊，并且也方便變更母級直接映射到其他應用表，這樣才有利于數(shù)據(jù)的統(tǒng)一性與維護方便。

2. 構建貨幣體系

禮物系統(tǒng)視為商城，交易則需要貨幣體系，在政策法規(guī)或平臺約束下，是不允許虛擬幣與人民幣互換的，因此為了區(qū)分消費與收益關系，至少兩套代幣。假設就一種代幣，收益后直接提現(xiàn)不滿足政策法規(guī)不說，黑產(chǎn)洗錢也控制不了，消費過程中平臺也沒有多少操作空間，用戶對該代幣的認知會更傾向可折現(xiàn)的代金，消費欲也會下降，余額則通常會直接套現(xiàn)掉。

而建立一套貨幣體系就要考慮充值、消費轉化、兌換、提現(xiàn)、平臺抽成的諸多過程。充值跟提現(xiàn)的可用方式與技術支持，平臺抽成發(fā)生的環(huán)節(jié)在哪里，相關手續(xù)費稅率與交易協(xié)議聲明等，這些都是要結合公司情況與合作的技術支持來設定，例如直播打賞的抽成，有拿走 30%的、有的拿 40%，這些都可以在做之前了解下行業(yè)情況或競品研究確認好后再做。

3. 禮物打賞面板

禮物面板也就是禮物商城場景，讓用戶進行了解和挑選禮物、余額充值、選擇贈送數(shù)量、贈送對象、購買贈送的模塊，跟其他商城不同的地方是，禮物面板是基于對象或指定場景才能打開的，買送一體，而不是先買在送。需要注意的是該模塊需要預留擴展性，因為隨著禮物業(yè)務的發(fā)展，后面會迭代很多內容進去，例如禮物的分類與等級&貴族限制、活動禮物的角標說明等，甚至有小 Banner 橫幅介紹與跳轉支持，在搭建模塊時可以多考慮下布局與交互方式。

4. 贈送效果反饋

當用戶成功將禮物點擊送出，就進入了贈送反饋階段，會在房間中通過一系列反饋讓更多人知道送禮啦，并對特效出現(xiàn)起到烘托與承接，而不止是禮物特效而已。打賞后的贈送通知、全服通知、連擊動畫、打賞飄屏、PK 值上升等均是，看直播的同學一定不陌生，還包括一些非房間內的反饋也會及時更新，如禮物墻、成就勛章之類的。

5. 流水記錄更新

禮物打賞是貨幣交易，是交易就有訂單或流水記錄。根據(jù)身份的不同還會區(qū)分禮物支出或收益記錄，房間或后臺也會有對應的數(shù)據(jù)記錄便于運營，并且很多以消費或收益數(shù)據(jù)做支撐的榜單也要及時更新，例如房間榜單、總榜單、PK&熱門榜、活動的榜單都需要更新對應數(shù)據(jù)，而后臺也應該有配合運營所關注的數(shù)據(jù)可供查看，特別是禮物流水，房間流水等。

6. 計劃功能迭代

最小可行版本的目標搭建完成后，就要準備做后續(xù)的迭代計劃，將框架功能或運營需求逐步的完善起來，一個龐大的禮物交互系統(tǒng)就此開始。

禮物面板完善

豐富禮物品類，配合等級、貴族、活動豐富高級禮物，以及增加禮物背包為運營活動做準備

禮物交互完善

豐富禮物連擊交互、禮物贈送關系示意動畫、禮物飄屏通知動畫、全服通知動畫、連擊特效等，以及配套的特效設置功能

擴展禮物玩法

常見的禮物盲盒、上熱門禮物、升級禮物、周星禮物、特殊效果禮物、關系綁定禮物等

維護后臺完善

配套客戶端禮物新增內容的配置編輯功能，豐富禮物消費相關的監(jiān)測數(shù)據(jù)

四、禮物交互系統(tǒng)的痛點有哪些

面對一對多禮物連擊打賞，會面臨很多有待解決或優(yōu)化的問題，不論是視覺上、技術上、還是功能交互上，我們預先思考并將一些會碰上的問題進行了梳理羅列，然后在后續(xù)的設計過程中逐步代入解決；

五、禮物交互系統(tǒng)的設計原則

在基本的交互設計原則之外，針對業(yè)務場景我們定義了一些設計原則，幫助我們決策和提供解決痛點的方向指引，同時能夠貼合業(yè)務特征帶來差異化的設計理念；

1. 狀態(tài)可見

在打賞的體驗過程中，任何操作與交互能夠有即時的觸發(fā)與狀態(tài)變化，能夠讓用戶快速感知當前的狀態(tài)，可見可感知；

2. 鏈路清晰

打賞過程中，更完備的梳理交互信息和功能交互的前后關系，使功能之間能夠有序進展，流程清晰；

2. 交互流暢

交互過程的動效、響應時長、飄屏彈道、視覺變化等，盡可能保障流暢、靈動不生硬，視線有序不混亂，給予用戶良好的禮物打賞體驗；

3. 反饋完整

禮物打賞過程中，交互事件頗多，要將各種狀態(tài)信息或反饋完善，如余額不足，贈送條件不滿足，要提升易用性降低用戶認知門檻；

4. 氛圍至上

娛樂互動的場景中，視覺氛圍是少不了，禮物能承載一定的情感與氛圍作用，但特效時間不長，完善和豐富一些視覺工程來輔助氛圍或承接特效是有必要的；

5. 層級清晰

直播間中涉及的功能窗口或頁面頗多，而禮物特效展示又很重要，為保證在適當?shù)膱鼍澳軌蛲赋鎏匦В朴冒敫〈靶问浇换ァ⒋┩柑匦募约耙?guī)劃功能層級都是重要的工作，既要透出也不能干擾當前操作；

六、禮物打賞功能池與方案解析

從房間里打賞觸發(fā)后，發(fā)生了多少交互事件，涉及了多少功能響應，我們對相關模塊與主要功能進行了梳理，并且標記了基于設計原則的優(yōu)先級與方案思考，一起看看他們之間是如何交互的，如何產(chǎn)生作用和解決痛點的，同時也便于理解后續(xù)流程圖中的功能具體是指的什么。

1. 禮物打賞面板：

面板入口大多在直播間底部操作欄、房間用戶資料卡上，還有些也支持私信、動態(tài)廣場、個人主頁場景等，圍繞一對多贈送的主要是在多人連麥直播間里，其中構成單元、優(yōu)先級、方案說明如下：

① 對象選取「P0」

用于多個指定的連麥對象選取，若通過個人資料卡發(fā)起，則默認是資料卡上的對象。采用可滑動的頭像列表作為選取控件，支持一鍵全選或再次點擊取消。顯示信息為用戶頭像或連麥序號，頭像直觀入目，麥序號簡短已匹配。

② 禮物分類 Tab「P1」

用作禮物分類選擇，隨著業(yè)務擴展，禮物數(shù)量增加，后續(xù)一定會有 Tab 分類，例如等級限定禮物、貴族限定禮物、特殊效果禮物等。

③ 禮物標簽「P3」

標簽用于單個 Tab 下的禮物細分，幫助用戶識別特殊的禮物，例如活動限定、周星、冠名、幸運等，復雜的可以配合 6 號橫幅說明介紹。

④ 禮物選取「P0」

基礎功能，通常由禮物預覽圖、禮物名稱、價格構成，后續(xù)可豐富禮物標簽以及選中后預覽動畫。

⑤ 余額及充值「P0」

余額是必要參考信息，充值按鈕使消費更便捷，不用跳脫直播間場景，用戶在禮物消費過程中，若出現(xiàn)余額不足則應及時彈窗反饋和提供充值入口。

⑥ 橫幅說明「P3」

隨著禮物玩法與功能豐富，部分道具需要更多文字說明甚至引導跳轉，因此橫幅說明誕生了，類似 Banner，盡管不同平臺的叫法不一致，但本質一樣。

⑦ 背包「P1」

禮物作為互動的消耗品，在很多活動中會充當獎勵，例如沖榜獎勵、首充獎勵、活動獎勵等，因此一旦運營涉及到了，就需要一個背包來放置這些其他渠道獲取的道具。

⑧ 打賞數(shù)量「P1」

即批量贈送，屬于常規(guī)功能了，可選數(shù)組需要定義含義，例如 99、520、1314 這些，也可以選擇性的提供自定義數(shù)量輸入，用戶可能根據(jù)余額或對方要求有操作需求。

⑨ 贈送打賞「P0」

買送一體的打賞按鈕，當余額、禮物選取、贈送對象都滿足時，即可點擊贈送按鈕，扣除余額后就開始禮物打賞的一系列反饋了。

2. 飄通知部分：

① 贈送示意跑道「P2」

采用動畫直觀示意本次受賞者對象，點擊贈送后顯示禮物縮略圖并移動到贈送對象的頭像處后停留消失，房間觀眾全部可見，可以作為禮物特效出現(xiàn)的前戲，可滿足“氛圍至上”的設計原則，適合一對多打賞贈送場景。

② 打賞飄屏通知「P1」

顯示打賞的基礎信息給房間所有觀眾，并造勢承接特效展示，由打賞者、受賞者、禮物信息構成，多個受賞者采用頭像加人數(shù)反饋在一條通知里，使其精簡，若人數(shù)較多則采用 icon 示意多人。禮物信息則顯示預覽樣式和數(shù)量。由于只是短暫的特效承接通知動畫，更加詳細的贈送信息則通過房間公頻、禮物記錄、用戶禮物記錄等反饋。

動畫呈現(xiàn)時，采用左入左出，縮小視線移動范圍，停留時間 2s 左右保證能夠掃視信息，位置高于整個禮物面板之上并預留一定空間，用于兼容說明橫幅或多條飄屏通知呈現(xiàn)。

考慮到移動端屏幕空間有限，當多人瞬間進行打賞時，屏幕上則最多呈現(xiàn) 3 條打賞飄屏，根據(jù)發(fā)生的時間排入隊列等候，第一條顯示 2s 后則消失顯示隊列剩余的通知飄屏，并且飄屏位置根據(jù)時間倒序或正序進行有序挪動，避免無序穿插，做到“鏈路清晰”與“交互流暢”的原則。

③ 公頻禮物通知「P0」

公頻用于房間內消息互動和通知，本質與群聊類似，打賞停止后，公頻中可以同步對應的打賞通知，一方面信息可以更完善的呈現(xiàn)，另外短時間內房間觀眾還可以翻記錄查看。并且這些通知不會使得公頻互動顯得過于冷清。

④ 全服飄屏「P1」

設定一個觸發(fā)全服飄屏的消費門檻，當用戶在房間消費禮物或貴族續(xù)費滿足要求時可觸發(fā)，也有叫廣播之類的，可以滿足消費者的排面，也可以引導更多的用戶來圍觀，對房間觀眾熱度與氛圍都有較好的作用。其他房間的觀眾看見飄屏后可以點擊進入對應房間圍觀，對于在房間內跳轉圍觀的用戶盡可能提供回到上個房間的按鈕，確保鏈路清晰的交互原則。

3. 禮物記錄部分:

① 禮物收支記錄「P0」

禮物消費的過程中，消費者、受益者、消費房間、平臺都會有關注的流水記錄，這些記錄需要對應身份顯示相應的的禮物信息、消費或是收益數(shù)值、互動對象信息、時間信息，這樣平臺上的用戶才能知道貨幣消費去向或收益來源。

房間層面：大多房間單元都是有公會或個人運營的，相關人員會在房間有查看一定時間區(qū)間的禮物打賞記錄或流水的需求，同時需要有額外的周期數(shù)據(jù)來量化房間流水情況。

后臺相關：禮物相關數(shù)據(jù)，后臺需要支持運營人員、設計人員、公會人員等，需要能夠監(jiān)測不同房間禮物流水情況，禮物熱銷趨勢反饋，單人的每條交易記錄等。目的是避免糾紛、運營監(jiān)測、設計量化改善等。

② 個人禮物墻「P1」

禮物墻的作用我不多啰嗦了，前期迭代中可以不包含該功能模塊，但后期大多會完善該模塊，主要涉及到禮物圖譜、點亮情況(贈送與獲取)、禮物狀態(tài)情況、渠道或說明查看為主。

③ 禮物成就勛章「P3」

禮物玩法擴展起來后，可以通過消費或收集某些禮物為手段，當達到某些數(shù)量亦或是某一組特殊禮物后，允與用戶一些勛章標簽或相關裝扮獎勵。當然了，這些成就不一定都是通過花錢為手段，配合一些抽獎的幸運活動也不錯。

4. 榜單數(shù)據(jù)相關：

禮物作為房間的核心消費互動道具，會關聯(lián)到很多榜單信息，會通過消費積分或收益積分關聯(lián)，常見的有房間收支類型榜單、APP 總榜、限時的活動榜單、上熱門、PK 榜等，還有面向個人的一些榜單，例如好感榜、守護榜之類的。但是需要注意的是，相關主管部門要求禁止以打賞消費額度作為唯一上榜依據(jù)，特別是比較顯眼的總榜或房間相關榜單，在未來，數(shù)據(jù)結構優(yōu)化還面臨著挑戰(zhàn)，建議是將禮物打賞之外的其他行為給予積分并作用到榜單數(shù)據(jù)之中。

5. 禮物特效設置：

① 禮物特效開關「P2」

礙于設備性能以及用戶自身偏好需求，通常需要在房間設置中或者用戶設置偏好中提供特效關閉功能，盡管現(xiàn)在主流的 SVGA 或 MP4 特效禮物并不會對設備性能造成過分的影響，但是關閉特效的需求還是時常需要。

② 合并連擊特效「P3」

若特效是在連擊結束后開始播放，則需要考慮提供該功能幫助用戶合并特效，減少播放次數(shù)以緩解性能問題或是個人喜好。

6. 連擊功能部分：

連擊在格斗游戲中是很常見的，禮物連擊就是允許用戶在一次打賞之后的規(guī)定時間內，可以根據(jù)之前的打賞規(guī)格繼續(xù)贈送，并且會通過視覺變化與振動反饋給予打賞者進一步的消費快感。

這個操作發(fā)生在一次贈送動作之后，但它做起來并不簡單，不論是視角交互的開發(fā)與體現(xiàn)還是豐富的影響面控制，這里我把主要的痛點與方案羅列了下；

七、基于時序的交互流程

這個流程里，對禮物消費場景中的各個功能交互響應進行了有序排列，邏輯上兼容了連擊帶來的結算影響，連擊時充分的發(fā)揮了連擊該有的視覺變化與引導部分，連擊結束后反饋了最終的打賞信息與數(shù)量，減少了連擊帶來的逐條冗余通知。而當禮物觸發(fā)了全服飄屏通知后，贈送示意跑道和打賞飄屏動畫都能對時間做出緩沖，當其他房間用戶前來房間圍觀時，還能有機會一賞禮物特效的過程。

八、禮物系統(tǒng)如何玩出花來

要在禮物系統(tǒng)中玩出花樣來，主要是借助禮物面板這個“商城”的消費場景與用戶消費習慣，部分是基于禮物本身做玩法或趣味擴展，還有一部分則是活動道具或入口之類的，這些擴展玩法或道具一般不會突然的出現(xiàn)或消失，會為用戶提供一個相對穩(wěn)定的操作路徑。

1. 借助消費場景與消費習慣

借助消費場景可以順勢將新品陳列給用戶，并且通過標簽或橫幅說明等對商品進行介紹并視情況提供活動跳轉，而消費習慣則是繼續(xù)保持禮物的購買消費方式，可消除額外的學習門檻，也不用在直播間布置更多入口按鈕。

2. 基于禮物的玩法擴展思路

基于禮物本身，可以從特效方面考慮、打賞限制考慮、消費作用考慮、隨機獎勵考慮等，也可以綜合起來考慮，一般常見的盲盒、福袋、幸運禮物等等都是基于這些思路，這里列舉一些思路延展；

特效型：聲音特效、變聲器、繪圖贈送、臉部識別貼圖特效、面部變形特效、整蠱裝扮效果、組合特效...

打賞限制型：新老用戶身份、等級限制、粉絲團或守護可用、專屬房間類型、貴族或會員可用...

消費作用型：打賞次數(shù)成就獎勵、消費升級禮物、消費積分用于升級&PK&粉絲團&守護&熱榜等、消費禮物達成心愿任務、指定互動活動、觸發(fā)全服通知飄屏、禮物冠名...

隨機獎勵型：觸發(fā)紅包、隨機返還貨幣、多款禮物抽取、隨機體驗道具...

3. 不基于禮物的玩法擴展思路

一般是營銷活動入口或道具購買、活動最常見的就是抽獎、集卡兌換、翻牌子之類的，盡管被包裝的花樣百出，但是本質玩法還是這些，目的是利用賭徒心理或一些禮物的稀缺性來刺激用戶消費。

還有一些道具則是偏功能性，例如紅包、發(fā)起關系結拜、贈送直播間裝扮道具之類的，特征就是有互動對象、符合直播間場景、有消費前提、有功能作用。

4. 平衡玩法與商業(yè)運作

在一些禮物玩法擴展的同時，我們?yōu)槎Y物附加了新的作用或屬性，但同時要考慮平衡商業(yè)與體驗的微妙關系，舉例一款普通禮物在消費、抽成、收益、經(jīng)驗值、積分值有一套五邊形雷達圖，當你加強某一個角的能力時，就需要適當?shù)目紤]是否削弱其他方面來平衡一下。再例如說禮物抽獎，本意是刺激用戶參與和消費，但若只是考慮賺錢不吐福利，你的獎品與幾率配比用戶一看就不愿意參與了，反倒還要勸阻那些參與的抽獎的用戶，這就是一種平衡的體現(xiàn)，而帶來的體驗差異也不小。

結語

考慮到產(chǎn)品各自都有自己的特點或差異，沒有辦法寫出一套詳細通用的文檔模版，所以本篇中更多的是側重了設計思路與整體觀念，盡管沒有交付一份能夠直接可用的作業(yè)，但是結合我們平時對相關產(chǎn)品的使用認知，以及基礎的分析能力，這篇文章應該足夠大家設計出一套基礎可用可擴展的禮物交互框架了，希望當你在設計禮物交互相關的工作時，本篇中的設計思路與擴展方向能為你帶來幫助，最后歡迎留言私信一起交流。