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