他の Windows コンポーネントとのモバイル ブロードバンド アプリの統合

更新日: 2013年11月

適用対象: Windows 8, Windows 8.1

Windows 8 と Windows 8.1 のユーザー インターフェイス (UI) サーフェスを使って、モバイル ブロードバンド アプリのエクスペリエンス全体を向上させることができます。

レイアウト、ナビゲーション、コマンド実行、アニメーション、タッチ操作、スナップとスケーリング、コントラクトと機能、タイルと通知、UI コントロール、クラウドへのアプリのローミング、基本事項に関するその他のユーザー エクスペリエンス設計ガイドラインについては、「Windows ストア アプリの UX ガイドラインの索引」をご覧ください。

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

設定チャーム

設定チャームを使うと、アプリの構成に関する設定を含めることができます。いくつかの例を次に示します。

  • サインインとサインアウト

  • ユーザー プロファイルの表示と編集

  • 請求先住所の変更

  • 支払いオプションの表示と編集

  • マーケティングの設定の表示と設定

エラーのユーザー エクスペリエンス

全般

モバイル ブロードバンド アプリには、適切に対処する必要のある多くのエラー事例が用意されている場合があります。一般的な例をいくつか次に示します。

  • デバイスが見つからないか、接続されていません: SIM やドングルなどのデバイスが見つからないか、接続されていない場合に表示されます。

  • デバイスをロックしました: 接続されたデバイスがユーザーに対してロックされる場合に表示されます。

  • インターネット接続が切断されました: ネットワーク接続が検出されなかった場合に表示されます。

  • 複数のデバイスが接続されています: 組み込みのアダプターと外部のドングルが接続されている場合に表示されます。このような事例については、通知バー エラーをお勧めします。

  • フォーム フィールドの検証エラー: ユーザーがフォームに誤った情報を入力した場合に表示されます。エラーが関連しているフィールドがユーザーにわかるように、検証エラーはインラインで表示する必要があります。

エラーの表示方法のガイダンスについては、「UI のレイアウト (Windows ストア アプリ)」をご覧ください。次の例では、通知バーがページの上部に表示されています。

エラーが表示された通知バー

データの使用量に関するエラー

次のエラー事例は、次の方法で概要ページに表示する必要があります。

  • プランの有効期限が近づいている場合: 画面上部のバーを使って、ユーザーのプランの有効期限が近づいていることを示します。

  • 使用量がデータの上限を超過している場合: データ バーをいっぱいにする必要があります。また、インライン メッセージで、問題について説明したり、ユーザーが実行可能な対処方法を示したりする必要もあります。または、使用量がデータの上限を超えたことを示すメッセージをページ上部の通知バーに表示することもできます。

  • プランの有効期限が切れた場合: 概要ボックス上部のバーを使って、問題とユーザーが実行できる対処について説明します。この場合、データ使用量、課金サイクル、ローミング情報は表示しません。

  • 国際ローミング: 概要セクションの下部にローミングを示します。

アプリ ビュー

アプリは、適応性があり、次のようなさまざまなレイアウトに合わせて表示できるようにする必要があります。

  • 横方向

  • 縦方向

  • スナップ

  • ページ横幅に合わせた表示

  • キーボードが表示されたレイアウト

    noteメモ
    タッチ キーボードが表示されている場合は、フォーム フィールドなどの要素が正しくスクロールされることを確認します。

次の例は、スナップ アプリとしてのページの見え方を示しています。

ランディングページのスナップされたビュー

サービス ページのスナップされたビュー

ハイ コントラスト モードやスクリーン リーダーへの対応など、アプリ ビューを通じてアプリがアクセシビリティに対応していることを確認します。アプリをアクセシビリティ対応にする方法について詳しくは、「JavaScript を使った Windows ストア アプリのアクセシビリティ」をご覧ください。

起動ポイント

モバイル ブロードバンド アプリは、[すべてのアプリ] ビュー、Windows 接続マネージャー、またはトースト通知でユーザーが利用できます。

開始アプリへのエントリ ポイント

Windows 接続マネージャーからの起動

Windows 接続マネージャーを使ったアプリの起動

モバイル ブロードバンド アプリには、Windows 接続マネージャーを使って接続できます。アプリでは、アカウントとデータ使用量に関する情報が表示されているランディング ページが開きます。接続すると、Windows 接続マネージャーには、現在のアカウントとデータ使用量が表示されます。

Windows 接続マネージャーのアカウント情報

キャプティブ ポータル購入フローでの接続マネージャーからの自動起動

Windows では、Web トラフィックがリダイレクトされるキャプティブ ポータル ネットワークにユーザーが接続すると、インストールされているアプリを自動的に起動するオプションが提供されます。アプリでは、インターネット アクセスの購入方法に関する情報が表示されているプラン ページが開きます。

[すべてのアプリ] ビューのタイルからのアプリの起動

アプリは、複数の同時アカウントを持つユーザー (たとえば、2 つの外部 USB モバイル ブロードバンド アダプターを使う場合) をサポートする必要があります。アプリをタイルから起動したときに、アプリでは、ユーザーが使うアカウントを選べるようにする必要があります。

アプリが一時停止した場合または既に実行中の場合、アプリでは、最後に使ったページが表示されます。また、アプリがまだ実行されていない場合または一時停止情報を利用できない場合、アプリではランディング ページが開きます。

タイルとトースト通知

スタート画面のタイルは、アプリの主な表示方法です。ユーザーは、そのタイルからアプリを起動します。タイルは、通知を使って、カスタマイズされた最新の関連コンテンツを表示できます。これにより、スタート画面からは活気を感じることができ、ユーザーは最新情報をひとめで確認できます。ユーザーが別のアプリの使用中であるか、スタート画面またはデスクトップを表示しているかに関係なく、アプリは、トースト通知によって、タイム クリティカルなイベントをユーザーに伝えることもできます。トーストの設計と配信の方法は、タイルの場合とよく似ているため、より簡単に習得できます。

スタート画面のタイル

トースト通知にはテキストや画像を含めることができますが、ボタンなどのセカンダリ動作はサポートされません。トーストは、タスク バーの通知領域の Windows バルーン通知に似たものと考えてください。バルーン通知と同様に、トーストは画面の右下隅に表示されます。ユーザーがトーストをタップまたはクリックすると、関連付けられたアプリが、通知に関連したビューに表示されます。トーストは、あるアプリが別のアプリ内にいるユーザーの操作を中断できる唯一のメカニズムです。ユーザーは、トーストをアクティブ化する、非表示にする、無視することができます。また、アプリに対するトーストをすべて無効にすることもできます。

トースト通知

トースト通知は、ユーザーが高い関心を抱いている情報 (通常はユーザーがオプトインした情報) についてのみ使うべきです。受信メールの警告、IM チャット要求、ニュース速報などに最適です。ただし、トースト通知の使用を検討する際には、トースト通知の一時的な性質のためにユーザーが通知をまったく目にしない可能性があることを認識しておくことが非常に重要です。データの超過使用またはローミングの警告にトースト通知を使う際は、エンド ユーザーがトースト通知を見落とす場合に備えて、その情報をタイル上やアプリ ビュー内に表示することを検討してください。

スプラッシュ画面

スプラッシュ画面を使って、ブランドを宣伝できます。スプラッシュ画面について詳しくは、「スプラッシュ画面の追加」をご覧ください。

スプラッシュ画面

簡単なまとめ

事業者からの通知に適した設計

  • トーストとタイル通知の両方を使って、加入者のアカウントとサービス プランに関連した重要な関心の高いメッセージについてユーザーに警告します。

  • ブランド ガイドラインに基づいて、トーストとタイルの背景色やロゴをカスタマイズします。

  • 加入者のアカウントとサービス プランに関連した、事業者からの重要な SMS または USSD 通知と警告をランディング ページに直接含めます。

事業者からの通知に適していない設計

  • リアルタイムでない情報 (プロモーションの広告など) についてトースト通知を表示しないでください。

  • ユーザー間のチャット メッセージ、宣伝、広告は、事業者からの通知や警告と一緒に表示しないでください。エンド ユーザーが事業者からの重要な通知を見落とす可能性があります。

その他の情報

関連項目

表示:
© 2015 Microsoft