李禕楊:為眼睛上一道“開胃菜”
站酷獎是由中國人氣設計師社群站酷網主辦的綜合性設計獎項,“2018站酷獎”共收到來自全球的參賽作品數千份,經過2輪嚴謹的評審,最終191件作品入圍,涉及16個類別,其中16樽站酷獎金獎和15樽評審特別獎也於2018 站酷獎之夜當晚揭曉。
“2018站酷獎”獲得業界廣泛認可的同時,我們也希望大家更多的關注獲獎者們不為人知的創作之路,站酷網特邀“2018站酷獎”評審特別獎得主們講述獲獎作品幕後的故事,畢竟你看得到他們臺前的光鮮,卻很少探得到他們幕後的付出,跟隨小編一起來傾聽他們的肺腑之言吧。
“2018站酷獎” APP類評審特別獎 《開眼 Eyepetizer 短視訊應用》
《開眼 Eyepetizer 短視訊應用》是一款精品短視訊日報應用,每天為使用者推薦精心挑選的短視訊,採用畫報風格,以卡片式的視訊展示形式呈現,卡片形式符合操作直覺,使用起來輕盈流暢,具有一定的獨特性和質感。
為眼睛上一道“開胃菜”
——訪2018站酷獎APP類評審特別獎得主 李禕楊
站酷網:此次獲得2018站酷獎出版物類評審特別獎的作品《開眼 Eyepetizer 短視訊應用》是一個怎樣的短視訊APP?
李禕楊:我一直很關注站酷,2017 年首屆「站酷獎」啟動時候就通過朋友瞭解到這個大賽了。2018屆果斷投稿參賽,我們這次投稿的作品是《開眼 Eyepetizer 短視訊應用》。
開眼 Eyepetizer 是一個提供極優質短視訊內容的平臺,這裡的「優質短視訊」我們定義為:
1) 時長主要為 2-10 分鐘左右的視訊,涵蓋幾乎所有除長視訊(電影電視劇綜藝)外所有門類;
2) 視訊基礎質量有保證,包括並不限於:畫質高清;製作水平在準專業或專業水平、內容;內容資訊量充足等等;
3) 藝術性、觀賞性極強,資訊量豐富。
站酷網:站酷獎評審Anne Chang對《開眼 Eyepetizer 短視訊應用》的畫報風格,卡片式的視訊展示形式大為讚賞,文藝唯美的介面設計也受到很多使用者的喜歡,那麼,開眼介面的設計風格是如何確定的?為了打造獨特風格,你們打磨了哪些細節設計?
李禕楊:早期開眼的設計風格確定的非常快(大概一個晚上)。在確定了「優質內容」+「短視訊」的產品方向後,Eyepetizer 這個產品名稱在設計風格確定之前就已產生。因為視訊需要用眼睛(Eye)觀看,同時短視訊相對於電影、電視劇、綜藝等長視訊正如同西餐中的前菜(Appetizer)相對於主菜,剛巧的是「Appetizer」的前音節和「Eye」幾乎一樣,所以用「Eye」替換「Appetizer」中的「Ap」拼合成了一個新詞「Eyepetizer」,意圖體現「對眼睛的開胃菜」。
在這樣的基礎上,設計風格就很好發揮了。參照西餐選單的設計元素,使用了復古的英文花體字結合一些適用於選單上的設計元素,做出了第一版的設計。
開眼很多的細節設計目的也並不是為了打造獨特的風格,比如字型的選擇、視訊詳情頁進入動畫等等這些細節的打磨,只是一些個人在設計上偏好和堅持而已。
站酷網:這款APP的目標受眾是哪些,使用者畫像是如何確定的?為了提高目標使用者的瀏覽體驗做了哪些特別的設計?
李禕楊:最開始開眼的目標受眾並沒有非常明確,產品目標主要是想解決使用者看到的短視訊普遍質量較差且分散的這個普適性問題。而前期嘗試中,在努力將運營短視訊日報質量提升到一個還不錯的高度後,我們慢慢發現廣告、傳媒圈的使用者佔比非常高,開眼提供的內容品質和品類無意中切中了這批人的需求,所以後期我們在產品迭代以及內容運營方向會更偏向針對這類人的特點來進行優化。
為了達到產品目標,從瀏覽體驗上設計主要做以下三點:
1)每日定時的內容推送,增加使用者對內容的期待和神祕感,同時配合類似選單封面的開啟方式,提升日報內容消費的儀式感;
2)在保證視訊清晰度的同時,我們也以較高運營成本的代價(同一濾鏡處理&低質封面重製)來提升所有視訊封面的質量,保證產品整體的質感;
3)為了降低使用者對於流量消耗的擔憂,在早期版本我們就加入了視訊日報內容自動下載的功能。
站酷網:除了斬獲站酷獎評審獎,開眼也曾屢次獲得不同平臺的最佳應用類獎項,你認為它區別於其它短視訊APP的優勢是什麼?
李禕楊:主要在於內容運營上一直以來保持嚴格的質量控制和選材的鋒利度,內容是開眼產品價值最核心的體現,產品設計只是加分項而已。
在前期一兩個月的時間把產品打磨好之後一長段時間,所有精力和時間幾乎都放在內容運營的工作上了。期間設立一些運營流程(如內容編輯每日的審片會)和內容質量標準等方式,來確保內容輸出質量的穩定。
站酷網:開眼Eyepetizer經過了幾次重要迭代?分別在視覺和體驗上做了哪些重要調整?解決了什麼問題?
李禕楊:開眼從第一版上線至今經歷了差不多三十幾個版本的迭代,重要的迭代大概有2次方向性改變,第一次是從以短視訊日報形式為主的純編輯運營的內容分發模式,轉變為編輯運營日報內容為主,PGC 訂閱內容為輔的短視訊平臺。第二次則主要體現在產品近期對 UGC 內容社群方向的嘗試。
視覺上和體驗上的調整是逐步完成的,但整個過程其實一直在解決最主要的問題是:內容供給量大幅度增加和產品內容分發上難以很好配合的矛盾。
站酷網:開眼已經升級至4.0版本,4.0版本優化了社群頁滑動互動體驗,版本優化前後有哪些差別?
李禕楊:4.0 版本主要的設計目標是優化首頁的內容分發,針對這個目標,首頁內容 IA 結構和內容呈現機制才是優化的重點,卡片樣式等視覺上的調整不是很大。
版本優化後對於產品的影響,主要在於首頁的內容分發迴歸了強編輯運營的模式,並通過調整內容運營方式配合產品內容呈現機制來優化首頁的內容分發效率和質量。產品優化後在多個內容消費指標上都有較大程度的提升。
站酷網:作為一款短視訊應用,開眼如何通過介面和互動的設計,增強視聽體驗的沉浸感?引導使用者探索更多的內容?
李禕楊:早期的版本中,視訊日報都是以統一格式日期封面+橫劃瀏覽的視訊詳情頁的方式來呈現的,使用者在產品中完成的核心動作非常明確。
同時視訊詳情頁整體氛圍的渲染是通過對視訊封面進行高斯模糊來完成的,能讓使用者專注在當前的目標,對內容消費感到愉悅和滿足。
站酷網:隨著視訊分類日漸豐富,如何克服分類多、資訊量大與使用者希望畫面更簡潔更易操作之間的矛盾?開眼APP做過哪些改進?反響如何?
李禕楊:這就是開眼 4.0 改版想要解決的主要問題。其實問題中所述的不是一個矛盾,而是看設計目標最後的選擇是什麼。我們後期希望能讓產品分發形式能更好適應內容供給量,所以相應的增加了資訊密度以及對每日編輯精選內容進行摺疊,這會對原有使用者的習慣和認知產生一些挑戰,但是最後綜合使用者反饋和資料表現,還是達到了既定的設計目標。
站酷網:《開眼 Eyepetizer 》的設計團隊是怎樣一個構成?有多少UI和UX設計師?能不能給我們描述一下你的日常工作有哪些?你最喜歡的工作內容是什麼?為什麼?
李禕楊:純設計輸出的話,就我一個人。這和前公司的培養方式有關,雖然有介面、互動設計能力,但這只是產品設計的其中一個環節。我們沒有專門的 UI & UX 設計師,我們只有產品設計師。
我的日常工作其實還有大概一半以上是和內容運營相關,畢竟內容才是產品最核心價值。介面設計對我來說是一件蠻愉悅且有成就感的事情。
站酷網:你認為一個優秀的app介面設計應該具備哪些特性?
李禕楊:介面邏輯清晰,指向性明確。不需要繁雜的引導和提示,能清楚的知道你在哪裡,你能幹嘛,你知道怎麼去做並且下意識的行為結果符合你的預期。
視覺上賞心悅目。在色彩搭配、字型選擇和資訊可讀性、識別性等方方面面都需要做到優秀,不會有短板。
站酷網:作為介面設計師,與產品經理,技術人員對接工作有哪些技巧可以和大家分享?
李禕楊:充分理解產品設計目標的是和產品技術溝通的前提,多換位思考以及適當瞭解技術實現原理和成本會讓溝通更加容易。
舉個栗子,能在設計目標明確的同時保留設計妥協底線的前提下,通過調整設計方案儘量降低工程實現的成本,不僅能在某種程度上降低和技術溝通的難度,同時也能對設計方案進行 review 、優化。
站酷網:站酷一直致力於“讓設計更有價值”,在你看來,讓設計更有價值的方式有哪些?
李禕楊:找對產品價值核心並在其基礎上錦上添花。
站酷網:你進入UI行業多久了?在你看來,隨著工作年限的增加、經驗的積累,自己區別於其他人的核心競爭價值是什麼?
李禕楊:我其實不算是一個 UI設計師而是產品設計師,UI 設計只是產品設計整個過程中設計輸出的一環同時也是個人興趣方向。
產品設計師按照早期前公司豌豆莢的定義,將會參與到產品開發過程中的每個環節,從早期概念探索到釋出前畫素級別的問題修正,需將在工作中運用和學習到產品設計、互動設計、視覺設計、使用者研究等方面的知識和技能,成為一個或多個產品的負責人。在這樣的培養背景下,設計師能完整學習和鍛鍊將一個產品由概念、點子實現成完整線上產品全過程的能力。正是在具有這種綜合素質和能力,同時對產品有著深刻洞察以及強烈的責任感,才是一個設計師真正區別於其他人的核心競爭價值所在。
站酷網:你認為設計師該如何應對瞬息萬變的網際網路時代的挑戰?
李禕楊:侷限於介面設計之下的職位需求和選擇空間會越來越小,全面且有側重的提升自己的能力維度以及專業程度是必要操作。
站酷網:2019年度站酷獎已經在籌備中,為不斷優化“站酷獎”的使用者體驗,你最想對站酷獎組委會說點什麼?想對躍躍欲試的設計師們說些什麼?
李禕楊:除了評選作品給到的褒獎和鼓勵,更希望評委也能指出一些不足的方面。
沒看夠?點選“站酷獎歷屆獲獎作品” 繼續給你好看!
ofollow,noindex"> 站酷獎歷屆作品:http://awards.zcool.com.cn/previous/2018/index.do
專訪主持:肚臍少年 、姜小狼
設計:海邊的卡夫卡