秀場直播-直播間視覺簡析

秀場直播－直播間視覺簡析

上期分享了秀場直播的首頁布局的模塊設計，通過分析，獲得了一些在以後的工作中可以參考的比較好的設計。今天繼續分析上期的幾個直播（Now、YY、花椒、六間房）直播間的界面設計。

題外話，為了做這個對比分析，打開了這幾個直播進行體驗，發現很容易被直播間的內容所吸引，一不留神一下午就過去了，導致晚上趕文章（捂臉）…

大綱

直播間頂部信息區域

互動留言區域

直播間頂部信息區域

直播間的布局主要分為，直播間信息、主播畫面、留言、底部操作區。如下圖：

直播間信息，包括主播名字／ID／個人魅力值／特權粉絲／當前直播間有多少觀眾／關注按鈕等。這幾個直播的頂部信息布局基本一致，信息展示也比較清晰，沒有太多可挑剔的地方。相較與其它三個直播，六間房直播由於頂部導航欄與直播畫面是獨立存在的，導致頂部信息有分割，其它三家的信息體驗更沉浸式。如下圖：

排名信息

直播之所以吸引這麼多人去觀看，除了主播的高顏值和才藝之外，及時反饋、成就感、社交動力也是吸引人們觀看直播的因素。

頂部信息中有一個細節吸引我的注意，就是頂部特權粉絲排名。排名信息是體現成就感的一種方式，那我們看一下，這幾個直播產品是如何體現和設計排名信息的。

騰訊Now直播：特權粉絲排名是用1、2、3...體現，讓排名信息一目了然。點擊排名的頭像，展示的信息有用戶的特權，和排名第一的原因。這樣的信息展示，讓其它想進入排名的用戶就知道我怎樣才能擁有排名。Now直播的排名機制是，按一周在線時長進行排名。

花椒直播：花椒直播的排名是用圖標，按不同的顏色展示的。這種圖標來體現排名順序，相較而言沒有Now直播那麼清晰。排名機制是送禮數量。

YY直播：花椒直播的排名是用圖標，加文字按不同的顏色展示的。比較有意思的地方是，圖標的文字是按古代貴族的等級劃分：王、公、侯、伯、子、爵，且圖標的刻畫比較精細，很有質感。排名機制是開通貴族許可權。

六間房直播：六間房的排名方式是勳章的樣式，但名稱變成「守護」，意思是守護主播，但是要點開之後，才能看到哪些用戶是守護者。排名機制也是開通許可權。

互動留言區

及時反饋和社交動力在直播互動區體現的比較明顯，如果等級比較高的，留言前面也會有特別的標籤。當你進入直播間的時候，主播就會打招呼，歡迎新來的寶寶…沒關注的寶貝，點右上角請關注；當你留言比較有趣的時候，主播會回答你的問題或跟你對話。作為一個普通宅（diao）男（si），美女跟你打招呼，跟你互動聊天，這個是現實生活中很少存在的。讓你的存在感得到來滿足，這個也是直播吸引大批宅男觀看的原因。如下圖：

信息的區分上，要注意的一點是，互動區域文字很多，也有不同類型的消息，如：留言、關注、系統消息等。不同的信息要進行區分。個人比較喜歡的是Now直播和花椒，信息區分明顯有層次。

標籤的設計上，需要符合整體的設計風格，傳遞出設計的品質感。這四個產品標籤放到一塊，哪個讓人看著舒服，有品質感，想必大家都很清楚了。就好像在路上看到一個美女，你可能也會多看一眼。

界面相對一個產品戰略、框架、邏輯來說雖然是很表層的東西，但是當同類產品在功能和功能體驗上沒有差別的時候，界面設計出彩的話，在一定程度上提高了產品的附加價值。

當然，這也考驗設計師的設計功底和話語權，光設計一些符合產品定位的，設計師認為好看的視覺稿還是不夠，讓站在設計師背後指點江山的Boss買單才算一個完美的結局。

那分析這些有作用么？當然有作用，分析別人的作品，你會思考，這個地方為什麼這樣做，好在哪裡。不好的地方，你會如何去優化；看到好的處理方式，可以借鑒，不好的地方可以規避。在這種分析中提高自己的觀察力和分析能力，也是提高自己設計功力的一種方式。

以上的視覺分析都是站在個人的角度去思考，完全排除了產品的一些實際情況、業務需求等因素的影響。分析有些片面，如有不妥請多多指正。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！