產(chǎn)品趨勢會發(fā)生變革，有可能是自覺，也有可能被動。無論如何，都需要設(shè)計讓趨勢變革軟著陸到用戶的體驗中。 從企鵝FM新版播放頁出發(fā)，創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)與你聊聊關(guān)于產(chǎn)品趨勢是怎樣通過設(shè)計傳導(dǎo)給用戶的設(shè)計思考。
文章導(dǎo)語
產(chǎn)品趨勢會發(fā)生變革，有可能是自覺，也有可能被動。無論如何，都需要設(shè)計讓趨勢變革軟著陸到用戶的體驗中。 從企鵝FM新版播放頁出發(fā)，與你聊聊關(guān)于產(chǎn)品趨勢是怎樣通過設(shè)計傳導(dǎo)給用戶的設(shè)計思考。
企鵝FM的內(nèi)容型產(chǎn)品趨勢
多年沒有大動作的App Store進行了改版，推出了“Today”作為home page，里面是App和游戲的深度采訪專欄（iOS 11預(yù)計秋季上線）【1】；音樂App們已經(jīng)徹底改變了只能是“BGM”的宿命，改頭換面讓喜歡音樂的人還能分享見解、閱讀雜志、建立歌單······
這個時代，一個簡單的工具或是一個走量的平臺已經(jīng)過時了，人們需要的是“深度”，產(chǎn)品紛紛向所謂的“內(nèi)容型產(chǎn)品”轉(zhuǎn)型。抱著辯證的觀點看當(dāng)然不是所有產(chǎn)品都需要這樣做，但我們今天要講的音頻產(chǎn)品，偏偏它的基因注定了它會成長為這樣一個“內(nèi)容型”的音頻產(chǎn)品。
互聯(lián)網(wǎng)音頻產(chǎn)品的成長之路
追溯當(dāng)年“播客”橫空出世，傳統(tǒng)廣播在互聯(lián)網(wǎng)中的終于有了替代品。相對于傳統(tǒng)廣播，“播客”的RSS標(biāo)準格式增加了許多附屬的文字信息。當(dāng)播客進入中國，誕生了許多像企鵝FM這種集音頻托管、泛用型客戶端于一身的音頻平臺，這些“電臺App”在信息展示的基礎(chǔ)上有了更多用戶可參與的內(nèi)容——評論、社群、主播······除豐富的內(nèi)容和天然的訂閱機制，音頻本身就是大眾傳媒的基本內(nèi)容載體之一，以上是我說音頻產(chǎn)品有“內(nèi)容型基因”的緣由。
說回企鵝FM，我們這個產(chǎn)品經(jīng)歷了兩年內(nèi)容累積的“野蠻生長“，雖然不能和業(yè)內(nèi)深耕十幾年的產(chǎn)品相比，但也早已經(jīng)過了一窮二白的階段。企鵝FM不僅在不斷地豐富內(nèi)容（專輯、節(jié)目圖文介紹，節(jié)目標(biāo)簽，專題、專欄等不同的深度內(nèi)容），更強調(diào)用戶的參與（評論、UGC原創(chuàng)錄音）。
而這些內(nèi)容卻沒有完整有效的展示給用戶，沒有充分調(diào)動用戶積極性參與進來。在收聽這些少則5分鐘、多則一小時的節(jié)目時，用戶只能退出干別的事從而中斷了體驗。
怎樣將我們積攢了兩年的內(nèi)容通過設(shè)計重新包裝，引導(dǎo)用戶從單純收聽到深入體驗內(nèi)容呢？
播放頁的“決定樹”
我們決定從產(chǎn)品的頭部頁面“播放頁”開始這種試水這種變革，播放頁其實一直在不斷優(yōu)化，但是功能結(jié)構(gòu)的本質(zhì)其實沒有變過——一直是寬而淺的決定樹。
什么是“決定樹”？
交互設(shè)計師在設(shè)計時往往會先搭建一個信息架構(gòu)或者流程圖，這些結(jié)構(gòu)的每個步驟都是一個“決定”，這些由“決定”組合的事物結(jié)構(gòu)在設(shè)計心理學(xué)中叫做“決定樹”。
結(jié)構(gòu)樹有兩個衡量的尺度：“面”的寬窄與“層”的深淺。也就是寬面/窄面、深層/淺層。
用身邊的事物舉例：一道菜的菜譜是深而窄的決定樹，因為做菜過程中要完成的任務(wù)很多，但是每一步都很明確，沒有什么選擇的余地，這決定了菜譜的深（任務(wù)多）與窄（線性流程）。國際象棋是寬而深的決定樹，寬面（每一步棋都有很多走法），深層（對弈雙方需要走出很多步棋才能決出勝負）。
原本的播放頁的決定樹是寬面（許多任務(wù)可以執(zhí)行）而淺層（每個任務(wù)都是一次性的）。比如所有的操作（暫停、快進、音效···）都是一次性的決定，或者是內(nèi)容入口（專輯、主播）點擊后就跳轉(zhuǎn)離開，和播放頁再也無關(guān)。
寬而淺的決定樹優(yōu)點就是很容易操作，每一個決定都展示給你選擇，這個很符合播放器的工具屬性。而擺在我們面前的問題是——怎樣加入豐富的內(nèi)容又不破壞這種操作的易用性？
我們對這顆決定樹的改變是：在現(xiàn)有的播放頁結(jié)構(gòu)里增加一個窄面結(jié)構(gòu)，讓用戶的某一個決定（操作）可以關(guān)聯(lián)出一系列的操作和豐富內(nèi)容。
設(shè)計軟著陸
在這個“寬而淺”的支線決定樹的指導(dǎo)下，有很多的的設(shè)計組合——
這里關(guān)注兩個重點——用戶的決定和決定引發(fā)的內(nèi)容。用戶的這個決定可以是某個入口也可以是某種操作，延展出來的窄面結(jié)構(gòu)也給了設(shè)計較大的自由度做加法（我們內(nèi)部稱這個窄面結(jié)構(gòu)為“拓展”）。
下圖是用戶可以在播放頁作出的“決定”。
下圖是“拓展”中可以使用的內(nèi)容（金色為原播放頁缺失內(nèi)容）。
針對“拓展”的功能屬性，我們提出了更加細化的設(shè)計目標(biāo)去比對我們組合過的demo設(shè)計方案。
交互設(shè)計著陸
最終的方案我們選擇了“上拉”操作作為“拓展”的觸發(fā)決定，而“拓展”中的內(nèi)容則選擇了（節(jié)目介紹+專輯介紹+評論）的組合。這樣的組合保證了用戶如以往使用播放頁的易用便捷，又在用戶在想要更多內(nèi)容時可以流暢而沉浸地閱讀體驗。
視覺設(shè)計著陸
同期我們對視覺也進行了改良，目標(biāo)同樣是讓用戶更好地沉浸體驗內(nèi)容。這些嘗試包括節(jié)目標(biāo)題放大至左上角讓重點信息更明顯、去掉系統(tǒng)自帶navigation bar讓體驗更沉浸、微立體的icon更具電臺氛圍、寬進度條用戶更好操作······小小的播放頁凝結(jié)了設(shè)計師們許多的思考和心血，趕快下載新版企鵝FM體驗一下吧！
新版本面性圖標(biāo)：
新版本播放頁視頻演示：
反思：設(shè)計與產(chǎn)品的一致性
作為設(shè)計師，我們往往關(guān)注的是設(shè)計本身的一致性，而常常忽略與產(chǎn)品本身發(fā)展趨勢的一致性。
我們的產(chǎn)品和行業(yè)是時常在發(fā)展中的——有時候因為外部環(huán)境迫使產(chǎn)品轉(zhuǎn)型，比如“閱后即焚”這個概念受到青少年追捧時，各大社交平臺自然不能坐以待斃；有時候因為量變引發(fā)了質(zhì)變，比如新版App Store，當(dāng)新游戲的數(shù)量已經(jīng)在新應(yīng)用總量中占比逼近50%的時候，蘋果將其從“App”中剝離出來成立獨立門類，在iOS11中與App平行層級；有的是因為產(chǎn)品調(diào)整了戰(zhàn)略方向，比如SNS社交媒體化、電商內(nèi)容化·····
以上林林總總的產(chǎn)品趨勢，有的出于自覺，有的是被迫變革。企鵝FM的變革，其中既有本身的產(chǎn)品屬性與內(nèi)容量變質(zhì)變的內(nèi)因，又有行業(yè)趨勢與用戶取向的外因。設(shè)計師是否能在拿到產(chǎn)品需求時了解這些趨勢甚至主動地洞察，是設(shè)計是否能與產(chǎn)品趨勢一致的前提。

解鈴還需系鈴人，設(shè)計師們擅長優(yōu)雅地解決問題，更要學(xué)會靈敏地發(fā)現(xiàn)問題。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：成都網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司，網(wǎng)站建設(shè) 成都，成都 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè)，營銷型網(wǎng)站建設(shè)，網(wǎng)站建設(shè)設(shè)計，網(wǎng)站開發(fā)，網(wǎng)站制作設(shè)計

新聞名稱：產(chǎn)品趨勢的設(shè)計軟著陸
網(wǎng)址分享：http://jinyejixie.com/news37/170737.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、營銷型網(wǎng)站建設(shè)、小程序開發(fā)、網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)