星直播app是一款泛娛樂視頻直播產(chǎn)品，依托雄厚的游戲用戶資源，星直播在誕生起就無需擔心用戶拉新問題，可以集中精力維護用戶的促活、轉(zhuǎn)化、留存工作。本次設(shè)計，新增了星聞版塊和活動版塊，完成關(guān)鍵頁面的交互和視覺設(shè)計。
作為面試題，需求方的app還處于開發(fā)階段，招聘單位的要求是時尚大氣簡潔明亮的秀場直播產(chǎn)品。由于對方未說明具體的內(nèi)容形態(tài)，因此需要自行構(gòu)建整個產(chǎn)品的架構(gòu)。我主要從以下幾個方面著手：
1.理解秀場直播的概念，體驗競品加深對直播產(chǎn)品的認知，并對競品的內(nèi)容進行歸類。這樣做的目的是為了搞清楚秀場直播的定義和內(nèi)容形態(tài)，初步劃分為才藝(唱歌、跳舞、小品、脫口秀)、互動(與粉絲交流)、生活;
2.深入體驗競品，包括與主播進行互動，了解產(chǎn)品的體驗流程及運營模式，發(fā)掘機會點。
3.在信息架構(gòu)層面解構(gòu)競品，研究其產(chǎn)品運營與信息架構(gòu)的關(guān)系，也為星直播的信息架構(gòu)搭建提供有用的思考方向。
4.制定星直播的產(chǎn)品策略，確定以構(gòu)建完善的主播發(fā)掘與成長機制，推動并鼓勵主播生產(chǎn)優(yōu)質(zhì)內(nèi)容為核心，并以差異化策略進入移動視頻直播行業(yè)市場。為進一步證明差異化策略的必要性，我引入了經(jīng)濟學(xué)的行業(yè)生命周期理論，分析移動視頻直播行業(yè)當前的外部環(huán)境，得出移動視頻直播行業(yè)正處于成長期的高速成長階段的結(jié)論，這一階段的策略，除了提升內(nèi)容質(zhì)量外，還應(yīng)當在內(nèi)容形態(tài)上有獨特性的優(yōu)勢，以區(qū)別于同行，我還查閱了相關(guān)權(quán)威報告以佐證這一結(jié)論。
5.基于前期做的競品分析，提煉星直播的內(nèi)容形態(tài)。星直播的內(nèi)容包含泛娛樂分類的才藝、生活、互動，其中生活分類選取旅行和美食作為主要的內(nèi)容方向。
再美好的愿景也需要落地才能實現(xiàn)，否則就只是空談。因此，需求的梳理十分有必要。我依據(jù)用戶、場景和路徑的需求梳理流程開展工作。
1.用戶行為分析
星直播的用戶角色有主播、觀眾，其中觀眾可以再度細分為粉絲、路人。
主播是星直播的內(nèi)容生產(chǎn)者，有權(quán)威報告表明，42.4%的主播將分享生活作為直播的主要動機，而6.4%的主播則是出于獲利。星直播提倡PUGC的內(nèi)容輸出模式，主播由松散個人向規(guī)范管理轉(zhuǎn)變，網(wǎng)紅經(jīng)紀公司成為內(nèi)容提供者。對于分享生活動機的主播，物質(zhì)獎勵的措施不足以鼓勵主播生產(chǎn)優(yōu)質(zhì)內(nèi)容，強化專業(yè)程度，這一類型的主播更傾向于精神激勵，例如星直播提出授予優(yōu)秀主播稱號等措施;對于獲利動機的主播，粉絲的打賞占比較大的比重，但不穩(wěn)定不均衡，甚至出現(xiàn)了主播為了打賞刻意違反平臺規(guī)定，因此僅依賴打賞的方式鼓勵主播生產(chǎn)優(yōu)質(zhì)內(nèi)容并不可靠，應(yīng)該著重于提高主播自身的商業(yè)價值，完善主播的挖掘與成長機制。
觀眾是星直播的收入貢獻者，根據(jù)過往的生活經(jīng)驗，觀眾用戶中有可能會部分轉(zhuǎn)化成為廣告客戶。有權(quán)威報告表明，站內(nèi)互動方式以評論、關(guān)注、分享為主，27%的觀眾私信主播，站外68.8%的用戶會關(guān)注主播。對于一般觀眾，除了提供良好的觀看體驗外，提高轉(zhuǎn)化率和降低跳出率很關(guān)鍵。對于潛在廣告客戶，更注重的是主播的投資價值，例如人氣、影響力、專業(yè)方向匹配度、主播形象是考核主播投資價值的重要因素。
2.場景分析
主要是把每個角色的場景、需求、目標都一一列出來，然后把需求打碎、重組，最后規(guī)劃出有關(guān)功能。
舉個栗子：
星聞模塊的需求：定期選擇最優(yōu)質(zhì)的文章匯總，然后推送給用戶，以節(jié)省讀者篩選優(yōu)質(zhì)文章的時間，并增加潛質(zhì)主播的曝光率以提升路人用戶的轉(zhuǎn)化率。
文章資源從哪里來?星聞的文章均由主播發(fā)表，直播平臺通過完善的評審機制，對特定時間區(qū)間發(fā)表的文章進行評審分級，選擇最優(yōu)質(zhì)的文章集合在一起推送給用戶。那每次推送多少條?人們在閱讀列表的時候，往往會快速掃描，直至感興趣的話題出現(xiàn)，才點擊進去閱讀更詳細的內(nèi)容。精選文章頁面設(shè)計的目的是為了節(jié)省用戶篩選的時間，推送的內(nèi)容在感知用戶偏好的基礎(chǔ)上，將符合用戶興趣的文章預(yù)先篩選，評審出優(yōu)異品質(zhì)的文章。因此，每次推送的文章不宜過多，減輕用戶的眼球運動量，縮短拉取信息的路徑，列表長度控制在兩屏內(nèi)比較合適。
用戶觀看直播的主要動機是放松心情和打發(fā)時間，還有部分用戶觀看直播的動機是為了獲取知識。這可能會造成不同內(nèi)容的主播所獲得的關(guān)注度差異比較大，冷門內(nèi)容的優(yōu)秀主播可能會因此無法獲得更多關(guān)注，甚至是零關(guān)注。星聞精選欄目和首頁推薦直播欄目設(shè)計的初衷是為了解決這一問題而開設(shè)，通過平臺官方精選文章的方式發(fā)掘潛在的優(yōu)秀主播，從而達到鼓勵優(yōu)秀主播生產(chǎn)更多優(yōu)質(zhì)內(nèi)容，最終提升整個直播平臺的內(nèi)容質(zhì)量。
1.構(gòu)建信息架構(gòu)
星直播期望通過優(yōu)質(zhì)專業(yè)的內(nèi)容策略吸引及留住用戶。主播用戶是星直播的內(nèi)容生產(chǎn)者，根據(jù)有關(guān)報告，用戶的直播動機有分享生活、獲利等。根據(jù)馬斯洛需求層次理論，不同動機的用戶有不同的需求，僅僅物質(zhì)層面的激勵只能滿足以獲利為主要動機的用戶，因此需要在精神層面給予用戶肯定及認可的獎勵。目前國內(nèi)的移動視頻直播競品的激勵方式大部分以物質(zhì)層面的觀眾打賞為主。而國外的競品，打賞只是其中一種物質(zhì)激勵方式之一，此外還有廣告植入、付費優(yōu)秀內(nèi)容等。星直播引入廣告植入模式，嘗試通過增加商業(yè)變現(xiàn)渠道的方式，完善主播的激勵機制，推動內(nèi)容的可持續(xù)優(yōu)質(zhì)輸出。
2.分析需求，繪制頁面流程圖
頁面流程圖(flowchart)用于表現(xiàn)頁面之間的流轉(zhuǎn)關(guān)系，規(guī)劃用戶行為路徑，引導(dǎo)用戶達成目標和完成任務(wù)。
例如進入直播間的流程，主要通過首頁和直播頻道進入兩種方式，這里是首頁訪問的方式。
3.梳理信息層級，繪制線框圖
星直播app通過多種激勵措施鼓勵主播生產(chǎn)更多品質(zhì)較高、更加專業(yè)化的內(nèi)容，進而進一步提升直播平臺的內(nèi)容品質(zhì)。為提高激勵措施的吸引力及持續(xù)推動力，星直播嘗試從主播激勵體系著手，分析競品及其他類型app的用戶激勵機制，梳理適合星直播的主播激勵體系，即精神獎勵捆綁物質(zhì)獎勵的模式，鼓勵主播努力提升內(nèi)容品質(zhì)，從而提高自身的商業(yè)價值。
(1)下面我以直播間為例，闡述我的觀點。
在直播間頁面，與競品一致的是，均由主播屬性區(qū)、互動區(qū)及觀看區(qū)組成。除此之外，星直播將競品均獨立設(shè)置的觀眾頭像區(qū)收納至滑出列表里，入口放置到互動區(qū)，而原來的觀眾頭像區(qū)則改為圖片廣告欄。
廣告植入是主播除觀眾打賞外的另一種直接收入來源。原則上，廣告的銷售價格由客戶與主播自行協(xié)商，主播掌握著定價的主動權(quán)，往往能制定出符合自身期望的價格。將廣告的自由定價權(quán)作為激勵措施，促使主播努力提升以達到成為推薦主播的標準，使主播在獲得推薦主播榮譽的同時，獲得自由定價權(quán)的獎勵。
根據(jù)艾瑞咨詢的移動直播用戶報告顯示，各種類型的用戶對廣告的接受度普遍較低，尤其是需要跳轉(zhuǎn)后才展示的純文字廣告(24.2%)和對直播間氛圍影響較大的評論廣告(27.9%)，用戶的接受度顯著下降。用戶對廣告的排斥，主要在上網(wǎng)體驗、廣告內(nèi)容及網(wǎng)絡(luò)安全三大因素，因此需要在廣告內(nèi)容審核進行加強，并關(guān)閉外鏈，降低用戶的焦慮。
在上網(wǎng)體驗方面，廣告的排布位置必須謹慎地權(quán)衡對比，選擇既滿足商業(yè)價值最大化，又對用戶的觀看與互動體驗影響最低的方案。這意味著廣告位置必須具有高度能見性，不容易被用戶無視，但又不能影響用戶的觀看體驗和互動體驗。我分別從視覺流程規(guī)劃、握持方式及中央視覺三個方面探索廣告位置排布的最適合方案。
視覺流程是指界面設(shè)計對于用戶的視覺引導(dǎo)，第一眼看哪，第二眼看哪，哪里多看一會，哪里少看一會，這些都可以通過頁面視覺流程的規(guī)劃來實現(xiàn)。要保證廣告位置的高度能見性，廣告位置必須離視覺流程線較近距離，使用戶在視線移動過程中自然而然地發(fā)現(xiàn)廣告的存在。一般的視覺流程簡單的說是“從上到下”“從左至右”，心理學(xué)認為上方和左方易受到重視。在剛進入直播間的一定時間內(nèi)，用戶的視覺流程遵循主播屬性-觀看區(qū)(直播區(qū))-互動區(qū)評論部分-互動區(qū)打賞部分-關(guān)閉按鈕的流程。隨后，隨著時間的推移，用戶進入了穩(wěn)定的觀看狀態(tài)，視覺中心停留在屏幕中心略微偏上的區(qū)域，視線會主要在觀看區(qū)與評論部分來回流動，偶爾會往打賞部分流動，我將在中央視覺方面進行具體分析。
下圖是用于描繪此視覺流程：
圖中，流程2和流程3顯然不合適排布廣告位，會增加用戶的反感，排除。剩下流程1、流程4和流程5可選。
良好的互動體驗應(yīng)該是不容易誘發(fā)誤操作的，又能讓用戶使用最低成本觸達目標。如果廣告位排布在流程1的位置，由于靠近關(guān)注按鈕，很大幾率會觸發(fā)誤操作，用戶犯錯的成本比較低，因此，流程1也不是合適的位置。那么就剩下了流程4和流程5可選了。
來自Steven Hoober的一篇文章指出，與手機進行交互的用戶，無論是操作觸屏或是手機按鍵，主要是以下面三種基本的方式持握的：單手 - 49%，環(huán)握 - 36%，雙手 - 15%。手機握持方式影響著用戶在屏幕上的可觸及范圍，綠色表示該區(qū)域是用戶可以很輕松就操作到的，黃色則是需要用戶進行一些手勢的屈伸，而紅色區(qū)域代表了用戶需要變換手持方式才能夠觸及。
單手握持方式：
雙手環(huán)握方式：
雙手使用方式：
雙手使用方式中，豎屏占90%，橫屏占10%。
星直播的界面固定為豎屏模式，所以橫屏的情況可以不考慮。綜合以上三種基本握持方式，用戶觸及目標的成本較低的區(qū)域均集中于屏幕的下半部分，這意味著排布廣告位于此區(qū)域內(nèi)，觸發(fā)誤操作的幾率大大增加，所以流程4理應(yīng)排除。
那么我再繼續(xù)分析流程5是否合理。
一般來說，廣告商業(yè)價值與它所處位置受到的關(guān)注度成正比，越容易被用戶看見，其商業(yè)價值越高。前面提到，用戶在進入直播間一段時間后，便會進入穩(wěn)定的觀看狀態(tài)，用戶的視線會在觀看區(qū)(直播區(qū))與互動區(qū)來回移動。用戶在觀看直播時，即進入注視影像的狀態(tài)，觀看區(qū)(直播區(qū))成為視覺中心。當人們注視一個點目標時，點目標成像在視網(wǎng)膜的中央凹處，所以視線應(yīng)該是點目標與中央凹的連線，無論單眼還是雙眼，在視野范圍內(nèi)都會形成中央清晰視覺區(qū)和周圍模糊視覺區(qū)。所以此時觀看區(qū)會處于中央清晰視覺區(qū)，這個范圍大約是水平視野范圍內(nèi)以中線為中心的75度到95度間，但水平和垂直視野中只有2度范圍內(nèi)是最清晰的。
雖然眼睛清晰觀看的角度很小，但對于觀察清晰度很低的區(qū)域，還是很容易發(fā)現(xiàn)出現(xiàn)的運動的、清晰度變化的或者新的觀看對象。這時，可以適時的將注意力轉(zhuǎn)移到相應(yīng)的空間部位上，將視線投向該處。
因此，流程5的位置在通過輪播的方式，依然會被用戶注意到。
我不敢說流程5的位置排布廣告位置是商業(yè)價值最高的，但卻是平衡了用戶觀看與互動體驗和商業(yè)價值的結(jié)果。
(2)內(nèi)容決定形式，版式設(shè)計應(yīng)當滿足功能需要。
我將以星聞模塊-精選頁面的設(shè)計為例，闡述我的思考過程。
精選頁面的內(nèi)容來源于主播所發(fā)布的文章，經(jīng)過直播平臺精心挑選，并匹配用戶興趣推送給用戶。精選頁面的文章僅憑內(nèi)容品質(zhì)獲得展現(xiàn)機會，推薦主播榮譽并不能幫助主播獲得更多展示在精選頁面的機會。
精選頁面的內(nèi)容按照限時限量的原則推送給用戶，每次推送的內(nèi)容都必須經(jīng)過人工評審。這是因為，隨著直播平臺的發(fā)展，平臺上內(nèi)容的量會變得越來越多，而用戶發(fā)現(xiàn)好內(nèi)容的成本則越來越高，基于這一點考量，精選的內(nèi)容必須體現(xiàn)“精心挑選”“限量”的要求。我從圖文列表排版和限量兩方面分析，尋找精選頁面的版式設(shè)計方案。
采用圖文列表的排版是基于兩點考慮：圖形的感染力和用戶掃視列表過程中的視覺暫留。
圖形具有強大的感染力，是版式中吸引眼球、喚起情感、表達內(nèi)涵最重要的視覺符號，照片還具有真實性和說服力。在文字列表中加入圖片，能吸引用戶的注意，同時，圖片還具有良好的視覺流程導(dǎo)向作用。
用戶在閱讀文字列表時，眼球做掃視運動，掃視的速度非?？欤俣雀哌_每秒1000度。這有可能會造成平臺期望用戶閱讀的信息被用戶忽略掉。因為圖片具有吸引眼球的作用，用戶在掃視過程中，會被圖片所吸引，從而在圖片上暫時性的駐留，并閱讀旁邊的文字信息。
對推送給用戶的信息做數(shù)量上的限制，那么限制在多少條內(nèi)合適呢?
人類認知活動的機制是感知系統(tǒng)接受來自環(huán)境的刺激，將其進行編碼后遞交給記憶系統(tǒng)，與記憶中的信息加以比較和匹配。美國心理學(xué)家喬治·米勒教授通過大量的實驗證據(jù)表明，隨機刺激單元組塊的記憶廣度是5-9個組塊。由于精選的文章是經(jīng)直播平臺評審過，內(nèi)容品質(zhì)方面較有保證，并根據(jù)用戶的喜好進行推送，所推送的文章比較符合用戶的期望，不需要用戶花費大量的時間進行篩選，因此推送的文章數(shù)量必須體現(xiàn)少量。所以，精選文章每次推送的數(shù)量在設(shè)定在5-9條內(nèi)是比較合理的。
我從以下4四種常見的圖文列表版式中對比分析：
精選頁面的文章具有定時推送，每次推送的文章較少，故而選擇內(nèi)容卡片比較合適。
卡片是包含一組特定數(shù)據(jù)集的紙片，有可變的高度和固定的寬度，最大高度限制于可適應(yīng)平臺單一視圖的內(nèi)容?？ㄆ贿m合需要快速掃視的列表。精選頁面每次推送的文章限制在5-9條，不需要用戶快速掃視，一般的圖文列表不太適合。
星直播鼓勵主播們努力提升內(nèi)容品質(zhì)以提高自身商業(yè)價值，成長為推薦主播。由普通主播成長為推薦主播，人氣并不是唯一的考核因素，亦不是最重要的，因此，一名主播要成為被認可的推薦主播，必須從內(nèi)而外的改變自身，提升優(yōu)質(zhì)內(nèi)容的生產(chǎn)力，用化繭成蝶的詞語來形容一點都不為過。因此，星直播的logo形象選擇了蝴蝶作為形象以闡釋這一理念。
在探尋星直播的視覺形態(tài)過程中，我加入了用戶數(shù)據(jù)作為參考，提煉視覺設(shè)計的關(guān)鍵詞。根據(jù)艾瑞咨詢的用戶報告顯示，中國視頻直播用戶中，年齡以25-30歲人群占比最高，此外，35歲以下用戶群體占比超過75%，年輕化趨勢明顯。用戶特征可以概括為年輕、活力、陽光。
基于以上的用戶數(shù)據(jù)和星直播的特點，我得到了視覺設(shè)計的方向，將視覺設(shè)計關(guān)鍵詞確定為：激情、清晰、輕快。
根據(jù)設(shè)計關(guān)鍵詞，我定義了色彩、圖標及界面元素和整體視覺風格。
(1)強調(diào)品牌色，配以平衡色彩特性的輔助色
星直播強調(diào)用激情做直播事業(yè)，因此選擇了紅色作為品牌色，由于星直播的用戶群是非常具有活力的年輕群體，在紅色的基礎(chǔ)上，我加入了少許代表活力的橙色，使紅色增添了活力的色調(diào)。為平衡紅色在頁面中過于浮躁，以及高飽和度暖色調(diào)亮色不利于長時間觀看的問題，我加入了冷色調(diào)飽和度降低了的藍紫色。此外還加入了代表年輕的黃色作為點綴色，在部分場景下使用這一顏色。
(2)圖標輕質(zhì)感，簡潔易識別
設(shè)計過程中，對圖標的造型、風格、質(zhì)感進行了探索，結(jié)合視覺關(guān)鍵詞，所有的圖標都沿用了統(tǒng)一的質(zhì)感表現(xiàn)方式，使圖標簡潔易識別的同時，更具有品質(zhì)感覺。另外，根據(jù)應(yīng)用場景定制不同的設(shè)計策略，例如一級導(dǎo)航、輔助圖標等。
(3)適當增加留白，保持頁面干凈、清晰
迎合現(xiàn)在的趨勢，減少不必要的元素，適當增加留白，使用大量高清大圖以吸引用戶注意力及提升界面的品質(zhì)感。為使頁面更統(tǒng)一及可讀性，所有的圖片尺寸比例都被統(tǒng)一定義為最適合人眼觀看的16：9，使單一視圖內(nèi)，能展現(xiàn)更多的直播內(nèi)容，縮短了用戶拉取信息的路徑，除此之外，為響應(yīng)星直播的產(chǎn)品策略，即鼓勵主播輸出優(yōu)質(zhì)內(nèi)容，在直播間的封面圖方面也遵循這一比例，并鼓勵主播上傳優(yōu)質(zhì)圖片作為封面，使封面圖成為內(nèi)容的重要組成部分。
寫總結(jié)，是為了吸取經(jīng)驗教訓(xùn)，更好的指導(dǎo)今后的設(shè)計工作。設(shè)計過程中，由于時間限制的關(guān)系，視覺設(shè)計方面沒有深入打磨，雖然不會影響觀瞻，但也顯得比較普通，這是比較遺憾的。
