在这个全民健身的时代，越来越多的用户开始频繁使用运动APP来记录自己的运动数据，分享个人的训练动态。QQ体育是QQ旗下的老牌体育产品。在之前的版本中，由于过度依赖红包福利系统，在过去的一年里逐渐呈现出不健康的发展态势。需要寻找新的产品形态，让产品重回正轨。因此，随着市场、产品和用户的不断更新，如何突破增长瓶颈，使其在众多同类产品中脱颖而出，巩固自身的竞争优势，是本次官网改版的主要议题。用户分析QQ运动植根于拥有数亿月活跃用户的QQ。因此，在改版之初，我们对市场用户进行了盘点，发现用户群体呈现明显的两极化分布，主要集中在16-24岁和40-60岁两个年龄段。进一步分析数据后发现，两类用户的行为也存在较大差异。首先，16-24岁用户的行为是：剧烈运动，跑步、步行等基本运动功能占比较大；自我表现欲强，重视排名，重原创偏好比例高；活跃度高体现在空间和群内的好友数量多，行为活跃；其次，40-60岁用户市场稳定，主打与兴趣点相关的功能，如有奖竞猜、签到领红包等，差异化定位锁定有价值的目标人群后，再进行挖掘通过竞品分析、用户访谈、数据分析，了解产品的优势。从用户行为来看，16-24岁人群更有利于产品的健康发展。基于此，我们利用其热爱运动、个性化、社交性强的特点，推出体育节目，打造“体育节目”的产品定位；同时，考虑40-60岁群体以兴趣为主的特点，辅以红包、奖金竞赛等功能。体验洞察明确了产品定位后，我们需要确定产品定位对应的量化指标，即增长指标。以增长指标为切入点，更容易帮助我们找到与产品定位相当的设计方向。QQ体育改版项目旨在提升用户活跃度和留存率作为两大增长指标。围绕这两个指标，我们制定了长期的修正计划。第一次改版我们着重优化了运动工具，包括：优化官网首页、跑步健走和计步详情模块。二次改版将侧重于挖掘和探索的社交场景。设计执行1.设计方法QQ体育产品设计强调标准化、一致性、细节严谨的设计原则。首先，设计者不仅要考虑稳定的用户群，还要考虑不同模块之间的统一性，保证不同设计者的输出是一致的，以及数据带来的波动；对细节的强调是由于大量的用户。而且已经养成了固定的行为习惯，运动机能比较完善。面对上述情况，设计师需要采取更大规模、更精细化的设计策略。首先，QQ体育的品牌形象已经在用户心目中牢牢树立，业务线将不断增加。为避免商业与品牌关系的混乱和体验上的不一致，设计师需要在现有品牌形象体系的基础上进一步优化和完善品牌；其次是建立统一的UI组件。两项内容贯彻到整个业务线，形成了一个大范围的设计。其次，设计师合理运用设计技巧，以图形、色彩、字体、版面、动画五种视觉语言垂直打造体验效果，确保设计的精细化。例如：在标准字体的基础上建立可操作的字体库；动画方面，可以从反馈、功能、转场、趣味、氛围等多维度场景精细打造动画效果。2、品牌设计设计师重新梳理了QQ体育品牌体系，打造了整个业务线的视觉框架。这些包括标准徽标、标准颜色、辅助颜色、标准字体、标准操作字体和辅助图形。3、UI设计优化首页布局，聚焦核心功能，重新梳理首页功能优先级。根据产品定位和改版目标，加强对运动工具等高价值功能的感知，确保业务所需的banner营收模块在首屏得以容纳，与兴趣相关的辅助功能保持原有状态积分，强化首页活动运营能力。降低低频功能的优先级，低价值功能退回到二级页面。我们采用模块化卡片的形式，按照优先级规划功能布局。采用一套模块化的卡片结构承载“计步、跑步、步行”三种运动工具的内容，使信息整合并定时展示，降低用户的理解成本，同时保证设计方的标准化。此外，卡片式结构在引导用户行为方面也具有天然优势。更容易让用户下意识地刷卡探索功能，增加后续运动工具的曝光机会。在视觉设计上，设计师在UI界面中使用了品牌色和辅助图形。为增加机芯的速度感和力度感，数字采用加粗倾斜的DIN英文字体，进度条采用热彩虹渐变色，加强机芯整体的专业性。优化运动记录，提升用户体验跑步是QQ运动目标用户主要使用的核心功能，也是本次调整的重点之一。我们从用户行为和使用场景的角度对UI和动画进行了优化。正在跑步的用户很少会立即停下来操作应用程序，手机在晃动时可能会增加误触的概率，用户可能会感到疲劳。考虑到这一点，我们增强了触摸后的反馈动画，让运动疲劳的用户可以更加注意自己是否误触了界面。在一些关键功能的设计上，需要给用户“反悔”的时间。例如，结束跑步是一个需要用户认真考虑的决定。我们为不同功能的按键设计了两种不同的操作方式：“短按暂停运行”和“长按结束运行”。为防止用户因手汗等原因误触按键，计步会提前结束。考虑到用户大多在户外跑步场景，在本次界面设计中，通过色彩的重新规划，突出了界面元素的视觉对比，同时强化了QQ体育的品牌色彩。优化计步细节，增强用户粘性。人们坚持锻炼，记录自己的运动数据。一是完善真实的自己；另一个是向他人展示更好的社交自我。在上一版设计中，计步详情页主要用于积累运动数据，帮助用户关注真实自我的成长。在新版本设计中，我们将原有的运动数据、签到玩法、进阶系统整合为一体，希望通过加强与社交自我相关的功能来提升用户粘性。根据原有的体育数据、签到玩法和进阶系统三部分，首先确定首页需要展示的关键信息。作为计步详情的核心内容，重要数据的展示预留给运动数据，如今日步数、目标步数、距离和卡路里等；签到方式主要是为了带动用户长期坚持，所以需要展示历史签到情况和沉淀。高价值数据，包括签到日历、三维签到数据；高级系统主要为用户提供明确的目标感，并提供炫耀社交自我的机会。这部分通过明确的签入里程碑和步骤来实现目标。根据以上关键信息，明确优先级，梳理信息架构。我们将计步详情页的内容分为三个模块——签到日历、签到数据和运动数据，并在相应模块中穿插二维进阶系统。同时，在信息结构中，突出签到玩法相关功能的信息层级，希望通过引导用户继续签到来保持用户活跃度。签到日历不仅用于显示历史签到，也可作为运动数据的时间刻度。因此，日历以全局导航的形式承载，独立存在，用于切换显示不同日期的运动数据；之后，统一签到数据模块和运动数据模块中的内容，根据改版目标确定两个模块的优先级。另外，在副页中包含了详细的运动数据，便于日后扩展设计维度更丰富的数据体系。新方案上线后，计步详情页留存率提升50%以上。QQ活动一期完整设计稿最终概览如下：搭建快速易管理的UI组件。在场景中加入符合自己品牌的相关元素。组件管理有助于统一多人每天输出的文稿。后续设计师也会根据新项目的需求不断更新迭代组件规范。项目概要新版官网上线后，首页签到功能点击率提升60%以上；首页留存率提升近20%；广告cpm提升700%以上；收入增长280%；活动点击率提升近400%；DAU增加了110%以上。此外，设计师还对设计方法进行了沉淀和总结，主要包括：设计管理中最重要的是项目的底层逻辑，即产品设计思维。设计师要站在产品的方向，根据不同时期产品的特点，明确真正的设计目标，然后确定具体的设计指标，对设计进行量化。统一的品牌设计思维和“T”型设计执行方式适用于所有设计项目。设计师不仅需要掌握知识的广度，更需要在知识的深度上下功夫。因此，设计师需要不断突破自身的壁垒，不断成长。UI组件管理，有利于多人协作，提高工作效率。总之，现在的互联网设计要求越来越专业。设计师不仅可以起到执行的作用，还需要超越设计本身进行思考。从产品的角度，让设计帮助产品实现用户体验和商业变现的双重价值，从而提升产品总价值。
