夜雨聆风来分享下悦跑圈app的优化思路和最终改版结果，由于app在视觉层面上存在较大问题，所以最后会统一展示整套app界面统一的具体组件、图标、色彩、字体改版设计，下面主要从结构、框架层进行分析。
整体问题分析
根据悦跑圈官网数据，悦跑圈app用户规模超过1.1亿，日活用户220万，用户会在跑步时开启app，点击上图中红色图标进入开始跑步界面，记录跑步数据，同时app包含社区模块，可以及时发布动态分享跑步成绩。悦跑圈app有很多独特的可以丰富跑步体验的功能，比如跑鞋管理、鞋库、跑团、约定跑、跑步路线、轨迹墙、悦圈周报、全民体验官等等。
然而目前app页面中这些功能的展示十分简陋，没有逻辑的分散在各个页面中，有的功能入口很深，用户很难发现。
首页
首页是和跑步相关的页面，改版之后会把跑步相关功能在首页重新整合排列。下面进行具体的说明。
问题1:页面上方信息展示少且缺乏重点
画面上方的卡通人物形象十分简陋，且占据较大空间。而跑步者比较关注的跑量数据只在左侧空间简单展示，如果想看其他数据则需要点开累计跑量才能看到。
包括比较重要的每日步数、悦圈周报、轨迹墙等信息都需要点开累计跑量再左右滑动才能找到，十分麻烦，不熟悉app的使用者可能都无法发现还有这些功能。
app的设备绑定功能原来放在了“我的”页面最下方，非常难以发现，优化后把设备绑定功能放在了页面搜索栏旁边。
app的首页比较单薄，没有再分出下级页面， 而跑团、跑班、训练计划功能非常零散的分布在其他页面， 跑者跑步前会希望能方便的查看附近跑团，线上跑班或者找一些训练计划辅助跑步，所以优化后将跑步、线下跑团、线上跑班、训练计划分别作为首页的下级页面。
优化运动数据展示，把跑者比较关注的最快配速、最长时间等数据放出来；
同时将用户比较常用的功能今日步数、悦圈周报、轨迹墙三个功能单独做成磁片区。具体效果如下图所示。
问题2:页面中部各个模块分布的没有逻辑，外观设计简陋
这个部分主要有和跑鞋相关的全民体验官、鞋库，有活动赛事相关的线上马拉松和擂台争霸，还有跑步路线和路段。跑步路线路段是跑者在跑步前比较关注的信息之一，这里的瓷片展示很简单粗略。跑鞋相关内容是app的特色功能，但是比较分散没有集中重点展示。
整体来说这部分有很多不错的功能，但是一方面视觉上面没有吸引力，一方面分布没有逻辑比较混乱，跑者可能一时不知道点开哪个。
优化2:页面中部优化
把跑鞋相关功能整合在一起，放在一个模块。
更加详细的展示跑步路线，吸引跑者点开查看。
线上马拉松和擂台争霸属于活动赛事的内容，所以移到活动赛事页面。
问题3：页面下方推荐活动缺乏看下去的吸引力，左右滑动操作效率过低
推荐活动做成信息流的形式，提高效率；
底部加上跑步图标，直接开跑；
底部标签栏换成更加清晰的图标；
问题4:底部导航栏中红色图标代表首页，也代表开始跑步，功能重合，操作麻烦
跑者如果在app中想要记录跑步数据，首先需要点击红色图标确保在首页，之后再点击一次红色图标才会开始跑步，跑步记录是app的核心功能，而这个设计不够简单直接。
优化4:页面开始跑步功能优化
单独在整个页面右下角设置开始跑步图标，如下图所示
下面是整体效果
