空間モデル

電話アプリのこの概要では、主な要素、要素が提供する基本機能、要素をまとめたアーキテクチャについて説明します。

詳細な説明は、他のセクションで説明します。これらのセクションのガイドについては、概要をご覧ください。


解剖学

電話アプリの UI には、4 種類のメインビューとさまざまな繰り返し要素(プライマリ ナビゲーションを提供するアプリバーなど)が含まれています。これらのビューと要素については、下記の表で説明します。以降のセクションで説明します。

ビューの種類 含まれる要素 表示されるタイミング
閲覧可能な連絡先(履歴、連絡先、お気に入り、詳細ビュー)
  • アプリバー(またはアプリヘッダー、詳細表示)
  • ブラウズ可能な連絡先スペース(リスト表示、ギャラリー表示、詳細表示)
ユーザーが連絡先および通話情報を閲覧している、または連絡先に電話をかけている
ダイヤルパッド
  • アプリバー
  • ダイヤルパッド
ユーザーが発信用の電話番号を入力している
通話中
  • 通話中のステータス画面
  • コントロール バー
通話中
アプリの制御(検索と設定)
  • アプリヘッダー
  • 検索または設定オーバーレイ
ユーザーが連絡先を検索するか、アプリの設定を調整する

ブラウズ可能な連絡先ビュー

電話アプリの詳細
1. メインのナビゲーション タブとアプリ コントロールを備えたアプリバー
2. 参照可能な連絡先スペース

これは、アプリバーと連絡先スペースのデフォルトの配置です。画面の寸法によっては、メインのナビゲーション コントロールとアプリ コントロールが、単一の水平バーに保持されるのではなく、重ねられる場合があります。

ダイヤルパッドと通話中のビュー

ダイヤルパッドの構成
1. ダイヤルパッド
インコール コントロール バーの構成
1. 通話中のステータス画面
2. コントロール バー

アプリのコントロールの表示(検索と設定)

検索の仕組み
1. アプリヘッダー / 検索バー
2. 検索オーバーレイ
設定の仕組み
1. アプリヘッダー
2. 設定オーバーレイ

メイン ナビゲーション(アプリバー)

アプリバーのメイン ナビゲーションは、

電話のナビゲーションの切り替えタブ
ユーザーは、アプリバーの [履歴]、[連絡先]、[お気に入り] のいずれかのタブを選択して、連絡先ビュー間を移動できます。ダイヤルパッドを選択して発信することもできます。
電話ナビの空間モデル
アプリバーのタブを選択すると、現在のビューが別のトップレベルのアプリビューに置き換えられます。

アプリのコントロール

アプリバーの右側にあるアプリ コントロールを使用すると、アプリ内の検索機能と設定機能(虫メガネアイコンと歯車アイコン)が表示されます。

アプリ コントロールの例
アプリバーの [設定] コントロールを選択すると(ここを参照)、オーバーレイが開き、ユーザーはアプリの設定を変更できます。検索コントロールに、キーボードと検索バーのオーバーレイが表示されます。検索または設定オーバーレイを閉じると、アプリ内の以前の場所に戻ります。
アプリ制御の空間モデル
アプリ コントロールを選択すると、ブラウズ可能なコンテンツの上にオーバーレイが開き、アプリバーがアプリヘッダーに変わります。

ブラウズ可能なコンテンツ空間

ブラウズ可能な連絡先スペースでは、ユーザーは垂直方向に連絡先間をスクロールし、Z-Space を使って個々の連絡先の詳細(階層の下位レベル)に移動できます。

複数のレベルに移動すると運転者の認知負荷が上がるため、電話アプリにはプライマリ レベルと連絡先情報の 2 つのレベルのみがあります。

電話アプリの連絡先に移動する
ブラウズ可能な連絡先のトップレベル ビューでは、ユーザーが連絡先を選択して電話をかけたり、連絡先の詳細を閲覧したりできます。
アプリ制御の空間モデル
最上位の連絡先ビューから連絡先のリンクを選択すると、次のレベルが開き、連絡先の詳細が表示されます

ダイヤルパッド

[ダイヤルパッド] タブを選択して、発信用のダイヤルパッドを表示できます。部分的に入力した番号が連絡先の電話番号と一意に対応している場合は、その番号が表示されるため、ユーザーは番号を入力しなくても電話をかけることができます。

ダイヤルパッド タブ、横向き
ダイヤルパッドの初期ビュー
認識された連絡先を備えたダイヤルパッド タブの縦向き
一部が入力された電話番号、一致する連絡先のリスト、通話ボタンが表示されたダイヤルパッド

通話中のステータス画面とコントロール バー

ユーザーが電話アプリケーション内で発信または応答すると、通話ステータス画面に連絡先名、ステータスまたは通話時間、通話管理用の通話コントロール バーが表示されます。

ダイヤルパッド通話とコントロール バー
発信はあるが応答がない場合、通話ステータス画面に「通話中...」と表示される
通話中の画面とコントロール バー
着信に応答すると、通話ステータス画面に通話時間が表示されます