Dorun Dorun 结伴跑步社交 App 全案体验价值解析
北京兰亭妙微 UI 设计公司，成立 16 年来，始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势，从中提炼可落地的设计方法论，分享给同样热爱设计的你。今天，我们来深度拆解一套结伴跑步社交 App 的ui设计，从信息架构、配色策略、移动端适配到数据叙事的视觉表达，逐一解析其背后的设计决策。
Dorun Dorun 是一款主打「结伴慢跑、运动社交」的轻量化跑步记录 App，核心服务两类人群：日常慢跑爱好者、想要养成运动习惯却难以独自坚持的普通用户。传统运动类产品普遍存在用户体验短板：
1. 独自运动缺少陪伴与正向激励，用户极易放弃打卡，运动留存率低；
2. 运动页面数据繁杂冰冷，纯数字图表枯燥，缺少情绪共鸣；
3. 社交链路薄弱，无法实时查看好友运动状态，运动分享形式单一；
4. 界面视觉生硬严肃，长时间使用容易产生疲惫感。本项目通过「陪伴式 IP + 实时社交 + 轻量化运动记录」的设计思路，从情绪、功能、视觉三层解决用户坚持运动难、社交互动弱的核心痛点。
1. 降低运动门槛：新手引导清晰易懂，操作步骤极简，零基础用户也能快速上手；
2. 打造陪伴式情绪体验：专属卡通 IP 贯穿全流程，消解独自运动的孤独感，持续给予运动激励；
3. 完善运动社交闭环：实现好友实时位置 / 运动状态查看、运动成果个性化分享、长期运动数据沉淀；
4. 统一全页面视觉语言：搭建标准化组件库，保证从引导页、运动页到个人中心，操作逻辑、视觉感受连贯统一。
产品完整覆盖运动全生命周期：新手引导 →运动前好友状态查看→运动中轨迹实时记录→运动后个性化打卡分享→个人长期运动数据存档，形成完整的“运动—社交—复盘”闭环。
开屏三页引导完全站在用户视角，直白展示三大核心功能：结伴跑步、查看好友实时运动、打卡分享运动日常。页面搭配治愈 IP 形象，文字简短易懂，底部统一行动按钮，无多余信息干扰，用户 3 秒就能明白产品能为自己带来什么，大幅降低新用户认知成本。
运动前页面：社交激励唤醒运动动力
用户进入 App 首页即可实时查看全部好友运动动态：包含好友跑步距离、上次运动时间、在线状态。配套暖心唤醒通知机制：针对 3 天以上未运动的好友推送提醒，通过社交督促激发用户运动意愿，解决 “独自运动没动力” 的核心痛点。页面信息分层清晰：好友动态列表为核心区域，底部放置一键开启跑步的主按钮，用户无需多次跳转就能快速开启运动。
跑步过程页面摒弃繁杂数据堆砌，只保留用户最关心的 4 项核心信息：实时距离、运动时长、配速、步频；搭配彩色渐变地图轨迹，直观展示跑步路线，视觉柔和不刺眼；全程仅保留 “暂停记录”“结束跑步” 两个核心操作按钮，避免多余功能分散用户运动注意力，适配户外跑步单手简易操作的使用场景。
跑步结束后支持两种打卡展示形式：标准轨迹地图、自定义实景照片背景；用户可自由替换背景图，搭配运动数据生成专属运动动态，丰富分享素材，提升用户主动分享至社交平台的意愿。极简一键发布按钮，完整打通 “运动完成 - 分享互动” 的社交链路。
个人主页分为两大模块：打卡相册、月度运动记录清单。打卡相册以日历图文形式留存每一次运动瞬间，月度清单清晰展示每日跑步数据，让用户直观看见长期运动收获，强化坚持运动的成就感，提升用户长期留存。
项目打造专属蓝色软萌球形 IP，覆盖全套情绪表情：开心奔跑、疲惫低落、加油鼓励、心动点赞等，适配 App 全部使用场景。核心设计逻辑：将冰冷的运动数据赋予情绪温度，用户运动时、懈怠时、完成目标时都有对应 IP 形象陪伴，消解独自运动的枯燥感，建立情感联结。IP 统一应用在弹窗、气泡提示、卡片、引导页，品牌记忆点极强。
· 主色调：柔和浅天蓝色，低饱和度不刺眼，适配长时间户外、室内看手机场景，传递轻松治愈的运动氛围；
· 辅助色：浅灰、纯白作为页面基底，深蓝色作为主操作按钮，区分主次操作；
· 状态色：火焰橙、爱心粉、星星浅黄作为情绪点缀色，仅用于 IP、标签小元素，不破坏整体干净清爽的视觉基调。
整套 App 搭建完整可复用 UI 组件库，覆盖按钮、输入框、列表、卡片、弹窗、底部导航、标签气泡等全部基础元素。统一组件带来两大用户优势：
1. 全页面操作逻辑一致，用户切换页面无需重新适应操作方式；
2. 界面整洁统一，无杂乱视觉元素干扰，查找功能、阅读信息效率更高。
1. 实时好友同步机制：无需主动刷新，一键查看好友当前跑步位置与进度，实现“线上结伴跑步” 的陪伴感；
2. 轻量化信息减法：运动页面只保留刚需数据，非必要功能全部收纳至次级页面，适配户外单手操作；
3. 情绪化反馈设计：所有弹窗、通知、结果页面搭配对应 IP 表情，运动完成给予正向鼓励，懈怠时给予温柔提醒；
4. 多形式分享载体：支持地图轨迹、实景照片双模式打卡，满足不同用户的社交分享喜好；
5. 数据可视化沉淀：日历相册 + 月度清单双重形式记录运动成果，直观强化用户运动成就感。
1. 提升用户留存：依靠陪伴 IP + 社交激励双设计手段，解决运动类 App 普遍存在的 “三分钟热度” 流失问题，拉长用户使用周期；
2. 降低用户获客成本：丰富个性化打卡素材，驱动用户自发向外分享传播，实现自然流量裂变；
3. 差异化市场竞争力：市面上多数跑步软件偏向专业硬核数据，本产品主打治愈陪伴社交，精准切入普通休闲慢跑人群空白赛道；
4. 低研发迭代成本：全套标准化组件库，后续新增活动、功能页面可快速复用，降低产品迭代开发成本。
1. 以用户情绪需求为底层逻辑，不止做运动数据工具，更打造陪伴式运动社交空间；
2. 全流程轻量化信息设计，区分运动前 / 中 / 后不同场景的用户操作需求，精准简化页面信息；
3. 专属 IP 贯穿全场景，建立独特品牌情绪记忆点，和同类运动产品形成明显视觉差异化；
标准化组件系统统一全端体验，兼顾用户使用流畅度与产品长期迭代效率。
图片来自Behance
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
