設計友善新手直覺紀錄系統 整合教學社群共創健身習慣
類別
.
UI/UX Design
角色
.
概念發想到最終視覺
年
.
2023
專案亮點成果
.
模組化直覺紀錄系統:採用卡片式 UI 簡化資料輸入路徑,有效降低新手操作疲乏,打造低負擔的紀錄體驗。
引導式資訊視覺化:整合教學內容與圖表,將複雜數據轉化為直覺視覺回饋,提升資訊讀取與學習效率。
社群動力與行為轉化:透過社群互動與回饋機制建立歸屬感,強化持續訓練的心理動力,協助養成健康習慣。
專案簡介
.
Fitcomm 的誕生源於對健身新手困境的觀察。許多人在起步時,常迷失於瑣碎的資訊與不確定的動作中,缺乏一套能將學習、紀錄與反饋整合的系統。本專案旨在解決「資訊碎片化」的痛點,建立一個讓新手能直覺開始並穩定成長的健身生態。
整合散落在各平台的零碎資訊,消除新手「不知從何練起」的決策焦慮。
建立系統化的動作導引與便捷紀錄流程,優化學習與紀錄路徑,取代過往猜測與手動搜索的負擔。
透過社群機制打破封閉訓練的枯燥感,將個人進展轉化為可共享的成就動力。
挑戰與目標
.
健身新手的挫折多源於破碎的資訊鏈與繁瑣的記錄流程。本專案核心在於轉化龐雜數據,透過結構化的介面邏輯降低心理門檻,將碎片化資訊整合為一套有跡可循的成長系統。
我歸納了健身新手最常面臨的五大核心痛點,並提出對應的解決方向。
這些障礙往往是導致計畫中斷的主因,也是核心優化重點:
缺乏系統課表 → 個人化導引:依體態自動生成課表,並內建動作示範庫。
數據追蹤斷層 → 視覺化進度:透過便捷輸入與圖表分析,讓進步清晰可見。
資訊門檻過高 → 權威知識庫:整合系統性專業資訊,消除新手摸索的焦慮。
孤軍奮戰倦怠 → 正向社群機制:打造分享與討論平台,建立互助學習循環。
搜尋效率低落 → 一站式數據整合:整合營養與動作數據,大幅降低搜尋成本。

解決方案策略
.
針對前述目標,我採取「卡片式模組」與「引導式路徑」作為核心設計策略,將複雜的健康管理需求拆解為三大功能模組。
我的設計目標聚焦於:
極小化操作負擔: 簡化資料輸入流程,降低使用者的紀錄門檻。
極大化資訊可讀: 透過視覺階層與圖表化,讓數據產生價值與意義。
智慧飲食計畫與極簡紀錄
結構化動作庫與彈性課表
社群動能與正向回饋
A. 智慧飲食計畫與極簡紀錄
降低資料輸入負擔
針對飲食記錄的高頻率、低耐性痛點,我重新設計了資訊輸入結構。透過「自訂餐點組合」與「歷史選取機制」,將繁瑣的記錄流程轉化為直觀的點擊動作,有效降低使用者的認知負擔與操作摩擦力。
資訊可視化、降低視覺壓力
將枯燥的營養數據轉化為具備層次的視覺指標。利用環狀進度圖即時回饋攝取狀態,並透過卡片式排版與可摺疊細節,確保介面在維持高資訊密度的同時,依然保有清爽的閱讀節奏。
B. 結構化動作庫與彈性課表
分流引導、訓練參數預輸入
針對新手難以提供精確數據的痛點,我設計了經驗分流機制。透過區隔填寫路徑,新手僅需填寫基礎體能,有經驗者則可設定進階參數,系統透過這些數據自動生成客製課表。排除了使用者因缺乏專業知識而產生的認知阻力,將繁瑣輸入轉化為即時行動指令,解決起步時的猶豫感。
圖像化教學、降低學習門檻
為解決動作理解門檻高的痛點,我將教學拆解為圖像化卡片。透過直覺的人體部位圖與分解動作導引,讓使用者「看圖即懂」訓練重點,無需閱讀大量文字即可精確定位目標,降低資訊負荷。
指令導引、維持訓練節奏
為了讓介面不干擾訓練,我將流程簡化為「指令式導引」。從自動生成的課表到一鍵替換器材方案,並整合組間計時與快速記錄功能。透過降低操作摩擦力,讓使用者專注於動作執行,確保訓練節奏連貫流暢。
C. 社群動能與正向回饋
考量健身是長期的行為轉化,透過社群互動打破單向苦練的封閉感。藉由建立歸屬感,將個人努力轉化為持續的社群認同與自我動力。
數據社交化、將努力轉化為視覺證明
支援一鍵分享訓練心得與食譜,將枯燥的訓練數據轉化為具備成就感的視覺證明,不僅強化用戶的「健身者」身份認同,更透過公開承諾提升持續動力。
正向互動、建立歸屬感對抗倦怠
引入留言與收藏機制,打破訓練過程中的孤獨感。透過同儕共鳴與鼓勵,建立即時的反饋連結,有效緩解健身倦怠,幫助用戶在漫長的旅程中堅持下去。
資訊輕量化、確保流暢的瀏覽節奏
採用簡潔且清晰的資訊架構,確保用戶在瀏覽大量社交動態時,依然能快速獲取精華內容,保有流暢且無負擔的互動體驗。
設計系統
本系統以活力橘作為關鍵引導,在清爽色調中激發運動動力並導航操作。搭配圓角卡片設計中和數據的生硬感,減輕視覺負擔並提升親和力。
活力橘視覺引導 — 運用高對比橘色調激發運動動能,並精準引導核心操作。
圓角卡片語意 — 以柔和的造型中和數據冷感,提升介面親和力並優化閱讀體驗。
一致性組件規範 — 建立可擴充的元件系統,確保跨頁面操作的直覺性與連貫感。

成果與影響
.
在這次專案中,我從使用者的行為痛點出發,成功將原本枯燥、高門檻的健康紀錄,重塑為一套兼具動能感與親和力的視覺系統,具體成果體現於以下三個面向:
極簡紀錄體驗:透過預設模組與直覺選單,大幅降低紀錄阻力,讓新手能輕鬆建立習慣。
進度視覺呈現:將隱性體感轉化為直覺圖表,讓每一次運動與飲食都能獲得即時的成就回饋。
專業設計語意:建立一致且具親和力的組件系統,成功平衡了產品的專業性與易用性。
設計反思
.
從降低操作壓力出發的設計實踐
這次專案讓我深刻體會到:設計的本質是降低行為阻力。 健身與飲食紀錄屬於高頻行為,設計關鍵不在於視覺華麗,而是如何透過預設資料與視覺化反饋,降低使用壓力並引導持續。我學會了不只是「畫 UI」,而是從痛點出發,將策略轉化為功能與介面細節,確保設計能真正為產品價值貢獻判斷。我希望這個 App 能成為陪伴新手的證據,讓原本容易放棄的過程,轉變為「我做到了」的成就感。
















