空間モデル

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

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


構造

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

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

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

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

これは、アプリバーと連絡先スペースのデフォルトの配置です。画面の寸法によっては、メインのナビゲーションとアプリ コントロールを、1 つの水平バーに配置するのではなく、積み重ねることができます。

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

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

アプリ コントロール ビュー(検索と設定)

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

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

メインのアプリバー ナビゲーションは、露出したタブで構成されます。

電話アプリのナビゲーションのタブの切り替え
ユーザーは、アプリバーの [最近]、[連絡先]、または [お気に入り] タブを選択して、連絡先のビュー間を移動できます。ダイヤルパッドを選択すると、ダイヤルパッドを使用して発信できます。
電話アプリのナビゲーションの空間モデル
アプリバーのタブを選択すると、現在のビューが別の最上位のアプリビューに置き換わる

アプリの管理

アプリバーの右側にあるアプリ コントロールから、アプリ内の検索機能と設定機能(それぞれ虫メガネと歯車アイコンで表現)にアクセスできます。

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

ブラウズ可能なコンテンツ スペース

ブラウズ可能な連絡先スペースでは、ユーザーは連絡先を縦方向にスクロールしたり、Z 空間を通過して 1 階層下の個々の連絡先詳細に移動したりできます。

複数のレベル間を移動すると、ドライバーの認知負荷が増大するため、電話アプリでは、主要レベルと連絡先詳細の 2 つのレベルの連絡先しかありません。

電話アプリの連絡先の操作
ブラウズ可能な連絡先の最上位ビューで、連絡先を選択して電話をかけるか、ここに示すようにレベルを下に移動して連絡先の詳細を表示
アプリによる空間モデル制御
最上位の連絡先ビューから連絡先のリンクを選択すると、1 つ下のレベルが開き、詳細情報が表示されます

ダイヤルパッド

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

ダイヤルパッド タブ、横向き
ダイヤルパッドの初期ビュー
縦向きのダイヤルパッド アイコンと認識済みの連絡先
電話番号が部分的に入力されたダイヤルパッド、一致する連絡先のリスト、通話ボタン

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

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

ダイヤルパッド通話とコントロール バー
電話がかかってきても応答がない場合は、通話中のステータス画面に [発信中...] と表示されます
通話中画面とコントロール バー
電話が応答すると、通話中ステータス画面に通話時間が表示されます。