案例背景

iRun是一款结合天气预报的轻 量跑步运动APP,区别于市场上同类产品，iRun更专注于户外跑步运动，设计得更加简约扁平，以提供轻量化的使用体验。大面积情感化展示实时天气动态，让用户了解天气是否适合跑步的同时，用清新的视觉效果激发用户的跑步欲望。

用户调研

通过对跑步群体的调研得知，除了跑步记录、数据统计等基础功能外，用户还希望得到科学专业的运动知识、活动赛事资讯、制定训练计划等功能，尤其对天气预报的需求较为强烈。

很多跑步爱好者在跑步前，-般都会提前查看天气情况以及空气质量是否适合运动，甚至会查看次日的天气，并提前做好相应准备。特别是一些约跑或赛事活动，更需要提前了解天气情况。另外他们非常热衷于分享跑步记录、交流经验心得，渴望获得认可鼓励以及社群的归属感。

用户画像

绘制用户画像的目的是帮助团队更好地理解用户的特征和行为，从而更准确地判断他们面临的问题和真正的痛点

Edward  销售顾问22岁

“我不知道如何开始”

Edward是一名房产销售顾问，收入不稳定工作压力大。下班后经常打游戏到深夜，身体一直处于亚健康状态。他明白自己缺少运动，每次下班后看到路上跑步的人，总希望能像他们一一样，但一直没有开始行动。他希望有一个产品能告诉他开始跑步应该注意的事项，同时能结识更多跑友和组织，来提高自己跑步的热情并坚持下去。

Ella  办公文员25岁

“我不知道怎么坚持”

Ella是一家传统生产企业的文员，办公室久坐及工作的枯燥让她感觉生活很无趣，最近半年来下班后通过跑步的形式让自己放松，但她的跑步活动断断续续，可没有坚持的动力，成绩也一直没有进步。原因是她身边没有一起跑步的朋友，有时独自跑步感觉不安全，自己也没有什么目标和计划，基本上是随自己的兴致想跑就跑。她希望有一个产品能为她设定科学的跑步计划，帮助她提高成绩，并发现身边的跑友和组织，参与集体活动。

Kevin财务总监36岁

“该如何突破自我”

Kevin是一家互联网公司的财务总监，坚持跑步五年的他，经常组织和参加跑团内的活动，每年都要跑好几场马拉松，成绩也在中上水平。但他迫切希望不断地突破自己，提高跑步成绩。他希望有个产品能给他提供专业的训练建议，帮助他提高跑步成绩，结识更多圈内知名人士，以及获取世界各地跑步赛事的资讯。

竞品分析

经过对市面上已有的主流竞晶进行分析，取长补短，IRun除了 更专注核心户外跑步运动外，更以清新的视觉、轻量的体验、新颖的交互提供良好的用户体验。同时以优质的内容活动，合理的等级积分制度来激励用户，增加产品粘性。

信息架构

合理的信息架构，有助于用户快速认知产品功能和自己所处的位置。iRun将信息架构的深度和广度进行平衡，采用抽屉式导航，让用户最快地使用核心跑步功能，其他次要功能全部收起以不分散用户注意力，同时让整个产品看上去更轻量。

实时天气

天气预报空气质量数据概览

总跑量

数据统计物步记录

设计

由能代表用户情绪的文本、元索、图片拼贴而成，将用户的情绪可视化，能够很好地帮助我们定义设计的方向。

图标

图标统使用粗圆的线性风格，使产品向用户传达简洁、轻松的感觉。

字体

常规中英文、数字选用IOS系统默认字体「苹方、SF UIJ，特殊展示型英文数字使用「DIN Condensed」字体

苹方-简PingFang-SC

Regular / Bold

启动页

启动页以一位向着远方奔跑的人物背影为主题，向用户传达出健康快乐的生活态度，容易引起用户马上去跑步的欲望。

首页

首页以金屏的实时天气为背景，让用户在打开APP的第时间就能知晓 当前的天 气情况及空气质量，马上就能决定是否进行户外跑步，而不用再去别的天LAPP进行查看，另外将用户的累计跑量和本周跑量进行展示，让用户对自己的运动状态有直观的了解，同时也刺激用户积累跑量的欲望。

架构层面，采用了抽屉导航的设计，把最核心的跑步功能凸显出来，让用户的行动点更明确，同时也让整个产晶使用的感觉更轻量、清新。

天气预报页

启动页以-位向着远方奔跑的女生背影为主题，向用户传达出健康快乐的生活态度，容易引起用户马上去跑步的欲望。

缺省/异常页

使用情感化插画配合文案提醒用户当前状态，并告知下一步操作，缓解用户焦虑的同时，提高用户对品牌的认知。

页面展示