インフォテインメント システム全体で統一感のあるブランド エクスペリエンスを実現するために、自動車メーカーはカレンダー アプリの外観と操作性をカスタマイズできます。
ビジュアルブランディング:
- 色:昼モードと夜モードに特定のパレットを定義します。
- タイポグラフィ:ブランド固有の書体とフォントの太さを適用します。
- アイコン:イベントの種類とアクションにカスタム アイコン セットを使用します。
レイアウトとUI:
- スタイル設定:アプリ バー、サブヘッダー、イベント カードの外観をカスタマイズします。
- テーマ設定:車両の UI テーマに合わせてコーナーの半径と高度を調整します。
インタラクションモデル:
- 一目でわかるリスト:イベントのタイトル、時間、場所を表示する縦型リスト。
- 最小限のタップ:ドライバーは、リストまたは簡略化された詳細ビューから直接主要なアクション (ナビゲート/通話) にアクセスできます。
- 運転状態の認識:車両が走行している間、アプリは複雑な操作 (長い説明など) を制限します。
このページの内容:
- カレンダーのユーザーインターフェース全体にカスタムスタイルを適用する
- 車内に合わせてレイアウトを変更する
- 車のブランドを反映するようにUIテキストをカスタマイズする
- アプリの動作を変更してカレンダー機能をカスタマイズする
カスタムスタイルを適用する
車載アプリ全体で一貫したユーザーエクスペリエンスを実現します。カレンダーUIの色、テキストフォント、その他の要素を車のブランドに合わせてカスタマイズできます。
カレンダー UI の次の側面をカスタマイズします。
- カラーパレット
- アクセントカラー
- タイポグラフィ
- アイコン
- リスト項目のサイズ設定
スタイルを変更するときは、必ず一般的な UX 要件に従ってください。
レイアウトを変更する
- 車内の画面サイズに合わせてレイアウトを調整する
- 特定の車や場所に合わせてレイアウト要素を並べ替える
既存のレイアウトについては、 「解剖学」を参照してください。
画面サイズに合わせてレイアウトを調整する
画面要件に合わせてレイアウトを調整するには、次の 2 つの方法があります。
- リソースオーバーレイで画面全体の高さと幅を設定する
- カレンダービュー内の要素とタッチターゲットが適切に分離され、簡単にアクセスできることを確認します。
カレンダー仕様では、カレンダーの参照レイアウトが提供されています。調整を行う際には、このレイアウトを参考にしてください。
レイアウト要素を並べ替える
場合によっては、自動車メーカーは、主要言語が右から左に読むロケールで一部の要素を右から左に並べるなど、車の内部に合うようにカレンダーのレイアウトを変更する必要があることがあります。
UIテキストの置き換え
カレンダーUIのテキストフォントを車のブランドに合わせて変更します。既存のテキストについては、インタラクションモデルをご覧ください。
デザインの原則では、テキストの最大長と読みやすさに関する一般的なガイドラインが提供されます。
アプリの動作を変更する
カレンダーは、ユーザーの携帯電話上のコンパニオン アプリまたは別の標準カレンダー プロバイダーとの緊密な統合に依存するリファレンス アプリです。
カレンダーアプリの基盤となるJavaコードを編集することで、アプリの動作や機能を変更または拡張することができます。ただし、カレンダーコードを変更すると、将来のリリースで互換性が損なわれるリスクがあることにご注意ください。