2017-1-1 資深UI設計者
導語
沒想到吧，你竟然可以通過企鵝FM來跑步？為什么在電臺App要深度挖掘一個運動場景，交互設計師又是如何將痛點和需求轉化為市場藍海，在設計的過程中怎樣將場景垂直的特色表現出來······關于這些，我有一些想法與大家分享。
企鵝FM3.1上線了“跑步聽”，我們內部都把它叫做“跑步電臺”。跑步電臺有獨立入口，里面是企鵝FM聯合專業運動主播精心準備的跑步節目，最大的特色在于：跑步電臺會計算用戶的實際跑步步頻與節目目標步頻之間的匹配度，來進行智能提醒，從而陪伴用戶科學而輕松的跑步。
這是我們在規劃這個產品功能時的第一個問題。即使在音樂類軟件都已經上線了跑步相關功能的當下，我們依然發問——真的有人，通過電臺App來跑步嗎？
如果僅僅是針對現在電臺類App，那需求一定是微乎其微，不同于音樂統一的內容屬性，電臺類內容屬性太豐富——音樂時間短，小說時間長；相聲很搞笑，新聞很嚴肅······這些內容決定了他們天然就不能像音樂一樣隨機重組。
有時候我們需要退一步來思考需求。
產品經理提出這種需求的初衷是什么——最初產品經理的出發點其實是怎樣針對場景重組內容，讓優質的節目得到更多的曝光，讓用戶可以對某一個功能入口產生粘性。所以這個需求的出發點更多是對于業務的一種探索。
而之所以選擇跑步這個場景，跟現在社會上健身這個“勢”是分不開的。健身儼然已是全面風潮，約跑、曬跑成為了朋友圈一道新風景線。據說2017年中國馬拉松將超500場，比2011年的22場呈井噴之勢。另一方面智能手機的定位和記錄體能指數功能，是能讓場景閉環的基礎。
回到跑步電臺這個需求本身，跑步電臺應該是推薦優質的跑步類內容的整合，本質上還是用來服務于電臺節目的。這些內容指向的目標用戶也是相對明確的：想要科學合理地跑步的跑者，偶爾跑步的小白用戶。
所謂知己知彼，百戰不殆。我們向內尋求需求的本質，向外應該去關注整個市場的競品，從而形成自己的“藍海戰略”——一條基于用戶痛點尋求差異化創新突圍之路。
我們尋找了許多競品，現有市場落腳在三種內容形態上：1、專業健身指導課程（綠色），2、專業跑步記錄軟件（橙色），3、運動場景的音樂推送（藍色）。
當我們以 x軸（專業—業余） 與 y軸（陪練—指導） 畫出產品機會定位圖，然后把這三類產品放進去的時候，我們可以看到，在“業余+指導”的定位區間是明顯的市場缺口。再回看需求：推薦優質的跑步類內容的整合，兩者內外結合，我們可以這樣對產品進行定義——
我們提供給用戶適合跑步時收聽的內容，而不同于普通的跑步歌單，我們推出的是完整的有聲教程，能夠直接指導用戶科學的跑步，并且監督用戶按照要求和目標步頻來進行運動。
針對這份產品定義，我們再去分門別類的定義產品功能：
1、內容形式：以專輯的維度推薦。例如：某跑步課程為一個專輯，其中分三個節目（環節），前五分鐘慢，中十五分鐘快，后十分鐘慢。
2、提醒：當你的步頻低于或者高于目標步頻時針對步頻一次提醒，每公里針對跑步里程提醒。
3、計分：根據用戶實際跑步步頻與節目的目標步頻之間的匹配度進行計分。
跑步電臺是一個內容與產品形態強相關的產品。在這種深度垂直場景的設計，我們的設計僅僅追隨內容是不夠的，需要去有張力地表現內容，讓目標用戶快速了解到這是一個針對跑步的運動場景，激發他運動的欲望······為此我們設計了全新的專輯卡片、運動播放界面、運動成果頁和分享頁，支持運動狀態的語音提示。
1-落地頁／精品感與運動力
作為企鵝FM推出的第一個深度垂直功能，我們追求精品感+運動力，我們要讓用戶感受到運動電臺里的節目可靠而優質，進而想要嘗試。左圖是原有app可以承載的產品形態，將信息拆分成右邊三類信息，我們再來重組。
怎樣去打造精品感？我們可以類比品的櫥窗，回想一下品的臨街櫥窗，一定不會像開架貨品一樣擠在一起，它會有高低錯落的展臺，它會在展臺上打造許多細節。精品，是需要重點、層次和細節的。類比到我們的設計，我們采用卡片的形式，其實這并不是最高利用率的方案，但它讓用戶聚焦到我們最精品的內容（重點）、給用戶探索的空間（層次）、圍繞卡片我們可以加入很多企鵝FM這個品牌獨有的元素（細節）。
PS：接下個版本中，我們希望加入更多動感的元素，比如魔法色。
2-播放頁／針對動態場景打造
我們的節目，有一個統一的衡量指標，就是步頻，用戶的實際跑步步頻越是接近節目的節奏，那么用戶的得分越高。
我們拆分現有的播放頁，可以看到針對跑步這個動態場景有的需要增加：步頻、步頻匹配度、目標步頻、結束跑步、跑步的時間／距離／配速······而有的需要刪掉：評論、定時、列表、語速、音效······有的元素有的需要突出：步頻與步頻匹配度。
下圖前后對比可以看到，跑步電臺的播放界面有更多運動元素，更聚焦在步頻這個要素上，運動相關組件的重要級更高，更具針對性地運用顏色。可以想象一下，用戶只要在跑步過程中看到最大的數字（107處）是金色就知道自己達標了。
3-結束頁／讓用戶擁有成就感
雖然人人都知道運動對身體好，但這并不是一個輕松的活動，我們希望用戶運動完之后我們能夠給他們成就感，激勵他們繼續投入到運動中去。這也是我們構建更系統的激勵體系的基礎。
所以我們把用戶的跑步過程以可視化圖表的形式記錄下來，用戶可以真切地看到自己已經完成的跑步。同樣的，我們希望用戶分享出去的時候也是一張可視化的圖表。而展示的卡片我們特意選擇了在社交平臺上展示效率最高的正方形。
企鵝FM的“跑步聽”功能從開始設計到上線只有一個月的時間，從最初大家懵懵懂懂抱著試試看的心態到真的對這個功能有信心，有一些思考希望與大家分享：
1、影子采訪（shadow use）在垂直場景的設計中極其重要。垂直場景針對的用戶和行為比較明確，定性研究相對定量研究更重要，我在設計過程中啟發我最多的就是shadow use，我潛入跑步的群和用戶一起跑步，看他們跑步過程中需要哪些功能，跑完之后什么樣的信息會給他們帶來成就感。如果是訪談用戶可能會虛構自己的需求和感受，而shadow use讓設計師得到的信息皆為真實。
2、在進行卡片式模塊設計時，可以采用元素拆分并重構組件的方法：就是把所有已有的+缺失的+需要的元素拆分出來，再根據現在的用戶需求重新搭建組件，然后再把組件放到模塊中去。
3、產品功能從0到1比從1到100難得多，從0到1我真的是兩眼一抹黑，但這個功能開發完成之后我們馬上就可以分門別類地提出許多優化方案。設計師如果能夠多嘗試從0到1的設計過程，對于從1～100的設計有很大的幫助。
藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
