technine.io

手機 App · 設計概念

健身訓練 App

輕量運動應用概念,展示今日練習、動作指引及三節中完成兩節的進度,並附暫停和完成狀態建議。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

健身訓練 App

設計概念

健身訓練 App: 鮮明的手機設計 · 訓練及進度
查看設計 ↗
鮮明的手機設計 · 訓練及進度

設計起點

讓人容易找到一節短時間練習,也方便稍後返回。概念以簡單日常安排為主,不設排名或連續打卡競爭。

適用對象
瀏覽輕量運動練習及記錄完成情況的人士。
需要考慮的限制
練習及進度均屬示意,並非個人運動建議。三節中完成兩節只是活動記錄例子,不代表健康成效。

建議的操作流程

  1. 01

    找到今日練習

    今日畫面以清楚入口介紹本節練習。

  2. 02

    查看動作指引

    練習畫面集中顯示指引,與整體計劃分開。

  3. 03

    核對參與記錄

    進度畫面以三節中完成兩節示範活動記錄。

為何這樣設計?

暫停是正常操作

建議把暫停及離開放在容易找到的位置。進度提示不應催促用戶繼續。

說清楚記錄內容

完成練習只表示參與記錄,不能當作體能改善的證明。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 練習背景

    #FFF7EF

  • 練習操作

    #C95D2B

  • 指示文字

    #35312E

字體與間距

資料清楚,下一步自然明確。

指引採用清晰的無襯線字體及舒適字級,時長和練習名稱比裝飾口號重要。

操作按鈕保留觸控空間。進度標籤靠近數字,讓總節數也容易看見。

正常流程以外的狀態

練習已暫停

練習已暫停。準備好可繼續,亦可離開。

已記錄完成

已標示完成。目前三節中已完成兩節。

未能儲存進度

進度未能儲存。離開畫面前請再試。

為甚麼顯示完成節數,而不是體能分數?

完成節數交代系統持有的活動記錄。體能分數需要另外定義及提供依據,概念不把兩者混用。