宣凯:没想到你跑了企鹅FM。为什么要在电台App中深度挖掘一个体育场景，交互设计师如何将痛点和需求转化为市场的蓝海，如何在设计过程中展现场景的垂直特征？我有一些想法要和你分享。

企鹅FM3.1推出了“跑听”，内部称为“跑电台”。跑步电台有独立入口，里面有企鹅FM和专业体育主播精心准备的跑步节目。最大的特点是运行电台会计算用户实际运行步频与节目目标步频的匹配度，从而智能提醒用户科学轻松运行。

用户真的需要通过电台App来运行吗？

这是我们规划这个产品功能时的第一个问题。即使音乐软件已经推出了运行相关功能，我们还是会问——真的有人通过电台App运行吗？

如果只是针对目前的电台App，需求一定是最小的。不像音乐的统一内容属性，广播内容属性太丰富——音乐时间短，小说时间长；相声很搞笑，新闻很严肃……这些内容决定了不能像音乐一样随意重组。

有时候我们需要退一步想想自己的需求。

产品经理提出这个需求的初衷是什么？产品经理最开始的出发点是如何根据场景重组内容，让高质量的节目得到更多的曝光，让用户对某个功能入口有粘性。所以这个需求的出发点更多的是一种商业的探索。

之所以选择跑步这个场景，和现在社会健身的“潮流”是分不开的。健身已经成为一种全方位的趋势，关于跑步和晒太阳已经成为朋友圈新的一道风景线。据说2017年中国马拉松比赛将超过500场，与2011年的22场相比，这是一个井喷的趋势。另一方面，智能手机的定位和记录体能指标的功能是场景闭环的基础。

回到跑电台本身的需求，跑电台应该推荐整合高质量的跑内容，本质上是用来服务电台节目的。这些内容指向的目标用户比较明确:想科学合理跑步的跑步者，偶尔跑步的小白用户。

如何突破市场？

所谓知己知彼，百战不殆。我们向内寻求需求的本质，向外关注整个市场的竞争产品，从而形成自己的“蓝海战略”——基于用户痛点寻求差异化创新突破的途径。

我们在寻找很多竞争产品，现有市场基于三种内容形式:1。专业健身指导课程(绿色)，2。专业跑步记录软件(橙色)，3。运动场景的音乐推送(蓝色)。

当我们用X轴(专业-业余)和Y轴(陪练-师徒)画出产品机会定位图，然后把这三类产品放进去，可以看到“业余+师徒”的定位区间有明显的市场缺口。回头看需求:推荐整合高质量的跑步内容，内外结合，可以这样定义产品——

我们为用户提供适合跑步时收听的内容。不同于普通的跑步歌曲，我们提供完整的音频教程，可以直接指导用户科学跑步，并监督用户按照要求和目标配速频率进行锻炼。

对于此产品定义，我们将在不同类别中定义产品功能:

1.内容形式:专辑维度推荐。比如一个跑步课程就是一个专辑，里面有三个节目(链接)，前五分钟慢，中间十五分钟快，最后十分钟慢。

2.提醒:当你的步频低于或高于目标步频时，提醒你一次步频，每公里提醒你跑步里程。

3.评分:根据用户实际运行步频与节目目标步频的匹配程度进行评分。

形式不仅仅跟随内容

跑步电台是一种内容与产品形式密切相关的产品。在这个深度垂直场景的设计中，我们的设计仅仅遵循内容是不够的。需要用张力来表达内容，让目标用户快速理解这是一个跑步的运动场景，激发自己的运动欲望。为此，我们设计了全新的专辑卡、运动玩法界面、运动成绩页面、分享页面，支持运动状态的语音提示。

1-登录页面/质量和运动力量感

作为企鹅FM推出的第一款深度垂直功能，我们追求的是卓越感+运动力，我们希望用户感受到体育电台上的节目是可靠的、高质量的，然后想去尝试。左边的图片是原app可以承载的产品形态。右边的信息分为三类信息，我们再重新整理。

如何打造品质感？我们可以对比一下奢侈品的橱窗，回忆一下面向街道的奢侈品橱窗，它不会像开架商品一样拥挤在一起，它会有高低贵贱的展台，它会在展台上创造出很多细节。优秀的产品需要重点、层次、细节。与我们的设计相似，我们采用卡片的形式。其实这并不是使用率最高的方案，但是它让用户专注于我们最好的内容(重点)，空房间(级别)供用户探索，我们可以在卡的周围添加很多企鹅FM的独特元素(细节)。

PS:下一版希望加入更多动感元素，比如幻彩。

2-播放页面/创建动态场景

我们的节目有一个统一的衡量指标，就是步频。用户的实际步频越接近节目节奏，用户得分越高。

当我们拆分现有的播放页面时，可以看到跑步的一些动态场景需要增加:步频、步频匹配度、目标步频、跑步结束时间/距离/步速，而其他的需要删除:评论、定时、列表、语速、音效，还有一些元素需要突出显示:步频、步频匹配度。

从下图前后对比可以看出，跑步电台的播放界面中运动元素较多，更注重步频，运动相关成分的重要程度也较高，色彩运用也更有针对性。想象一下，用户只要看到跑步时最大的数字(107位)是黄金，就知道自己达到标准了。

3-结束页面/给用户一种成就感

虽然每个人都知道锻炼有益健康，但这不是一项容易的活动。我们希望能给用户运动后的成就感，鼓励他们继续参加运动。这也是我们构建更系统的激励体系的基础。

因此，我们以可视化图表的形式记录用户的跑步过程，用户可以真实地看到他已经完成的跑步。同样的，我们也希望用户分享的时候，也是一个直观的图表。对于展示的卡片，我们特意选择了社交平台上展示效率最高的广场。

设计的得失

企鹅FM的“跑听”功能，从开始到上线，只设计了一个月。从最初对大家尝试的心态的无知，到对这个功能真正的自信，有一些想法希望和大家分享:

1.阴影的使用在垂直场景的设计中非常重要。垂直场景所针对的用户和行为相对清晰，定性研究比定量研究更重要。设计过程中给我最大启发的是阴影使用。我潜入跑步群，和用户一起跑步，看看他们在跑步过程中需要什么功能，跑步后什么样的信息会给他们带来成就感。如果是采访用户，可能会自己编需求和感受，影子使用让设计师得到的信息变得真实。

2.在设计卡模块时，可以采用拆分元素重构组件的方法:拆分所有已有+缺失+需要的元素，根据当前用户需求重构组件，然后将组件放入模块。

3、产品功能从0到1比从1到100难得多，从0到1我真的是两眼一抹黑，但这个功能开发完成之后我们马上就可以分门别类地提出许多优化方案。设计师如果能够多尝试从0到1的设计过程，对于从1～100的设计有很大的帮助。