Windows Phone用のアプリケーションのアイデアを決定したら、タスク、ページ、およびナビゲーションパス（ナビゲーションフロー）を定義する必要があります。
このパートでは、次のことを学習します。
- アプリケーションのユーザータスクを定義する方法。
- ページとナビゲーションパスを識別する方法。
- データについて考え始める方法。
カスタムタスク
ユーザーがアプリケーションを使用して実行できるタスクについて考えることにより、アプリケーションの機能を決定します。 以下に、アプリケーションの設計を開始するいくつかの方法を示します。
- ユーザーが完了できるタスクのリストを作成します。
- リストに優先順位を付けて、すぐに実装する必要があるものと、後のバージョンに残すことができるものを把握します。
- チームで作業する場合、全員がユーザータスクの独自のリストを作成できるようにします。 チームでそれらについて話し合い、グループ化します。
- アプリケーションに含めることができるページのサムネイルと、ユーザーがページ間を移動する方法を作成します。
- さまざまな既存のWindows Phoneアプリを試して、好きなものと嫌いなものを確認してください。
以下は、Fuel Trackerアプリケーションの設計時に最初に作成されたカスタムタスクの例です。
| カスタムタスク | 優先順位 |
|---|---|
| 給油情報の入力（車両給油プロセス） | 1 |
| 車両情報の入力 | 1 |
| 給油履歴を表示する | 1 |
| レポート「キロメートル/リットル」を表示 | 1 |
| 複数の車両のデータ入力 | 2 |
| 給油場所の保存 | 2 |
| ガソリンスタンドマップ | 2 |
| 単位の切り替え（米国またはメートル法） | 3 |
| 価格/リットルレポートを表示する | 3 |
ページとナビゲーションパス
カスタムタスクのリストを実装するには、ページとナビゲーションパスをより詳細に定義する必要があります。 これを行うには、ナビゲーションプロトタイプを作成します。 ページの外観について考え始めることができますが、特定のコントロールをまだ定義する必要はありません。 ユーザーフレンドリーなナビゲーションモデルの作成に焦点を当てる必要があります。 次の手順では、プロトタイプを作成する方法について説明します。
- アプリケーションのページを表すサムネイルを作成します。 各ページでは、ユーザーが少なくとも1つのタスクを完了できる必要があります。
- ハイパーリンク、ボタン、アプリバーのボタンなどのナビゲーションツールをサムネイルに追加します。
- ナビゲーションツールと戻るボタンを使用してページナビゲーションをテストします。
アプリケーションの最初のページで戻るボタンを押すと、アプリケーションが閉じられます。
他のページで「戻る」ボタンを押すと、アプリケーションの前のページに戻ります。
ヒント：
Expression Studio Ultimateがインストールされている場合、SketchFlowの機能を使用してナビゲーションプロトタイプを作成できます。
Fuel Trackerアプリケーションは、3ページと写真選択ウィンドウで構成されています。 次の画像は、ページとナビゲーションパスを示しています。
ナビゲーションモデルをできるだけシンプルに保つようにしてください。 Fuel Trackerアプリケーションが最初に設計されたとき、ボタンは各ページに表示され、他のページに移動しました。 これにより、次の問題が発生しました。
- （戻るボタンではなく）ナビゲーションボタンを押してページに移動すると、以前にこのページにアクセスしたことがある場合でも、ページの新しいコピーが作成されます。 これは、情報を表示する読み取り専用ページの問題ではありません。 ただし、データ入力ページの場合、ユーザーは戻ったときに部分的に入力されたデータを見つけることを期待しています。
- ページに移動してから戻るボタンをクリックすると、ユーザーは前のページに移動することを期待します。 ただし、インターフェイス設計の原則の1つは、最初のページの[戻る]ボタンをクリックすると、アプリケーションが閉じられることです。 ユーザーが他のページから最初のページに移動する場合、これは少し不便です。
このモデルでは、最初のページが再利用され、他のページは訪問のたびに再作成されます。 他のページはデータ入力ページですが、再利用されないため、モーダルダイアログボックスとして扱われます。 ユーザーは[保存]ボタンをクリックして変更を保存して最初のページに移動するか、[戻る]ボタンをクリックして変更を破棄して戻ることができます。
データマイニング
アプリケーションが使用するデータ、およびそれを整理する方法について考え始める必要があります。 必要なデータのリストを作成して開始し、それらを論理的にグループ化してみてください。 次の表に、Fuel Trackerアプリケーションに必要なデータの一部を示します。 これは、アプリケーションで必要なコントロールと、ユーザーインターフェイスからアプリケーションのビジネスロジックにデータを転送する方法を決定するのに役立ちます。 「データマッピング」および「データクラスの作成」セクションでは、ユーザーインターフェイスでデータを表示する方法と、アプリケーションのデータクラスを作成する方法について詳しく学習します。
| グループ | データ |
|---|---|
| 車 | 役職
写真 オリジナルの走行距離計の読み取り 給油履歴 |
| ガソリンスタンド | 日付
走行距離計の読み取り 燃料量 燃料価格 |