片手で操作するゲームのインタラクションをウォッチフェイスに収める方法
片手で操作するゲームのインタラクションをウォッチフェイスに収めるには、1つの明確なアクションに絞り込み、ウォッチフェイスをミニチュアのゲーム画面ではなく、すばやいエントリーポイントとして機能させます。コンプリケーションで簡潔なゲーム状況やプロンプトを表示し、タップされたらウォッチアプリを起動します。実際のアクションは、フィードバックを提供しゲームプレイを処理できるアプリ内で行う必要があります。このパターンは、継続的なステアリングや複数のコントロールを必要とするゲームよりも、短時間のターン制ゲームやシングルアクションのゲームに適しています。
まずはゲームを「1つの決断」に絞り込むことから始める
インタラクションの瞬間にプレイヤーが行うべきことを書き出してみましょう。タップしてジャンプする、左右を選択する、動くマーカーを止める、または手番を確定するなどです。そのアクションに一連のタップ操作、複数の同時入力、または正確なドラッグが必要な場合、一目で確認できるウォッチフェイスのエントリーポイントとしては複雑すぎる可能性があります。Wear OSのガイドラインでは、1つまたは2つの重要なタスクに集中し、ウォッチのインタラクションが数秒以内に完了するように設計することを推奨しています。Android Developers: デザインの原則
有用なデザインテストとして、「次の手を数語で説明できるか」、そして「1回のタップでプレイヤーをそのアクションに直接導けるか」という点があります。例えば、ターン制パズルなら「あなたの番です」というテキストと盤面の簡潔な手がかりを表示できます。プレイヤーがコンプリケーションをタップするとゲーム画面が表示され、1手打つと目に見える結果が得られます。これはデザインの一例であり、プラットフォームの要件ではありません。
ウォッチフェイスをランチャー兼クイック確認用の画面として扱う
ウォッチフェイスには、システムによって定義された限られたコンプリケーション枠しかありません。Apple Watchでは、コンプリケーションが情報を表示し、タップするとアプリが起動します。Appleのガイドラインでは、タイムリーで一目でわかるコンテンツの重要性が強調されており、コンプリケーションがアプリランチャーとしても機能することが示されています。Wear OSでも同様に、コンプリケーションを繰り返し行うアクションや一目でわかる情報ユニットとして説明しており、より詳細な体験のためにアプリを開くことができます。Apple Developer: コンプリケーション · Android Developers: Wear OS のユーザー インターフェース
この役割分担から、実用的なパターンが導き出せます。ステータス、プロンプト、またはプレイ準備完了の合図をウォッチフェイスに配置し、プレイ可能なコントロールはアプリ内に置くというアプローチです。ウォッチフェイスのタップ自体にタイミングが重要なアクションを持たせるのは避けてください。プレイヤーがウォッチをスリープ解除したり、アプリを開いたり、該当する画面が表示されるのを待ったりする必要がある場合があるためです。プレイヤーが行動を起こす前にメニュー内を移動しなくて済むよう、起動先の画面は目的に直結したものにしておきましょう。
空いている手で操作できる入力方法を選ぶ
1つの決定的なアクションを行う場合、通常は大きなタップ領域を設けるのが最もシンプルな出発点となります。プレイヤーが2つの選択肢を区別する必要がある場合は、明確に離れた2つのターゲットを持つレイアウトを採用し、各選択肢の配置に一貫性を持たせます。Wear OSのガイドラインでは、メディアコントロールの最小タップターゲットを48×48 dpと定めています。これはそれらのコントロールに関するプラットフォーム固有の基準であり、あらゆるウォッチで快適にプレイできることを普遍的に保証するものではない点に留意してください。Android Developers: メディア コントロール
また、ゲームの重要な状態を覆い隠さないコントロールも検討してください。初期のスマートウォッチゲームに関するGame Developerの記事では、小さなディスプレイの多くをボタンに占有されないよう画面上の任意の場所をタップする手法を採用したことや、ボタンの配置が画面を遮る可能性があり、どちらの腕に装着しているかを考慮すべきであるという注意点が述べられています。これは実例に基づくデザインレポートであり、現在のプラットフォーム標準ではありません。Game Developer: Playing with Wearables
Apple Watchでは、Digital Crownを使ってナビゲーションやカスタムコントロールを行えますが、AppleはCrownによるインタラクションに対応するタッチ操作を用意することを推奨しています。Crown入力は、順序付けられた選択肢から選んだり値を調整したりするのには便利ですが、1回タップするだけのアクションしかないゲームにはほとんどメリットをもたらしません。Apple Developer: Digital Crown
アクションと結果をわかりやすく伝える
目立つアクションの手がかりを1つ、短い指示を1つ、そして手を打つのに必要な最小限の状況情報のみを使用します。丸型や角型のディスプレイでは端や四隅でコンテンツが切り取られたり圧迫されたりすることがあるため、重要なインジケーターはそうした場所から離して配置してください。これまでのスマートウォッチゲームの設計事例でも、円形と四角形の両方の画面を考慮し、インターフェースを最小限に抑える必要性が指摘されています。これを設計上の考慮事項とし、対象のウォッチモデルで実際に確認してください。Game Developer: Playing with Wearables
入力後は、入力が認識されたことと何が変化したかを表示します。短時間の状態変化、アニメーション、または触覚フィードバック(ハプティクス)によってアクションを確認できますが、核となる結果は音声を再生しなくても理解できるようにしておく必要があります。プラットフォームがサポートしている場合は、常時表示や減光(アンビエント)状態でも画面が役立つようにし、成功の通知を細かいディテール、色のみ、または効果音だけに頼らないようにしてください。これらは、一目で確認することを前提とした小さな画面から導き出された実用的なインターフェースの推奨事項です。実際のディスプレイでテストしてください。
ウォッチフェイスだけでなく、全体の動線をプロトタイピングする
ウォッチフェイスを見る、コンプリケーションをタップする、ゲーム画面に到達する、アクションを行う、確認を見る、そしてウォッチフェイスに戻るかゲームを続ける、という一連の流れ全体を描き出します。必要なステップ数を数え、プレイヤーのアクションに寄与しない画面はすべて省きましょう。Appleプラットフォームでは、watchOS 9以降の現在のコンプリケーションにWidgetKitが使用されています。Appleはコンプリケーションを、アプリへのすばやいアクセスを提供するシステムレンダリングの一目確認用ビューとして説明しています。Apple Developer: アクセサリウィジェットとウォッチコンプリケーションの作成
Wear OSでは、ウォッチフェイスを完全なインタラクティブゲームのキャンバスとみなすのではなく、適切なコンプリケーションやアプリ画面を活用してください。Googleのインターフェースガイドラインでは、コンプリケーションをアプリへのアクセスポイントと位置づけており、全般的なデザイン原則ではウォッチ上でのタスクを集中して手短に行えるものにすることを推奨しています。具体的な実装はプラットフォーム、ウォッチのサイズ、サポートされているウォッチフェイスのスロットによって異なるため、特定のインタラクションを中心に構築する前に、対象環境の最新ドキュメントを確認してください。
実際の腕の位置や失敗ケースを想定してテストする
対象となるウォッチの実機でプロトタイプを試してください。ゲームが左右どちらの腕でも使われる可能性がある場合は、両方の腕でテストします。何人かに指示を出さずにタスクを実行してもらってください。誤タップ、隠れて見えない情報、コントロールを見つけるための度重なる試行、アクションが成功したとわかるかどうかを観察します。スマートフォンのモックアップを縮小しても、指がウォッチのディスプレイを覆う様子までは再現できないため、画面が小さいモデルや丸型ディスプレイは個別にテストしてください。
中断への対処も確認します。プレイヤーがゲームを終了したり、手番の合間にウォッチの画面が暗くなったりした場合でも、現在の状態が復元可能であり、アプリを再度開いたときに完了したアクションをやり直す必要がないことを確認してください。アクションを繰り返し実行しても安全な仕様にするか、アクションがすでに登録されたことを明確に示します。ゲームプレイがすばやいタイミング、多くのコントロール、または途切れのない集中力に依存している場合は、そのメカニクスをより大きなデバイスに移すか、ウォッチに適した短い手番の連続として再設計してください。
簡潔な判断基準
プレイヤーにとってタイムリーなゲームの手がかりを確認できるメリットがあり、1タップでゲームに入れる場合は、ウォッチフェイスのコンプリケーションを使用します。プレイ可能なアクションはアプリ内に配置し、一度に1つの明確な入力に絞り、コントロールとその結果としての状態の両方に十分な画面領域を確保してください。微小なターゲット、繰り返しのナビゲーション、または継続的な正確さを前提としないと成り立たないコンセプトであれば、ウォッチ上にレイアウトする前にメカニクスを簡素化してください。
したがって、ウォッチフェイスへの最も優れた適応とは、小さなゲームの手番への「小さな入り口」を作ることです。すなわち、「一目で確認し、起動し、行動し、結果を確かめる」という流れです。利用可能なコンプリケーションの形状、画面の形状、入力オプションはプラットフォームやデバイスによって異なるため、この動線全体を対象のウォッチ上で構築し、テストしてください。
参考資料
- Complications — Apple Developer Human Interface Guidelines
- Digital Crown — Apple Developer Human Interface Guidelines
- Creating accessory widgets and watch complications — Apple Developer Documentation
- デザインの原則 — Android Developers
- メディア コントロール — Android Developers
- Wear OS のユーザー インターフェース — Android Developers
- Playing with Wearables: A Journey in Ultra-Small Game Design — Game Developer
