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.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
