ボタン

ボタンを使用すると、車内で必要な操作(選択の確認や前のテンプレートに戻るなど)をドライバーが行えるようになります。

ボタンには次のものを含めることができます。

  • アイコンのみ
  • ラベルのみ
  • アイコン + ラベル
例
アクション ボタンの例

テンプレートのサポート

ボタンは次の場所で使用できます。

ガイダンス

アプリのボタンを設計する際は、次のアドバイスを参考にしてください。

  • デフォルトの色を置き換える前景色と背景色を指定できます。ただし、車両 OEM は、アプリの AAOS バージョンで提供された色を使用するかどうかを選択できます。

  • メインボタンにするボタンを指定できます。

  • ラベルは短くして、特にスペースが限られているナビゲーション テンプレートでラベルが途中で切れないようにします。

例
ボタンのデザイン例

プライマリ ボタン

最大 2 つのボタンを備えた [メッセージ]、[長いメッセージ]、[ペイン] テンプレートでは、1 つのボタンをメインとしてタグ付けして、メインのアクションを表すことができます。

プライマリ ボタンは、視認性と使いやすさを考慮して、アプリのアクセント カラーでハイライト表示されます。

時間指定ボタン

ユーザーが指定された時間内に操作しなかった場合に自動的に実行されるデフォルトのアクションに関連付けられたボタンを作成できます(アプリでカスタマイズ可能)。この戦略を使用するフローの例については、時間指定アラートに応答するをご覧ください。

カウントダウンをユーザーに伝えるため、ボタンはプログレス インジケーターが組み込まれたタイマーになります。タイマーのカウントダウンは、ボタン上を水平に移動するシェーディングで示されます。

Car App Library は、ボタンの背景色に基づいてタイマーの色を決定し、必要に応じて調整して十分なコントラストを確保します。

時間指定ボタンを作成するには、デフォルトのフラグを割り当てます。

例

これらの例では、ユーザーが他のアクションを選択する前に、ボタンの端まで進捗インジケーターの影が移動すると、Navigate アクションまたは Accept アクションが自動的に実行されます。