汗ばんだ手。ハードなセットのあと、わずかに震える指。グローブ。 そんな状況でワークアウトトラッカーを開き、スマートフォンのキーボードで重量とレップ数を 入力することを求められる。それはデザインではなく、忍耐力のテストだ。 VigiGymはそのためにキーボードをワークアウトログから完全に排除し、 メモ入力のみに限定した。

なぜキーボードはジムに向かないのか

VigiGym最初のプロトタイプ — 重量、セット数、レップ数をまだクラシックなステッパーボタンで操作
バージョン1:ステッパーボタン、1タップ1ステップ。

スマートフォンのキーボードはテキストメッセージのために作られたものであり、 筋力トレーニングのためではない。キーは小さく、入力フィールドはさらに小さい。 通常の状況ならそれで問題ない。しかしジムでは違う。

ワーキングセットの後、手はしばしば湿っている。微細な運動制御が低下する。 普段は反射的にできることが、作業になってしまう。多くのアプリがこれを軽視している。 私自身、何度もそれを経験した。

結果として、タイプミスが起き、修正し、正しい値を探してまた入力する。 3秒が20秒になる。

狭い範囲にはスライダー、広い範囲にはホイール

VigiGym第2プロトタイプ — 重量、セット、レップ用に改良されたステッパーバリアント
プロトタイプ02:新しい見た目、同じ制約。

解決策は妥協の産物ではなかった。トレーニング中に生じる入力状況を 具体的に分析することから生まれた。

セット数は1〜6という狭い範囲に収まる。レップ数は1〜20。 このような値域には、スライダーが最適なツールだ。一度タッチして左右にスワイプするだけ。 グローブをつけていても正確で、指が震えていてもぶれない。

重量はより広い範囲をカバーする——種目や進捗によって20kgから200kgまで。 ここではホイールが優れた選択肢だ。連続的にスクロールでき、値が一定のペースで変化し、 目標の数値にすばやく到達できる。また重量には0.5kg刻みという中間値が存在するが、 レップ数やセット数にはそれが必要ない。

この2つの入力要素に共通するのは、有効化に必要なのが1回のタッチだけという点だ。 キーボードが飛び出すことも、フィールドをタップしてから消去する手間もない。

正しい入力方式はどのように見つかったか

VigiGym第3プロトタイプ(ダークモード) — セットとレップ用の初期スライダーが登場、重量はまだステッパー
プロトタイプ03:レップとセット用の初期スライダー。

最終的にスライダーとホイールにたどり着いたのは、決して自明な結論ではなかった。 現在のインターフェースが完成するまでに、いくつかのバリアントを試した。 古いスクリーンショットを見れば一目瞭然だ。初期バージョンのVigiGymは テキスト入力フィールドやステッパー要素などを採用していた—— 紙の上では機能するアプローチだが、実際のトレーニング環境ではすぐに限界を迎えた。

同時に、入力要素がどのように表示されるべきかという問いも浮かび上がった。 2つの選択肢があった。画面全体を覆うモーダルウィンドウか、 あるいはシート——画面下から現れ、残りのコンテキストを見えたままにするパネル——か。 シートにはここで明確な優位性がある。いまどの種目をログしているか、 ワークアウトのどの位置にいるか、前のセットはどうだったかが、引き続き見える。 文脈が保たれる。ジムでは注意が分散しがちなだけに、これは重要だ。

ボタンの大きさが些細な問題でない理由

VigiGym第4プロトタイプ — 値タイル、レップとセット用スライダー、重量用の独立ボタン
プロトタイプ04:スライダーは完成、ホイールを模索中。

VigiGymを開発する前に分析したほとんどのアプリには、共通点があった—— コントロール要素が小さすぎる。通常の画面操作には十分なボタンも、 精度が落ちた途端に機能しなくなる。

VigiGymでは、ワークアウトログのすべてのインタラクティブ要素が意図的に大きく設計されている。 見た目が良くなるから、というだけではない——それも確かに大切で、 私はVigiGymを見ていて心地よいアプリにしたいと思っていた—— ジムで機能しなければならないからだ。このアプリは現実のトレーニング環境で使われる。 デスクの前ではなく。

当然のことのように聞こえるかもしれない。しかしそうではない。

すべてのボタンの配置と大きさの背後にはフィッツの法則がある。 ターゲットが大きく、距離が短いほど、速く正確に到達できるという法則だ。 ジムのコンテキストで言えば、ボタンが大きいほど、心拍数が高く微細運動制御が低下した 状態でのエラー率が下がる。これは理論ではなく、測定可能な事実だ。 VigiGymの重要な操作は、負荷がかかった状態で親指が最も確実に届く場所に置かれている—— 大きく、画面の下部に、無理な動作なしで。

ヒックの法則もVigiGymのUX全体に影響を与えた。 ユーザーが同時に見る選択肢が多いほど、判断に時間がかかる。 VigiGymはワークアウトログで、現在のセットに関連するものだけを表示する。 それ以外はすべて背景に退く。

実践的に意味すること:1セット1値3秒

VigiGym最終版 — セットリスト上のグラスモーフィズムスライダーシート:1回のスワイプで値を設定
現在のバージョン:シートとしてのスライダー、1値3秒。

VigiGymの約束は「3秒でログできるワークアウトトラッカー」だ。 スライダーとホイールは、その約束を支える技術的な核だ。

実行中のセットを開く。重量、レップ数、セット数をそれぞれ1回のスワイプで設定する。 確定する。完了。アプリは意識の外に消える。鉄は消えない。

これはマーケティングの言葉ではない。私、Achim Loobes——VigiGymのインディーデベロッパー——が 最初のコミットから一貫して守り続けたデザイン哲学の結果だ。 アプリがトレーニングに奉仕する。その逆ではない。

「効果と効率は、後から付け加えた最適化目標ではなかった——それ自体が出発点だった。」

その言葉の背後にあるのは、開発者の好みだけではない。VigiGymのすべての機能、 すべてのボタン、すべてのインタラクションが同じ問いに答えなければならなかった—— それは目標へより速く、より確実に到達させるか。それとも邪魔になるか。

開発者としての私の信念はこうだ。ワークアウトトラッカー兼トレーニングプランナーが 本当に優れているのは、その存在をほとんど意識しないときだ。見えないからではなく、 自然すぎてほかの方法があることすら思いつかないほど、流れに溶け込んでいるからだ。 それがVigiGymの目指す感覚だ。 ジムで。重量の下で。汗ばんだ手で。

要点まとめ

  • ワークアウトログにキーボードなし — スマートフォンのキーボードはトレーニング環境ではエラーが多すぎる:汗、震え、グローブ。
  • 狭い範囲にはスライダー、広い範囲にはホイール — セット数(1〜6)とレップ数(1〜20)はスライダーで、重量はホイールで。1タッチ、1スワイプ、完了。
  • モーダルではなくシート — 値を入力中もトレーニングの文脈が見える。セッションのどこにいるかを常に把握できる。
  • フィッツの法則とヒックの法則 — 適切な位置に置かれた大きなボタンは、高心拍数時のエラーを減らす。選択肢が少ないほど判断が速くなる。

よくある質問

VigiGymでキーボードを使って数値を手動入力することはできますか?

できません。VigiGymはワークアウトログでのキーボード入力を意図的に排除しています。 スライダーとホイールがすべての関連値の範囲をカバーしており、 トレーニング中はより速く、より正確に操作できます。

VigiGymの入力はトレーニンググローブをつけたまま使えますか?

はい。スライダーとホイールは、指の精度が低い状態での使用を前提に設計されています—— グローブ着用、汗ばんだ手、ハードなセット後のわずかな震えも含めて。

なぜVigiGymはレップ数にスライダーを、重量にホイールを使うのですか?

値の範囲が根本的に異なるからです。セット数(1〜6)とレップ数(1〜20)は狭い範囲なので スライダーが正確かつ迅速です。重量は範囲が広く、種目によっても大きく変わります。 ホイールなら広い範囲を素早くナビゲートでき、0.5kg刻みの調整も可能です。

VigiGymにおけるモーダルウィンドウとシートの違いは何ですか?

モーダルウィンドウは画面全体を占有し、コンテキストを隠します。シートは画面下から現れ、 現在のワークアウトの状況を見たまま操作できます。VigiGymがシートを採用しているのは、 今何の種目を記録しているか、セッションのどの位置にいるかを常に把握できるようにするためです。

もっとスマートにトレーニングしませんか?

無料ダウンロード。賢いトレーニングへ。

App StoreでVigiGymワークアウトトラッカーをダウンロード — iPhone用・無料
Achim Loobes — iOSデベロッパー、VigiGymの開発者

Achim Loobes

インディーデベロッパー、アスリート、そしてVigiGymの一ピクセル一ピクセルを作った人間。 1985年からコードを書いている。今もトレーニングを続けている。今もリリースし続けている。 ドイツ・メンヒェングラートバッハ在住。