4★ - 跟著電臺動起來-如何設(shè)計跑步的垂直場景

文:XUAN凱 | 轉(zhuǎn)自SUX(isux.tencent.com)


導(dǎo)語

沒想到吧渊抽,你竟然可以通過企鵝FM來跑步积瞒?為什么在電臺App要深度挖掘一個運(yùn)動場景君仆,交互設(shè)計師又是如何將痛點(diǎn)和需求轉(zhuǎn)化為市場藍(lán)海最爬,在設(shè)計的過程中怎樣將場景垂直的特色表現(xiàn)出來······關(guān)于這些铃岔,我有一些想法與大家分享汪疮。


企鵝FM3.1上線了“跑步聽”,我們內(nèi)部都把它叫做“跑步電臺”毁习。跑步電臺有獨(dú)立入口智嚷,里面是企鵝FM聯(lián)合專業(yè)運(yùn)動主播精心準(zhǔn)備的跑步節(jié)目,最大的特色在于:跑步電臺會計算用戶的實(shí)際跑步步頻與節(jié)目目標(biāo)步頻之間的匹配度纺且,來進(jìn)行智能提醒盏道,從而陪伴用戶科學(xué)而輕松的跑步。





用戶真的有通過電臺App來跑步的需求嗎载碌?

這是我們在規(guī)劃這個產(chǎn)品功能時的第一個問題猜嘱。即使在音樂類軟件都已經(jīng)上線了跑步相關(guān)功能的當(dāng)下,我們依然發(fā)問——真的有人恐仑,通過電臺App來跑步嗎泉坐?

如果僅僅是針對現(xiàn)在電臺類App,那需求一定是微乎其微裳仆,不同于音樂統(tǒng)一的內(nèi)容屬性腕让,電臺類內(nèi)容屬性太豐富——音樂時間短,小說時間長歧斟;相聲很搞笑纯丸,新聞很嚴(yán)肅······這些內(nèi)容決定了他們天然就不能像音樂一樣隨機(jī)重組。

有時候我們需要退一步來思考需求静袖。

產(chǎn)品經(jīng)理提出這種需求的初衷是什么——最初產(chǎn)品經(jīng)理的出發(fā)點(diǎn)其實(shí)是怎樣針對場景重組內(nèi)容觉鼻,讓優(yōu)質(zhì)的節(jié)目得到更多的曝光,讓用戶可以對某一個功能入口產(chǎn)生粘性队橙。所以這個需求的出發(fā)點(diǎn)更多是對于業(yè)務(wù)的一種探索坠陈。

而之所以選擇跑步這個場景萨惑,跟現(xiàn)在社會上健身這個“勢”是分不開的。健身儼然已是全面風(fēng)潮仇矾,約跑庸蔼、曬跑成為了朋友圈一道新風(fēng)景線。據(jù)說2017年中國馬拉松將超500場贮匕,比2011年的22場呈井噴之勢姐仅。另一方面智能手機(jī)的定位和記錄體能指數(shù)功能,是能讓場景閉環(huán)的基礎(chǔ)刻盐。



回到跑步電臺這個需求本身掏膏,跑步電臺應(yīng)該是推薦優(yōu)質(zhì)的跑步類內(nèi)容的整合,本質(zhì)上還是用來服務(wù)于電臺節(jié)目的敦锌。這些內(nèi)容指向的目標(biāo)用戶也是相對明確的:想要科學(xué)合理地跑步的跑者馒疹,偶爾跑步的小白用戶。



如何在市場中突圍供屉?

所謂知己知彼行冰,百戰(zhàn)不殆。我們向內(nèi)尋求需求的本質(zhì)伶丐,向外應(yīng)該去關(guān)注整個市場的競品悼做,從而形成自己的“藍(lán)海戰(zhàn)略”——一條基于用戶痛點(diǎn)尋求差異化創(chuàng)新突圍之路。



我們尋找了許多競品哗魂,現(xiàn)有市場落腳在三種內(nèi)容形態(tài)上:1肛走、專業(yè)健身指導(dǎo)課程(綠色),2录别、專業(yè)跑步記錄軟件(橙色)朽色,3、運(yùn)動場景的音樂推送(藍(lán)色)组题。

當(dāng)我們以 x軸(專業(yè)—業(yè)余) 與 y軸(陪練—指導(dǎo)) 畫出產(chǎn)品機(jī)會定位圖葫男,然后把這三類產(chǎn)品放進(jìn)去的時候,我們可以看到崔列,在“業(yè)余+指導(dǎo)”的定位區(qū)間是明顯的市場缺口梢褐。再回看需求:推薦優(yōu)質(zhì)的跑步類內(nèi)容的整合,兩者內(nèi)外結(jié)合赵讯,我們可以這樣對產(chǎn)品進(jìn)行定義——

我們提供給用戶適合跑步時收聽的內(nèi)容盈咳,而不同于普通的跑步歌單,我們推出的是完整的有聲教程边翼,能夠直接指導(dǎo)用戶科學(xué)的跑步鱼响,并且監(jiān)督用戶按照要求和目標(biāo)步頻來進(jìn)行運(yùn)動。


針對這份產(chǎn)品定義组底,我們再去分門別類的定義產(chǎn)品功能:

1丈积、內(nèi)容形式:以專輯的維度推薦筐骇。例如:某跑步課程為一個專輯,其中分三個節(jié)目(環(huán)節(jié))桶癣,前五分鐘慢拥褂,中十五分鐘快娘锁,后十分鐘慢牙寞。

2、提醒:當(dāng)你的步頻低于或者高于目標(biāo)步頻時針對步頻一次提醒莫秆,每公里針對跑步里程提醒间雀。

3、計分:根據(jù)用戶實(shí)際跑步步頻與節(jié)目的目標(biāo)步頻之間的匹配度進(jìn)行計分镊屎。




形式不僅追隨內(nèi)容

跑步電臺是一個內(nèi)容與產(chǎn)品形態(tài)強(qiáng)相關(guān)的產(chǎn)品惹挟。在這種深度垂直場景的設(shè)計,我們的設(shè)計僅僅追隨內(nèi)容是不夠的缝驳,需要去有張力地表現(xiàn)內(nèi)容连锯,讓目標(biāo)用戶快速了解到這是一個針對跑步的運(yùn)動場景,激發(fā)他運(yùn)動的欲望······為此我們設(shè)計了全新的專輯卡片用狱、運(yùn)動播放界面运怖、運(yùn)動成果頁和分享頁,支持運(yùn)動狀態(tài)的語音提示夏伊。


1-落地頁/精品感與運(yùn)動力

作為企鵝FM推出的第一個深度垂直功能摇展,我們追求精品感+運(yùn)動力,我們要讓用戶感受到運(yùn)動電臺里的節(jié)目可靠而優(yōu)質(zhì)溺忧,進(jìn)而想要嘗試咏连。左圖是原有app可以承載的產(chǎn)品形態(tài),將信息拆分成右邊三類信息鲁森,我們再來重組祟滴。



怎樣去打造精品感?

我們可以類比奢侈品的櫥窗歌溉,回想一下奢侈品的臨街櫥窗垄懂,一定不會像開架貨品一樣擠在一起,它會有高低錯落的展臺研底,它會在展臺上打造許多細(xì)節(jié)埠偿。精品,是需要重點(diǎn)榜晦、層次和細(xì)節(jié)的冠蒋。類比到我們的設(shè)計,我們采用卡片的形式乾胶,其實(shí)這并不是最高利用率的方案抖剿,但它讓用戶聚焦到我們最精品的內(nèi)容(重點(diǎn))朽寞、給用戶探索的空間(層次)、圍繞卡片我們可以加入很多企鵝FM這個品牌獨(dú)有的元素(細(xì)節(jié))斩郎。

PS:接下個版本中脑融,我們希望加入更多動感的元素,比如魔法色缩宜。



2-播放頁/針對動態(tài)場景打造

我們的節(jié)目肘迎,有一個統(tǒng)一的衡量指標(biāo),就是步頻锻煌,用戶的實(shí)際跑步步頻越是接近節(jié)目的節(jié)奏妓布,那么用戶的得分越高。

我們拆分現(xiàn)有的播放頁宋梧,可以看到針對跑步這個動態(tài)場景有的需要增加:步頻匣沼、步頻匹配度、目標(biāo)步頻捂龄、結(jié)束跑步释涛、跑步的時間/距離/配速······而有的需要刪掉:評論、定時倦沧、列表唇撬、語速、音效······有的元素有的需要突出:步頻與步頻匹配度刀脏。



下圖前后對比可以看到局荚,跑步電臺的播放界面有更多運(yùn)動元素,更聚焦在步頻這個要素上愈污,運(yùn)動相關(guān)組件的重要級更高耀态,更具針對性地運(yùn)用顏色≡荼ⅲ可以想象一下首装,用戶只要在跑步過程中看到最大的數(shù)字(107處)是金色就知道自己達(dá)標(biāo)了。




3-結(jié)束頁/讓用戶擁有成就感

雖然人人都知道運(yùn)動對身體好杭跪,但這并不是一個輕松的活動仙逻,我們希望用戶運(yùn)動完之后我們能夠給他們成就感,激勵他們繼續(xù)投入到運(yùn)動中去涧尿。這也是我們構(gòu)建更系統(tǒng)的激勵體系的基礎(chǔ)系奉。

所以我們把用戶的跑步過程以可視化圖表的形式記錄下來,用戶可以真切地看到自己已經(jīng)完成的跑步姑廉。同樣的缺亮,我們希望用戶分享出去的時候也是一張可視化的圖表。而展示的卡片我們特意選擇了在社交平臺上展示效率最高的正方形桥言。




設(shè)計中的得與失

企鵝FM的“跑步聽”功能從開始設(shè)計到上線只有一個月的時間萌踱,從最初大家懵懵懂懂抱著試試看的心態(tài)到真的對這個功能有信心葵礼,有一些思考希望與大家分享:

1、影子采訪(shadow use)在垂直場景的設(shè)計中極其重要并鸵。垂直場景針對的用戶和行為比較明確鸳粉,定性研究相對定量研究更重要,我在設(shè)計過程中啟發(fā)我最多的就是shadow use园担,我潛入跑步的群和用戶一起跑步届谈,看他們跑步過程中需要哪些功能,跑完之后什么樣的信息會給他們帶來成就感粉铐。如果是訪談用戶可能會虛構(gòu)自己的需求和感受疼约,而shadow use讓設(shè)計師得到的信息皆為真實(shí)。

2蝙泼、在進(jìn)行卡片式模塊設(shè)計時,可以采用元素拆分并重構(gòu)組件的方法:就是把所有已有的+缺失的+需要的元素拆分出來劝枣,再根據(jù)現(xiàn)在的用戶需求重新搭建組件汤踏,然后再把組件放到模塊中去。

3舔腾、產(chǎn)品功能從0到1比從1到100難得多溪胶,從0到1我真的是兩眼一抹黑,但這個功能開發(fā)完成之后我們馬上就可以分門別類地提出許多優(yōu)化方案稳诚。設(shè)計師如果能夠多嘗試從0到1的設(shè)計過程哗脖,對于從1~100的設(shè)計有很大的幫助。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末扳还,一起剝皮案震驚了整個濱河市才避,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌氨距,老刑警劉巖桑逝,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異俏让,居然都是意外死亡楞遏,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進(jìn)店門首昔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來寡喝,“玉大人,你說我怎么就攤上這事勒奇≡蓿” “怎么了?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵撬陵,是天一觀的道長珊皿。 經(jīng)常有香客問我网缝,道長,這世上最難降的妖魔是什么蟋定? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任粉臊,我火速辦了婚禮,結(jié)果婚禮上驶兜,老公的妹妹穿的比我還像新娘扼仲。我一直安慰自己,他們只是感情好抄淑,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布屠凶。 她就那樣靜靜地躺著,像睡著了一般肆资。 火紅的嫁衣襯著肌膚如雪矗愧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天郑原,我揣著相機(jī)與錄音唉韭,去河邊找鬼。 笑死犯犁,一個胖子當(dāng)著我的面吹牛属愤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播酸役,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼住诸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了涣澡?” 一聲冷哼從身側(cè)響起贱呐,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎暑塑,沒想到半個月后吼句,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡事格,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年惕艳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片驹愚。...
    茶點(diǎn)故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡远搪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逢捺,到底是詐尸還是另有隱情谁鳍,我是刑警寧澤,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站倘潜,受9級特大地震影響绷柒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涮因,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一废睦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧养泡,春花似錦嗜湃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肩榕,卻和暖如春刚陡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背点把。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工橘荠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人郎逃。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像挺份,于是被迫代替她去往敵國和親褒翰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評論 2 351

推薦閱讀更多精彩內(nèi)容