情報
要求されたトピックは次のとおりです。しかし、このトピックはこのライブラリには含まれていません。

Windows Phone のパネル領域 (Panorama コントロール) を持つセントラル アプリ ハブ

2013/12/05

対象: Windows Phone 8 | Windows Phone OS 7.1

このトピックで紹介するモデルは、「Windows Phone のホーム ページ メニュー (Panorama コントロールまたは Pivot コントロール) を持つセントラル アプリ ハブ」で説明されているモデルと似ています。以前の例と同じように、ユーザーに表示される機能エリアはさまざまです。ここで異なるのは、上位レベルのすべての主要 UI を示すことができるという点です。ホーム ページ メニューは必要ありません。

UX_AppNavModels_02A

サッカー チーム管理用のセントラル アプリケーション ハブ UI

アプリに移動先のサブエリアがない場合は、すべての UI を水平方向にアクセス可能なパネル セットに配置できます。引き続き Panorama コントロールを使用することもできますが、この場合、ホーム ページは不要です。これは、Windows Phone の People ハブでも同じです。次の図は、パノラマの基本的なレイアウトが引き続き同じであることを示しています。

UX_AppNavModels_12

People ハブ

People ハブでは、各パネルに独自の UI と機能エリアがあります。このデザインのモデルと、「Windows Phone のホーム ページ メニュー (Panorama コントロールまたは Pivot コントロール) を持つセントラル アプリ ハブ」で説明されているモデルの違いは、アプリの下位エリアをパノラマに再表示しない点です。前のモデルでは、メニューによるナビゲーションでアクセスするコンテンツを、メニュー パネルの右側のパネルですばやく確認できます。ここで説明するモデルでは、パネルには別の場所のエリアが再表示されません。

このトピックは、次のセクションで構成されています。

デザイン時に、どのパネルを一番左に配置して、ユーザーに最初に表示するかを決めます。たとえば、1 つのオプションとして、ユーザーが最後にアプリを終了した時点でのパネルを左パネルに設定します。アプリを常に一番左のパネルで開くように指定することもできます。一番左のパネルでは、左側に背景イメージのフラッシュが表示され、パノラマ タイトルの左端がその上に見えます。

右側に表示するパネルの数は自分で決めることができますが、合計で 4 つ以下にすることをお勧めします。パネル数が 4 つを超えると、ユーザーが位置を把握するのが難しくなります。

各パネルには好きな UI を配置できます。4 つの主要機能エリアがある場合は、4 つの各パネルに 1 つずつエリアを配置します。最初のパネルには、アプリの起動時にユーザーが最も見たいと思うコンテンツを配置するようにします。前の図では、パノラマがセントラル アプリケーション ハブとしてこのように使用されています。

パノラマの各パネルには項目があり、クリックすることで、その項目の詳細が表示されます。たとえば、People ハブには [新着情報] パネルがあり、タップする項目が含まれています。項目は縦方向にスクロールできるリストで示され、Facebook への投稿を表すことがあります。こうした投稿のいずれかをクリックすると、パノラマからその投稿の詳細に移動します。[新着情報] パネルの各エントリには複数のヒット ターゲットがあります。たとえば、あるターゲットをタップすると投稿に移動し、その投稿に対する応答を確認できます。人の名前がヒット ターゲットであることもあります。これをタップすると、その人の Pivot コントロールに移動して、その人に関する情報のピボット ページを複数表示できます。

それぞれのパネルが独自の異なるエリアとして存在でき、必ずしも相互に関連し合っている必要はありません。ユーザーが個々のパネルのコンテンツをタップすると、主要ハブから移動します。移動先はタップしたコンテンツの詳細情報です。ホーム パネル メニューからのように、まったく新しいサブエリアには移動しません。

Samsung Now アプリには 3 つのパネルがあり、Panorama コントロールがハブとして使用されています。このアプリのテーマは、ユーザーがアクセスしたいと考える、天気、ニュース、および株式市場の情報を午前中および 1 日を通して表示することです。

UX_AppNavModels_13

アプリケーション ハブである Samsung Now アプリ

ユーザーは引き続きパノラマから移動できます。たとえば、株式パネルで銘柄記号をクリックすると、その企業に関する詳細情報が 1 ページにわたって表示されます。

Windows Phone のホーム ページ メニュー (Panorama コントロールまたは Pivot コントロール) を持つセントラル アプリ ハブ」の最後に記載されている注意をお読みください。両方のトピックで Panorama コントロールが使用されているので、同じ注意がここにも適用されます。

表示: