ライブ タイル

スタート画面に配置されたメール、天気、ニュース、その他のアプリのライブ タイル

ライブ タイルは、Windows のスタート画面と最新のエクスペリエンスの重要な部分です。ライブ タイルでは、最新のコンテンツと通知が提示されます。ライブ タイルは、軽快で柔軟な Microsoft デザインの原則を具体化しています。ユーザーはアプリを開く前であっても、スタート画面からすべてのアプリの更新とリアルタイム情報を表示し、新しい情報を迅速に確認してアプリを管理できます。

Windows のライブ タイル

タイルは、スタート画面上のアプリの表現です。タイルには、静的なタイルとライブ タイルがあります。静的なタイルには、既定のコンテンツ (一般に、タイル全体を占めるロゴ画像) が表示されます。一方、ライブ タイルには、ユーザーの関心をアプリに再び集める、新しい価値のあるコンテンツを表示できます。ユーザーの関心を引き付けるために、シンプルなバッジやライブ タイル通知を実装できます。

ニュース アプリの静的なタイルとライブ タイル

タイル通知を使って頻繁に情報を更新することで、ユーザーは、アプリが接続され、最新の有益なコンテンツを受け取っていると感じます。タイル通知の更新間隔は、特定のアプリのシナリオによって異なります。たとえば、活発に利用されるソーシャル メディア アプリの場合は 15 分おきに更新し、天気予報アプリは 2 時間おき、ニュース アプリは 1 日に数回、毎日情報を提供するアプリは 1 日に 1 回、雑誌アプリは月に 1 回更新します。アプリでの更新が週に 1 回未満の場合は、古いコンテンツが表示されないように、シンプルなタイルとバッジを併用することを検討します。

通知バッジは、ショート メッセージ サービス アプリなど、短い要約通知をサポートするアプリに最適です。バッジの数値を使って、状態や、ユーザーがアプリを前回起動した時点以降に受信したテキストの数を示すことができます。バッジに常に 50 以上の数値を表示する可能性が高い場合は、数値の代わりに状態を通知するシステム グリフの使用を検討します。

タイル通知は、ユーザーに関連していて、興味を引く有益な通知である必要があります。通知とは、詳細を表示したりアクションを実行したりするためにアプリを起動するようユーザーを促すものです。

ユーザーはさまざまなサイズにタイルのサイズを変更できます。さまざまなサイズのライブ タイル通知スタイルを調整できます。たとえば、大きなタイルではイメージが非常に魅力的なものになる可能性がありますが、普通サイズのタイルでは簡単な通知をより効率的になることが考えられます。各タイル サイズを考慮し、それに応じてライブ タイルをデザインしてください。

ライブ タイルによる技術革新

Great British Chefs アプリのワイド ライブ タイルと Windows ストアのワイド ライブ タイル

ライブ タイルに表示されるコンテンツは、簡単な通知からイメージ、そしてアプリを開いて詳細を確認するようにユーザーに促すより長いコンテンツの抜粋に至るまで、大きく異なります。弊社では、ライブ タイルが提供するコンテンツの可視性と適時性を利用するようにデザイナーと開発者にお勧めしています。

次のような特性がライブ タイルの魅力を高めます。

  • 頻繁に更新されるコンテンツ。アプリが実行されていなくても、ユーザーはアプリがアクティブだと感じます。
  • ユーザーに関する情報 (アプリの設定を通じてユーザーが指定した興味の対象など) に基づく、カスタマイズされた更新。
  • ユーザーの現在の状況に合ったコンテンツ。

Monsters Love Candy

Monsters Love Candy ゲームは、そのブランドを示すためにタイル全体を使っています。ワイド タイルでは、XBOX バナー、ゲームの鮮やかな画像が表示され、より詳細な内部コンテンツを確認するように促されます。

Monsters Love Candy アプリのワイド ライブ タイルの 2 つのビュー

 

より小さなサイズでは、Monsters Love Candy ライブ タイルがわかりやすく動的です。まず、キャラクター アートを表示し、さらに確認する必要がある情報があることをプレーヤーに通知するテキストにスクロールします。

Monsters Love Candy アプリの普通サイズ ライブ タイルの 4 つのビュー

 

News Bento

ユーザーに合わせたニュース アプリである News Bento は、さまざまなライブ タイル サイズでニュース記事を伝えます。News Bento は、ユーザーが関心を持つソースからのコンテンツを集めることで、各記事のソースをライブ タイルに示し、アプリに対するユーザーの関心と信頼を高めます。

New Bento アプリのワイド ライブ タイルの 2 つのビュー

 

このアプリは、大きいタイル サイズまたはワイド タイル サイズで、ニュース記事の画像を使います。小さなタイル サイズでは、記事のソースと見出しがタイル全体にわたります。象徴的な News Bento の青い背景によりユーザーは、多様なコンテンツを表示していても、他のタイルの中からこのアプリを簡単に確認できます。

New Bento アプリの中サイズ ライブ タイルの 2 つのビュー

 

関連トピック

タイルとバッジのガイドラインとチェック リスト

 

 

表示:
© 2015 Microsoft