什么?QQ空間也做直播了，沒錯在當今直播的熱潮下，國內外的直播產品大都是基于陌生人的關系鏈，且內容結構與視覺效果同質化嚴重。如何讓用戶更好的分享生活?如何為用戶提供差異化的內容消費?如何給用戶更多新鮮趣味的互動玩法?這是我們做直播希望解決的問題。

Qzone依托自身優勢，另辟蹊徑地發掘基于好友關系鏈的直播場景。與此同時，我們不斷探索更符合空間用戶直播的設計形態，發掘與競品的差異點，尋找直播的下一個突破口，通過系統化的設計，為用戶提供非一般的直播體驗。

系統化的互動體驗

1、互動形式探索

直播主要圍繞“主播與觀眾”之間的互動，其二者之間屬于強互動關系;同時“觀眾之間”也存在著弱互動關系(如：觀眾之間可以聊天)，良好的互動環境、趣味的互動形式，對于提升提升直播氛圍、提升互動體驗起著舉足輕重的作用。

通過對競品的分析,我們總結出目前直播產品常見的幾種互動方式：

通過對直播數據的分析，我們發現送禮的操作大都存在于PGC直播的場景，而在UGC的直播場景，好友間極少存在花錢送禮的需求。因此在UGC層面，我們也在探索除了滿足基本功能之外，更加有趣、刺激活躍的互動形式，這里我們創新性的設計了兩種互動玩法。

2、按信息優先級，布局產品框架

在項目前期，我們對交互框架在多個維度進行了分析與嘗試。

在功能模塊的劃分上，區分用戶操作與信息的優先級：功能操作>輕量互動>主播信息>房間信息。操作區域根據用戶的使用頻次來劃分優先級：點贊 >評論 >送禮。在互動區域的布局上，經過多次調整優化，最終布局實現了主播端與觀眾端框架上的統一。

3、信息的引流與閉環

直播開始時，可以通過Qzone的消息push，通知到好友及關注的粉絲;在直播的過程中，可以將直播分享給外部平臺，從而吸引更多觀眾前來圍觀;優質的直播可以通過直播聚合頁得到曝光。

信息閉環(沉淀)，當直播結束后，內容將以feed形式沉淀，支持回看，使直播得到二次曝光的機會，便于內容的再次傳播。

從整體到局部的打磨

1、全局觀意識

在初期探索中，我們從Qzone自身的角度來展開設計，但在QUI(對QQ衍生產品的統一)的大環境下，缺乏對QQ系列產品的一致性考量，因此，閉門造車已經無法成為衡量設計優劣的標準，站在全局觀的視角，整體權衡多個產品設計的語言及風格才是核心所在。

從具體的實現方案來看，頂部、底部、評論框的樣式設計都不太一致。因此，這次的設計我們統一思考了“Qzone、企鵝FM、全民K歌”三大平臺，在整體設計中更深入的去思考交互體驗、視覺風格的一致化。

2、保留與繼承

三個產品打通來設計，包括頂部主播信息、觀眾列表、底部操作、評論框全部一致化設計，在布局上也進行了統一。與此同時，又保留了各個產品原有的UI(圖形)風格、繼承了各產品的品牌色，空間：黃色、FM：黑金、K歌：紅色。

3、細節打磨

在頁面的設計中，每一個細節的優化，對最終的結果都有至關重要的作用。針對頁面頂部的信息，我們圍繞產品易用性、信息展示的完整度及優先級，做了更進一步的優化。

將幾個產品放在一起來設計，從整體風格的設定到細節的精細打磨，甚至多終端的一致性與延續性，需要對設計進行更加全面的考量。

酷炫的互動

直播的動畫 (效) 部分也內涵乾坤，包含：動態表情、禮物動畫、點贊動畫、動效庫的組建等。這里的設計初衷是希望豐富產品的屬性及其功能。從而增強設計的靈動感與趣味感，強化產品的情感化表達。

1、多元化的互動形式

我們也在不斷探索在UGC直播場景中，除了評論、點贊、送禮之外更豐富、輕量化的互動形式。動態表情則以QQ表情為原型，我們又重新包裝演繹，從而活躍UGC直播場景的互動量，讓直播的過程驚喜不斷。

2、禮物設計

在直播中送禮，要讓用戶覺得錢花的物超所值，因此，禮物需要體現出品質感，禮物要從題材到質感再到動畫，都有細致的設計表現，才會讓觀眾覺得很特別，才肯花錢買買買~

題材層面，針對主播類型我們分成了幾類禮物：通用、美食、教學、才藝。根據不同的直播內容，在真實的送禮場景上，讓用戶選擇與主播內容相匹配的禮物。比如才藝類直播，我們準備了：玫瑰花、金話筒等;美食類直播有：拉面、冰淇淋等。

表現層面，構圖上要讓禮物在畫面中顯得盡量飽滿，不同等級的禮物，也要在細節上有所區分，貴重的禮物從精致程度、畫面效果、細節層次都要有所體現，比如普通的“小星星”和昂貴的“一碗拉面”之間在細節上就需要拉開差距。在禮物質感的表現上，選擇了寫實的風格，適當夸張了其華麗的質感，希望讓用戶覺得花這個錢哄主播開心~值!

3、禮物動畫的一致性設計

既要保持禮物動畫在多個平臺的一致性，又不希望禮物動畫給手機性能帶來過多負荷，減少對手機性能的消耗，讓不同平臺的用戶可以有一致性的動畫體驗。因此，在禮物動畫的部分，我們根據ios和android的系統特性，每個動畫輸出兩套動畫資源，播放時長由后臺下發數據。

在ios平臺，全部提供動畫序列幀，設定好間隔時間，后臺直接讀取圖片資源進行播放;android平臺，考慮到手機性能，則做好單個的循環，然后由開發來控制位移、縮放、透明度等內容。所以，這里也制定了相對應的設計規范，以便更好地跟CP進行對接。在設計動畫的時候，也會有相對應的策略，如：帶軌跡動畫、固定位置播放動畫，以便之后的內容拓展。

4、點贊動畫

圖形融入了QQfamily的形象，一方面與競品具有本質上的差異化，另外，多樣化的點贊圖形、豐富而細膩的動畫效果，無疑為點贊的體驗增加了趣味性，讓點贊不再枯燥乏味，觀眾點贊的手根本停不下來。

5、動效庫的組建

此次的項目涉及到大量的頁面和控件之間的動效銜接，為了最大幅度地節省設計與開發的工作量，提升動效設計的一致性與可復用性，我們引入了facebook的origami動效原型工具。通過它，設計師在前期可以反復快速的在手機上測試動效。與此同時，針對相類似的互動，我們采用了一致的動畫參數，如：禮物浮層、觀眾列表、主播名片卡、結束頁面。在后期，分別為ios和android輸出兩套動效代碼，以供開發使用。

產品推廣短片

前期預熱短片：http://v.qq.com/x/page/x0302i8nqa4.html

視頻包裝圍繞青春、活力為主題，在直播中展現生活中最青春與富有活力的一面。生活化的直播，不僅僅是一個美顏后的靚妹，站在鏡頭前賣萌發嗲，博取觀眾的恩寵。這里希望通過發掘與提煉年輕一代的生活，展現他們積極向上生活態度。因此，我們為影片設定了三個主題，圍繞：柔軟時刻、壯闊風景、突破自我這三個主題，將故事內容逐漸豐富。

然后通過對影片素材的篩選，最后以緊湊的畫面剪輯，突出空間海量、熱鬧的直播氛圍，適時地加入輕松趣味的內容，輔助以輕松歡快的音樂節奏，以增強視頻內容的感染力。

520產品發布推廣短片：http://v.qq.com/x/page/v0302ep0q0s.html

圍繞“520+我愛你+love”的主題，結合用戶實拍的表白視頻，如何有節奏而又不落俗套地演繹這一內容?我們希望突破傳統電視臺的套路(即：很多人重復說一句話，最后生硬的剪輯在一起，最后湊成一句完整的話，太low!)。與此同時，又不想太拖延視頻時長，因此，文字與視頻疊加出現是我們這次的創意點。

視頻創意：為了避開文字對視頻內容的遮擋，讓文字內容與視頻有更多的連接感，確保這兩者可以有更好的視覺效果，這里采用了 “翻牌”的形式，與此同時還可以營造出“魔術般“的視覺效果。每次翻開都是不可預期的，用戶不知道下一刻會是誰來表白，從而制造驚喜的感覺。這里需要對分鏡頭做的極為細致，每個色板應該怎么翻，才會連接起來更順暢，不拖沓。在音樂高潮階段，主題文字剛好在同一時刻翻轉出現，這都需要對視頻從整體節奏，到卡片間的銜接邏輯有十足的把握。

小結

圍繞好友關系鏈的互動模式，發掘適于好友之間直播的玩法，在互動模式、界面設計、動效(畫)樣式、禮物質感、產品推廣都做了精致的打磨，通過系統化的設計，為用戶打造一個完善的直播體系。