設計友善新手直覺紀錄系統 整合教學社群共創健身習慣

  • 類別

    .

    UI/UX Design

  • 角色

    .

    概念發想到最終視覺

  • .

    2023

專案亮點成果

.

  • 模組化直覺紀錄系統:採用卡片式 UI 簡化資料輸入路徑,有效降低新手操作疲乏,打造低負擔的紀錄體驗。

  • 引導式資訊視覺化:整合教學內容與圖表,將複雜數據轉化為直覺視覺回饋,提升資訊讀取與學習效率。

  • 社群動力與行為轉化:透過社群互動與回饋機制建立歸屬感,強化持續訓練的心理動力,協助養成健康習慣。

Cover
Cover

專案簡介

.

Fitcomm 的誕生源於對健身新手困境的觀察。許多人在起步時,常迷失於瑣碎的資訊與不確定的動作中,缺乏一套能將學習、紀錄與反饋整合的系統。本專案旨在解決「資訊碎片化」的痛點,建立一個讓新手能直覺開始並穩定成長的健身生態。

  • 整合散落在各平台的零碎資訊,消除新手「不知從何練起」的決策焦慮。

  • 建立系統化的動作導引與便捷紀錄流程,優化學習與紀錄路徑,取代過往猜測與手動搜索的負擔。

  • 透過社群機制打破封閉訓練的枯燥感,將個人進展轉化為可共享的成就動力。

Project showcase.
Project showcase.

挑戰與目標

.

健身新手的挫折多源於破碎的資訊鏈與繁瑣的記錄流程。本專案核心在於轉化龐雜數據,透過結構化的介面邏輯降低心理門檻,將碎片化資訊整合為一套有跡可循的成長系統。

我歸納了健身新手最常面臨的五大核心痛點,並提出對應的解決方向。
這些障礙往往是導致計畫中斷的主因,也是核心優化重點:


  1. 缺乏系統課表 → 個人化導引:依體態自動生成課表,並內建動作示範庫。

  2. 數據追蹤斷層 → 視覺化進度:透過便捷輸入與圖表分析,讓進步清晰可見。

  3. 資訊門檻過高 → 權威知識庫:整合系統性專業資訊,消除新手摸索的焦慮。

  4. 孤軍奮戰倦怠 → 正向社群機制:打造分享與討論平台,建立互助學習循環。

  5. 搜尋效率低落 → 一站式數據整合:整合營養與動作數據,大幅降低搜尋成本。

Project showcase.

解決方案策略

.

針對前述目標,我採取「卡片式模組」與「引導式路徑」作為核心設計策略,將複雜的健康管理需求拆解為三大功能模組。

我的設計目標聚焦於:

  1. 極小化操作負擔: 簡化資料輸入流程,降低使用者的紀錄門檻。

  2. 極大化資訊可讀: 透過視覺階層與圖表化,讓數據產生價值與意義。

  1. 智慧飲食計畫與極簡紀錄

  2. 結構化動作庫與彈性課表

  3. 社群動能與正向回饋

A. 智慧飲食計畫與極簡紀錄

降低資料輸入負擔

針對飲食記錄的高頻率、低耐性痛點,我重新設計了資訊輸入結構。透過「自訂餐點組合」與「歷史選取機制」,將繁瑣的記錄流程轉化為直觀的點擊動作,有效降低使用者的認知負擔與操作摩擦力。

資訊可視化、降低視覺壓力

將枯燥的營養數據轉化為具備層次的視覺指標。利用環狀進度圖即時回饋攝取狀態,並透過卡片式排版與可摺疊細節,確保介面在維持高資訊密度的同時,依然保有清爽的閱讀節奏。

B. 結構化動作庫與彈性課表

分流引導、訓練參數預輸入

針對新手難以提供精確數據的痛點,我設計了經驗分流機制。透過區隔填寫路徑,新手僅需填寫基礎體能,有經驗者則可設定進階參數,系統透過這些數據自動生成客製課表。排除了使用者因缺乏專業知識而產生的認知阻力,將繁瑣輸入轉化為即時行動指令,解決起步時的猶豫感。

圖像化教學、降低學習門檻

為解決動作理解門檻高的痛點,我將教學拆解為圖像化卡片。透過直覺的人體部位圖與分解動作導引,讓使用者「看圖即懂」訓練重點,無需閱讀大量文字即可精確定位目標,降低資訊負荷。

指令導引、維持訓練節奏

為了讓介面不干擾訓練,我將流程簡化為「指令式導引」。從自動生成的課表到一鍵替換器材方案,並整合組間計時與快速記錄功能。透過降低操作摩擦力,讓使用者專注於動作執行,確保訓練節奏連貫流暢。

C. 社群動能與正向回饋

考量健身是長期的行為轉化,透過社群互動打破單向苦練的封閉感。藉由建立歸屬感,將個人努力轉化為持續的社群認同與自我動力。

數據社交化、將努力轉化為視覺證明

支援一鍵分享訓練心得與食譜,將枯燥的訓練數據轉化為具備成就感的視覺證明,不僅強化用戶的「健身者」身份認同,更透過公開承諾提升持續動力。

正向互動、建立歸屬感對抗倦怠

引入留言與收藏機制,打破訓練過程中的孤獨感。透過同儕共鳴與鼓勵,建立即時的反饋連結,有效緩解健身倦怠,幫助用戶在漫長的旅程中堅持下去。

資訊輕量化、確保流暢的瀏覽節奏

採用簡潔且清晰的資訊架構,確保用戶在瀏覽大量社交動態時,依然能快速獲取精華內容,保有流暢且無負擔的互動體驗。

設計系統

本系統以活力橘作為關鍵引導,在清爽色調中激發運動動力並導航操作。搭配圓角卡片設計中和數據的生硬感,減輕視覺負擔並提升親和力。


  • 活力橘視覺引導 — 運用高對比橘色調激發運動動能,並精準引導核心操作。

  • 圓角卡片語意 — 以柔和的造型中和數據冷感,提升介面親和力並優化閱讀體驗。

  • 一致性組件規範 — 建立可擴充的元件系統,確保跨頁面操作的直覺性與連貫感。

Project showcase.
Project showcase.
Project showcase.
Project showcase.
Project showcase.

成果與影響

.

在這次專案中,我從使用者的行為痛點出發,成功將原本枯燥、高門檻的健康紀錄,重塑為一套兼具動能感與親和力的視覺系統,具體成果體現於以下三個面向:

  • 極簡紀錄體驗:透過預設模組與直覺選單,大幅降低紀錄阻力,讓新手能輕鬆建立習慣。

  • 進度視覺呈現:將隱性體感轉化為直覺圖表,讓每一次運動與飲食都能獲得即時的成就回饋。

  • 專業設計語意:建立一致且具親和力的組件系統,成功平衡了產品的專業性與易用性。

設計反思

.

從降低操作壓力出發的設計實踐

這次專案讓我深刻體會到:設計的本質是降低行為阻力。 健身與飲食紀錄屬於高頻行為,設計關鍵不在於視覺華麗,而是如何透過預設資料與視覺化反饋,降低使用壓力並引導持續。我學會了不只是「畫 UI」,而是從痛點出發,將策略轉化為功能與介面細節,確保設計能真正為產品價值貢獻判斷。我希望這個 App 能成為陪伴新手的證據,讓原本容易放棄的過程,轉變為「我做到了」的成就感。

Eva Huang
Eva Huang
Eva Huang
Designer

分析需求,是理性的開端;創造共鳴,是感性的收尾。
期待與你一起,透過邏輯解決問題,用視覺落實想像。

Available For Work

evahuang36@gmail.com

© 2026 Eva Huang
Crafted with Logic & Explosion

分析需求,是理性的開端;創造共鳴,是感性的收尾。
期待與你一起,透過邏輯解決問題,用視覺落實想像。

Available For Work

evahuang36@gmail.com

© 2026 Eva Huang
Crafted with Logic & Explosion

分析需求,是理性的開端;
創造共鳴,是感性的收尾。
期待與你一起,透過邏輯解決問題,用視覺落實想像。

Available For Work

evahuang36@gmail.com

© 2026 Eva Huang
Crafted with Logic & Explosion