騰訊ISUX
isux.tencent.com
社交使用者體驗設計
QQ紅包作為一個已上線4年的基礎功能，在過去的一段時間經曆了定位轉變，使用者資料下滑等問題。随着幾個新玩法的推出，QQ紅包又重新受到了年輕使用者群體們的關注和歡迎，成為“沙雕”網友們日常的快樂源泉，那麼這些玩法是怎麼設計出來的呢，本文為你揭開背後的故事。
前言
2019年8月中旬，QQ紅包上線了成語接龍玩法，因為“一個頂倆”這個無解的接龍成語，引發了網友們的熱議，相關的話題沖到了知乎當日問題熱榜第一位，微網誌上也有很多的讨論和轉發，甚至還有網友自發創作了相關的鬼畜視訊和表情包。
8月底，跟随QQ 8.1.3版本的釋出，QQ紅包又上線了畫圖紅包的玩法，瞬間又引起了網友們的關注，在沒有任何推廣的情況下，獲得了超高的熱度。靈魂畫手們紛紛登場，寫實派和抽象派同台競技，為大家奉獻了一幅幅“精彩”的畫作。
這些紅包玩法受到使用者的歡迎，獲得了許多贊譽。但是，它們的推出并不是一蹴而就的，而是項目團隊許多次探索和打磨的結果。那麼，這些QQ紅包新玩法是怎麼設計的呢，現在讓我們揭開背後的故事。
QQ紅包是什麼？
在開始之前，讓我們先了解一下QQ紅包這個業務，QQ紅包是什麼？
QQ紅包上線于2015年，初期承擔着搶占移動支付市場佔有率的重任，随着移動支付滲透率的日趨飽和，QQ紅包原來的戰略使命已逐漸淡化。如今，QQ紅包的角色已經轉變成為一個QQ社交生态中的重要社交工具。
不同于微信紅包和支付寶紅包，QQ紅包的使用者群體更加年輕，90後，95後，00後占比達到了80%。
QQ紅包新方向：貼合年輕使用者喜好，拓展新的玩法
QQ紅包的使用者群體如此年輕，對于新鮮有趣的事物有着強烈的好奇心，然而QQ紅包原有的拼手氣，專屬紅包，文字密碼，語音密碼等玩法，上線時間都已經超過2年，使用者對于這些紅包玩法的新鮮感正在逐漸下降。
為了重新給年輕使用者帶來新鮮感，我們明确了QQ紅包的新方向：更加貼合年輕使用者的喜好，不斷拓展紅包新玩法，讓紅包更加年輕化、社交化、娛樂化。
如何找到QQ紅包玩法切入點？
明确了QQ紅包的新方向，那麼要如何找到QQ紅包玩法的切入點呢？我們做了許多前期的探索和嘗試。
高效用研，聽取年輕使用者的聲音
我們從身邊的親朋好友尋找QQ紅包的年輕使用者，直接與他們溝通，來獲得他們對QQ紅包的真實回報。通過自費給予報酬，或者降低自己的年齡，來拉近與年輕使用者的距離，以此與他們維護良好的關系，在後續的設計中，這些年輕使用者給了我們很多的啟發和建議。
整理問題點，推導設計方向
我們通過對年輕使用者進行訪談，了解到了QQ紅包現存的3個主要問題：金額少、場景少、趣味少。
根據使用者回報的問題，我們對應的推導出了QQ紅包的設計方向。
情感化：除了金錢之外，可以讓使用者一同發出能表達情感的内容；
互動性：挖掘社交、娛樂場景，讓使用者能用與好友紅包玩起來；
趣味性：設定一定領取門檻，讓使用者進行額外的操作，提升使用者的參與度和趣味性。
快速CE，驗證設計方向
明确了紅包的設計方向，我們開始了初步玩法嘗試，以情感化作為切入點，設計了語音明信片紅包方案，讓使用者在發送紅包時，編輯一張電子賀卡，并錄制語音消息，連同紅包一起發送出去，以此向好友傳達金錢之外的祝福、感謝、思念之情。
在完成語音明信片紅包的方案設計後，我們找到使用者進行快速CE，以驗證方案的可行性。驗證結果發現使用者對這個玩法不是很感興趣，使用者覺得在發紅包時編輯明信片很麻煩，還有一些使用者認為明信片已經是上個時代的事物，不太喜歡以這種形式發紅包。
深挖場景，從年輕使用者的喜好中找切入點
情感化的方向不受年輕使用者的歡迎，我們繼續從互動性和趣味性方向尋找切入點。通過與使用者溝通，研究95後，00後相關調研報告，搜集年輕使用者喜好的興趣點，并從中篩選出可行紅包玩法的切入點。
通過對比和篩選，我們最終确認了“K歌”這個切入點。主要有兩個考慮點，一個是互動性，商場迷你KTV的興起，使得K歌成為年輕使用者社互動動的熱門選擇。另一個是趣味性，我們可以與全民K歌合作，采用全民K歌的評分技術，設定領取紅包的門檻。
新紅包玩法：K歌紅包
K歌紅包的主要玩法：唱歌達标領紅包，發紅包者選擇歌曲片段與紅包一同發出，領紅包的人需要唱出歌曲，并且K歌評分達标之後才可領取紅包。
在結合K歌玩法和QQ紅包的過程中遇到了許多問題，我們對體驗細節進行了打磨。
1.保證紅包基本玩法-搶
對于紅包而言，快速搶到紅包仍然是最基本的玩法。正常的K歌，唱完一首歌大概要3-4分鐘，難度大且投入成本高，使用者會因為擔心紅包被搶光而失去耐心。這裡我們隻截取每首歌的副歌高潮片段，時長為8-20s，并外顯這一時長資訊，讓使用者沒有心裡負擔，可以快速唱完并成功搶到紅包。
2.做減法
全民K歌的K歌主界面有十分豐富的功能，如果全部照搬到QQ紅包上，會給領紅包的流程造成幹擾。我們把不必要的功能全部剔除，隻保留核心的K歌體驗，讓使用者減少決策，更專注于搶紅包本身。
3.結合實際場景思考
在進行紅包玩法設計時，我們會更多的思考使用者領紅包的實際場景，而不是依賴思維慣性而設計。舉個例子，K歌紅包領取紅包的主要互動操作，初期有兩個選擇，一個是按住button唱歌，另一個是點選button唱歌。
因為QQ語音密碼紅包，以及QQ發送語音消息，都是按住說話，如果按照思維慣性會選擇按住button的方案，但是結合實際場景思考，如果按住button唱歌，螢幕離眼睛太近，使用者很難看清紅包封皮上的歌詞，是以我們最終選擇了點選button開始唱歌的方案。
4.增強使用者間的多向互動
原本發紅包的互動，是發紅包者和收紅包者之間的雙向互動，收紅包的人搶到紅包後，會回複文字“謝謝老闆”或是一個感謝表情包，互動的形式較為單一。
新的K歌紅包玩法，使用者K歌的片段以語音的形式發送到聊天窗，并且展示K歌的評分，這樣讓發紅包的人更有滿足感，能引起收紅包者之間的互動讨論，甚至能激發使用者的競争排位心理。
這樣一來，不僅僅是發紅包和收紅包者之間的雙向互動，還有收紅包人之間的多向互動。K歌紅包玩法上線後，受到了使用者的歡迎，許多使用者喜歡用《學貓叫》這首歌來“戲弄”好友。
提煉創意公式，持續拓展紅包玩法
根據K歌紅包的經驗，項目團隊開始有意識的尋找紅包玩法方案的共性，逐漸抽象提煉出一個紅包玩法的創意公式：互動性+趣味性+基礎紅包=新紅包玩法。
其中，互動性是指從年輕使用者喜好的事物篩選，尋找可以激發使用者産生互動的切入點；趣味性是指技術手段可實作的，設定一定的紅包領取門檻，讓使用者更有參與感。
具體的玩法流程，則是發紅包的使用者在輸入紅包金額後，選擇一個互動内容/題目，通過技術手段設定領取門檻；收紅包的使用者需要進行操作，并比對上預設的門檻，才可成功領取紅包；而操作的過程會生成内容，并發送到聊天視窗，讓使用者間産生多向互動。
以紅包玩法創意公式作為設計思路，項目團隊又一起共同腦暴細化方案，推出了表情紅包，以及本文開頭提到的接龍紅包，畫圖紅包玩法。
表情紅包
做表情領紅包，使用者在發紅包時選擇一個表情模版與紅包金額一同發出，領紅包的人需要打開手機攝像頭，并根據表情模版做出對應的表情動作，通過面部/動作識别技術，判定所做的表情比對模版後才可領取紅包，領紅包使用者所做的表情也會生成一張表情gif圖發送到聊天窗中。
做減法:減少使用者DIY，預設内容模版
市面上制作表情gif的app，支援使用者DIY内容，但是在領紅包的場景，使用者更關注紅包本身，因而需要做減法，減少使用者的操作。為此，我們根據不同的表情模版配置好對應的濾鏡，貼紙和特效等内容，使用者隻需一步操作，就可以錄制生成一個效果完整的gif表情，并成功領取到紅包。
結合實際場景思考：讓使用者先預覽表gif效果
因為使用者拍攝生成的表情gif，最終會發送到聊天視窗中，考慮到使用者對自己個人形象的重視，是以在使用者的表情被成功識别後，我們先讓使用者預覽表情gif的呈現效果，此時使用者可以選擇重新拍攝一個更滿意的效果，也可以點選button直接領取紅包。
接龍紅包
接龍成語領紅包，使用者在發紅包時選擇一個成語與紅包金額一同發出，領紅包的人需要根據初始成語的末字拼音進行接力，通過拼音抓取識别技術，判定接龍成語拼音一緻即可領取紅包，下一個領紅包的使用者，需要接龍上一個人的成語繼續領取紅包，以此類推，直至該紅包被領完。
結合實際場景思考：拼音提示資訊實時更新
在群聊中搶接龍紅包，有很大幾率會出現一種情況，就是使用者根據上一成語的拼音開始輸入接龍成語時，該拼音的接龍成語已經被其他群友搶先輸入，并已領取到紅包了，此時如果使用者還是按最開始的拼音輸入，無法搶到紅包，體驗會十分糟糕。
這裡我們在輸入框上方做了一個小浮層設計，使用者點選領取紅包，小浮層出現并展示下一個接龍成語的拼音，給予使用者一個快速提示。除此之外，這個浮層的拼音内容是根據最近的接力成語而變化的，這樣使用者隻需關注浮層上的拼音内容，就可以輸入目前正确的接力成語，進而成功領取到紅包。
畫圖紅包
畫圖領紅包，使用者在發紅包時選擇一個畫圖題目與紅包金額一同發出，領紅包的人需要根據題目進行作畫，通過AI圖像識别技術，判定所畫的内容比對畫圖題目即可領取紅包，領紅包使用者所畫的作品生成一張圖檔發送到聊天窗中。
做減法：減少使用者設定，随機畫筆顔色
在設計初期，項目組為了讓使用者的畫作表現力更加豐富，曾考慮可以讓使用者自主調整畫筆筆觸的大小，畫筆顔色，以及畫闆的背景顔色等。經過讨論，确定仍遵循了“做減法”的設計原則，減少使用者對畫筆和畫闆的設定，選用随機畫筆色彩這一方案，來保證使用者畫作的差異性和豐富性。
結合實際場景思考：識别成功後，繼續完善畫作再搶紅包
畫圖紅包采用了AI圖像識别技術，隻需要識别到畫面中對應題目的特征，就可以判定使用者繪畫成功并可領取紅包。但是也會引發一個問題，就是使用者有時隻需畫一筆，比如鲨魚的背鳍，AI技術就可以判定使用者繪畫成功。這對于那些想要表現自己高超畫技的使用者而言是十分掃興的。為了照顧這部分使用者的感受，我們在AI識别成功畫作後，支援讓使用者繼續作畫，豐富更多的細節，并發到QQ群中去獲得贊美。
當然，對于那些隻想快速搶到紅包，并且不在意自己被稱為“靈魂畫手”的使用者，在AI識别成功後，也可以直接點選領取紅包。
增強使用者間互動：給畫作評分
與K歌紅包一樣，畫圖紅包後續期望能引入繪畫評分技術，屆時畫的越好的使用者，獲得的評分越高，這樣能讓大觸們可以一展身手，也能激發使用者畫出更好的作品，引發更多的互動和讨論。
這些QQ紅包新玩法上線之後，資料上都有爆發的增長，它們拓展了使用者的社交方式，刺激了群成員之間的互動，表情紅包成了使用者收割好友表情包的利器，接龍紅包讓大家重拾對成語的熱情，還有國小教師用接龍紅包進行成語教學，受到了國小生們的歡迎，而畫圖紅包則讓一衆靈魂畫手們得以揮灑天賦，成了“沙雕”網友們的快樂源泉。
服務新玩法，紅包體驗優化
随着紅包玩法的不斷拓展，一些體驗問題開始暴露，我們又進行全局性的梳理，對紅包進行了體驗優化。
拓展性
紅包玩法的不斷豐富，使得原有發紅包頁面架構無法繼續滿足新增的紅包玩法。為了保證發紅包頁面的拓展性，我們在頁面上劃分了内容區域，其中固定内容是紅包金額、個數這兩個必要資訊，而變動内容是紅包玩法資訊，例如表情模版，歌曲片段等。劃分内容區域後，固定内容區域資訊不變，而變動内容區域可以根據不同的紅包玩法而切換，以此發紅包頁面架構的拓展性，可以不斷相容新的紅包玩法。
一緻性
因為曆經不同設計師，各個紅包玩法的領取彈窗樣式，互動體驗不一緻，我們又劃定了紅包領取彈窗的玩法内容區域，統一主操作button的樣式，精簡提示文案，讓各個紅包玩法的領取彈窗保持一緻，給使用者傳達一緻的QQ紅包品牌感。
趣味性和儀式感
在後續的紅包設計中，我們也會在紅包中做一些趣味性和儀式感嘗試。比如在發紅包時，紅包頁面的背景或輸入框的顔色随着金額的大小而變化，金額越大變化越強烈，讓這個隐藏的小彩蛋給那些發大金額紅包的使用者一種尊貴感和滿足感。
除此之外，我們希望在收發紅包流程能給予使用者儀式感，比如封裝，拆開紅包的動效，适度加長拆開紅包的等待過程，營造一種拆紅包的儀式，以及收到紅包金額後的音效和光效等。通過多個儀式感元素的運用，讓使用者能在發紅包和收紅包中有更愉悅的體驗。
一些思考
創新不隻是全新創造，也可以是結合和轉化
K歌，自制表情包，成語接龍，以及AI識圖其實并不是新鮮事物，但是結合了紅包玩法，融入了搶紅包拼手氣的屬性，就有了更強的競争性和互動性。是以，創新可以不是全新創造，也可以是把現有的技術和玩法的做結合，或者進行轉化，隻要是這件事原來沒人做過，就可以稱之為創新。
維護使用者群，随時做用研
設計師可以通過身邊的親朋好友尋找使用者，并維護一個随時可以進行用研的使用者群體。這樣一來，我們可以快速地驗證設計方案，為方案決策提供依據，或者用于推動和說服項目成員，進而提升設計的決策效率。
結合實際場景思考，而不是依賴設計經驗
長時間的支援某個項目的設計，設計師會很容易形成思維慣性，完全憑借自己的經驗來進行設計，但是遇到一些特殊情況，如果仍然依賴思維慣性設計，就會脫離使用者基礎的需求。因而，設計師在做設計時要結合實際的場景，思考使用者的操作體驗流程，以及會遇到的問題，并為之進行針對性的優化設計。
抽象思維，提取設計共性，形成創意公式
在設計一系列的功能或玩法的時候，設計師可以抽象思維，去尋找方案中的共性，并逐漸提煉成一個創意模版，就像一個數學的公式，同一個公式可以套在不同題目上進行解答，甚至可以不斷的發散，延伸新的解題方式。設計同樣如此，如果提煉出了創意公式，就可以在功能和玩法中套用思路，不斷的拓展系列性的玩法。
關注使用者所喜愛的，通過内容引起傳播
網絡造梗時代，網友們的創作能力是十分強大的，一個具有話題性的内容往往能引起廣泛的傳播，如果說是“一個頂倆”是無心之作，那麼在後續的畫圖紅包以及其他紅包玩法中，我們會更加關注年輕使用者喜好的題目類型，去上線一些有一定難度的，并且有一定話題性的内容，滿足使用者的需求，引起更多的互動和傳播。
寫在最後
QQ紅包作為一個上線多年的功能，從最初的發展期，又逐漸進入成熟期衰落期。而新的玩法推出，讓QQ紅包又一次獲得了更多年輕使用者的喜愛，煥發了新的生命，當然，我們的腳步會不止于此，接下來，我們富有奇思妙想的項目團隊會繼續不斷探索嘗試新的QQ紅包玩法，給有趣可愛的使用者們帶來更多的歡樂。
PS：ISUX 開通粉絲QQ群啦！
歡迎各大設計師加入和我們一起聊設計~
添加QQ群：764345161
或長按以下二維碼
以下ISUX文章，你可能也感興趣
▽
二次元探索 | 卡噗3D角色設定
邂逅二次元愛豆 | 波洞星戰設定
暗黑天使太空鵝設定
QQ極簡與夜間模式設計
如何輸出清晰有效的設計方案
感謝閱讀，以上内容均由騰訊ISUX團隊原創設計，以及騰訊ISUX版權所有，轉載請注明出處，違者必究，謝謝您的合作。注明出處格式：
文章來自公衆号：
騰訊ISUX
( https://isux.tencent.com/articles/qq-red-envelope）
↓點選前往 ISUX 官網