パソコン

Chromebook や接続されたディスプレイで一般的なデスクトップ エクスペリエンスにより、正確な入力と高度なマルチタスクが可能になります。デスクトップ環境では、キーボード ショートカット、マウス、トラックパッドの操作を利用して、複数のウィンドウやインスタンスで作業できます。デスクトップ向けに最適化されたアプリは、モバイルの利便性とデスクトップのパワーのギャップを埋める、生産性の高いユーザー エクスペリエンスを提供します。

ガイドライン

デバイスの機能を最大限に活用した、優れたユーザー エクスペリエンスを提供します。

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

Guideline ID Test IDs Description
Scrollbar_Display T-Scrollbar_Display マウスまたはトラックパッドでコンテンツをスクロールしている間は、スクロールバーを表示します。
Hover_Parity T-Hover_Parity

該当する場合、UI 要素にマウスまたはトラックパッドでカーソルを合わせると、プレビュー、フライアウト メニュー、情報ツールチップなどの追加コンテンツが表示される。

同等のウェブまたは PC 版のアプリと、ホバー状態を可能な限り統一している。すべての UI 要素で、アクセシビリティ標準をサポートする視覚的なコントラストにより、明確で一貫したホバー状態を確保している。

Desktop_Menus T-Desktop_Menus デスクトップ スタイルのメニュー、コンテキスト メニュー、小さなモーダルなど、邪魔にならない UI 要素を適宜使用して、ユーザーが常に移動することなく主要なタスクに集中できるようにしている。
UI_Config T-UI_Config

大画面とカーソル優先デバイス向けに、ユーザーが設定可能なアダプティブ レイアウトを用意している。以下はその例です。

  • アダプティブ レイアウトにより、ユーザーはリスト、グリッド、列の表示を切り替えることができる。たとえば、ファイル マネージャーやドキュメント マネージャーでは、ユーザーがファイルをリスト形式またはグリッド形式で表示する設定を切り替えることができる。
  • ドッキング可能または移動可能なフローティング ツールバーにより、ユーザーの設定やタスクの要件に対応できる。
  • マルチパネル レイアウトの UI パネルは、マウスまたはトラックパッドを使用して折りたたんだり、再設定したりできる。再設定可能なパネルを利用して、ユーザーはアプリ レイアウトを調整し、生産性を向上できる。たとえば、リストと詳細レイアウトの詳細パネルのサイズの変更や、画面上でのパネルの並べ替えができる。

    注: ナビゲーション バー、レール、引き出しには適用されません。
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

Activity#requestFullscreenMode() を実装して、分割画面やデスクトップ ウィンドウなどのマルチウィンドウ状態からイマーシブ モードへのスムーズな移行を可能にしている。

通常、アプリには、全画面表示のイマーシブ エクスペリエンスを有効にするボタンなどの UI 要素が用意されている。

キーボード、マウス、トラックパッド

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

キーボードによるシームレスで効率的な操作をサポートしている。すべての UI 要素で、アクセシビリティ標準をサポートする視覚的なコントラストにより、明確で一貫したフォーカス状態を確保している。

適切な UI 要素に初期フォーカスを設定している。たとえば、メールアプリでメッセージを作成する場合、初期フォーカスは [宛先] テキスト フィールドに設定される。ページが読み込まれたら、最初のテキスト入力フィールドにすぐに入力できるようにする。

キーボード操作をご覧ください。

Keyboard_Parity T-Keyboard_Parity キーボード ショートカットの包括的なセットを使用でき、Ctrl+C(コピー)と Ctrl+Z(元に戻す)などの従来のショートカットにも対応している。同等のウェブまたは PC 版のアプリと、可能な限りキーボード ショートカットを統一している。
Input_Combinations T-Input_Combinations キーボードとマウスまたはトラックパッドの組み合わせ(Ctrl キーを押しながらクリック、Ctrl キーを押しながらタップ、Shift キーを押しながらクリック、Shift キーを押しながらタップなど)により、隣接するアイテムの範囲を選択したり、離れた複数のアイテムを選択したりなど、高度な機能を提供している。
Triple_Click T-Triple_Click マウスでトリプルクリックするか、トラックパッドでトリプルタップすると、テキストの行全体または段落全体を選択できる。

マルチタスクとマルチインスタンス

Guideline ID Test IDs Description
Multitasking_Scenarios T-Multitasking_PiP,
T-Multitasking_Split-Screen,
T-Multitasking_Attachments

次のようなさまざまなマルチタスクのシナリオに対応している。

  • ピクチャー イン ピクチャー モード: 縦向きと横向き、マルチウィンドウ モードで、ピクチャー イン ピクチャー モードの開始と終了ができる。ユースケースには、メディアの再生やビデオ通話などがある。ピクチャー イン ピクチャー(PIP)のサポートをご覧ください。
  • マルチ ウィンドウ モード: ディープリンクとは別のウィンドウで別のアプリを開くことができる。たとえば、連絡先管理アプリでメール メッセージへのリンクを開くと、新しいウィンドウでメールアプリが開く。FLAG_ACTIVITY_LAUNCH_ADJACENT をご覧ください。
  • 添付ファイル: メッセージ アプリで添付ファイル(動画など)を別のウィンドウで開ける。
Multitasking_PiP T-Multitasking_PiP アプリは、メディア アプリと非メディア アプリでカスタム コントロールとユーザー インタラクションを可能にする、インタラクティブなピクチャー イン ピクチャー機能をサポートしている。
Multi-Instance T-Multi-Instance 別のウィンドウで複数のインスタンスを起動できる。ユースケースには、ドキュメント編集、ウェブ ブラウジング、ファイル管理アプリ、ショッピング アプリでの商品比較などが含まれる。マルチウィンドウ モードのサポートのマルチインスタンスをご覧ください。

ドラッグ&ドロップ

Guideline ID Test IDs Description
Drag_Drop_Support T-Drag_Drop_Support タップ入力、マウス、トラックパッド、タッチペンを使用した、アプリ内でのプレゼンテーション間のドラッグ&ドロップ、およびマルチウィンドウ モードでの他のアプリとの間のドラッグ&ドロップをサポートしている。ドラッグ&ドロップを有効にするをご覧ください。Stylus_Drag_Drop もご覧ください。
T-Drag_Drop_Batch 複数の要素をアプリにドラッグ&ドロップして、グループとして処理することをサポートしている。ドラッグ&ドロップを簡単にする DropHelper をご覧ください

印刷とファイル管理

Guideline ID Test IDs Description
Printing_Support T-Printing_Support ドキュメントの印刷または印刷可能な形式へのエクスポートをサポートしている。
File_Management_Basics T-File_Management_Basics

次のような一般的なファイル管理機能を実装している。

  • 名前付けと保存: ファイル名と場所が目立つように表示される。
  • ダウンロード: ユーザーは、ローカル ストレージ デバイス上の任意の場所にファイルを保存できる。
  • アップロード: ユーザーはローカル ストレージからファイルをアップロードでき、OS のファイル選択ツールを優先的に使用できる。
File_Picker T-File_Picker OS のファイル選択ツールと統合し、シームレスなインポートとエクスポートを実現している。デスクトップ ユーザーと生産性向上アプリのユーザーは、幅広いコンテンツにアクセスするためにファイル マネージャーを多用する。
File_Handlers T-File_Handlers 関連するファイル形式のサポートを宣言することで、ファイル ハンドラとして自身を指定している。これにより、ユーザーはシステムのファイルアプリから特定のアプリでファイルを直接開くことができる。

カーソル

Guideline ID Test IDs Description
Custom_Cursors T-Custom_Cursors

カスタマイズされたカーソルを表示して、ユーザーが UI 要素とコンテンツを操作できるタイミングと方法を示している。次のような例が該当する。

  • Android フレームワークによって提供されるシステム カーソル:
    • テキスト領域における I ビーム
    • サイズ変更が可能なレイヤの四隅におけるサイズ変更ハンドル
    • 処理中であることを示すスピナー
  • アプリが提供する特殊カーソル:
    • ゲーム上のターゲットにカーソルを合わせると表示される十字カーソル
    • ズーム可能なコンテンツにカーソルを合わせると表示される虫メガネ
    • 描画アプリまたはイラストアプリのツール
詳細については、以下をご覧ください。
Cursor_Target_Size T-Cursor_Target_Size 視覚的なターゲット サイズに合わせてカーソルのターゲット サイズを実装することで、カーソルの操作の精度を優先し、認識されるターゲットを減らしている。

クロスデバイス

Guideline ID Test IDs Description
Cross_Device_Handoff T-Cross_Device_Handoff 複数の種類の Android デバイスで動作するアプリでは、ユーザーは 1 台の Android デバイスでタスクを開始し、別のデバイスにシームレスに移行できる。アプリは、同じタスクのほぼ同等の状態を復元するため、ユーザーは中断したところから再開できる。

オフライン サポート

Guideline ID Test IDs Description
Offline_Support T-Offline_Support 機能セットの全部または一部でオフライン機能を有効にし、ユーザーが生産性を維持できるようにしている。アプリは、接続要件をユーザーに通知するためのグレースフル デグラデーションを提供している。

App-to-web

Guideline ID Test IDs Description
Web_Transition T-Web_Transition アプリとウェブ コンテンツ間のスムーズでインテリジェントな移行(およびその逆)を適宜確保し、断片的なユーザー エクスペリエンスを回避している。

テスト

アプリが差別化されたプレミアムなエクスペリエンスを提供していることを確認するには、次のテストを行います。

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

Test ID Guideline IDs Description
T-Scrollbar_Display Scrollbar_Display マウスとトラックパッドを使用して、アプリのコンテンツをスクロールする。コンテンツのスクロール時にスクロールバーが表示されることを確認する。
T-Hover_Parity Hover_Parity マウスとトラックパッドを使用して、カスケードまたはポップアップ コンテンツを含む UI 要素にカーソルを合わせる。追加のコンテンツが表示されることを確認する。
T-Desktop_Menus Desktop_Menus デスクトップと接続されたディスプレイで、デスクトップ スタイルのメニューとコンテキスト メニューが使用されていることを確認する。
T-UI_Config UI_Config

アプリがユーザー設定可能なレイアウト オプションを提供していることを確認する。

  • レイアウトの表示 - アプリが複数の表示形式(リスト、グリッド、列ビューなど)をサポートしている場合は、ユーザーが形式を切り替えられることを確認する。
  • フローティング ツールバー - アプリがドッキング可能または移動可能なフローティング ツールバーを提供している場合は、ユーザーがツールバーを移動またはドッキングできることを確認する。
  • パネルの再設定 - 複数のコンテンツ パネル(リスト詳細など)がある画面レイアウトで、分割線をドラッグしてパネルのサイズを変更する。アプリが並べ替えをサポートしている場合は、パネルを並べ替える。

いずれの場合も、アプリがレイアウトを正しく再設定し、コンテンツにアクセスでき、適切にフォーマットされていることを確認する。

T-Request_Fullscreen_Mode Request_Fullscreen_Mode アプリ ウィンドウを、分割画面やデスクトップ ウィンドウ モードなどのマルチウィンドウ状態にする。アプリの全画面表示 UI 要素をトリガーする。アプリがイマーシブ フルスクリーン モードにスムーズに移行することを確認する。

キーボード、マウス、トラックパッド

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation

外部キーボードを使用して、Tab キーと矢印キーでアプリの UI を移動する。すべてのインタラクティブ要素で、フォーカス状態が明確で一貫していることを確認する。

また、画面が最初に表示されたときに、テキスト入力フィールドなどの適切な UI 要素に初期フォーカスが設定され、ユーザーがデータを入力できることを確認する。

T-Keyboard_Parity Keyboard_Parity アプリが従来のキーボード ショートカットをサポートし、可能な限りアプリのウェブ版と PC 版とのキーボード ショートカットのパリティを維持していることを確認する。
T-Input_Combinations Input_Combinations 外部キーボード、マウス、トラックパッドを使用して、アプリの UI でアイテムを選択する。キーボード、マウス、トラックパッドの操作(Ctrl キーを押しながらクリック、Ctrl キーを押しながらタップ、Shift キーを押しながらクリック、Shift キーを押しながらタップなど)を使用して、複数の個別アイテムと隣接するアイテムの範囲を選択する。
T-Triple_Click Triple_Click マウスとトラックパッドを使用して、トリプルクリックまたは 3 回タップで、テキストの行全体など、アプリ内のアイテムを選択する。

マルチタスクとマルチインスタンス

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

縦向きと横向き、マルチウィンドウ モードで、ピクチャー イン ピクチャー モードの開始と終了を行う。ピクチャー イン ピクチャー モードがアクティブな状態で、マルチ ウィンドウ モードでウィンドウ サイズを変更する。

ピクチャー イン ピクチャー モードで、カスタム コントロールを操作し、その機能を確認する。

T-Multitasking_Split-Screen Multitasking_Scenarios マルチ ウィンドウ モードで、アプリ内から別のアプリを開き、両方のアプリを並べて表示する。
T-Multitasking_Attachments Multitasking_Scenarios 縦向きと横向き、マルチ ウィンドウ モードで、添付ファイルと通知を開いて閉じる。
T-Multi-Instance Multi-Instance 縦向きと横向き、マルチ ウィンドウ モードで、アプリの複数のインスタンスを個別のウィンドウで起動する。

ドラッグ&ドロップ

Test ID Guideline IDs Description
T-Drag_Drop_Support Drag_Drop_Support

アプリ内のドロップ ターゲットに画像とテキストをドラッグ&ドロップする。マルチ ウィンドウ モードで、画像とテキストをアプリと別のアプリの両方向にドラッグ&ドロップする。

タップ入力、マウス、トラックパッド、タッチペンを使用してコンテンツをドラッグ&ドロップする(T-Stylus_Drag_Drop もご覧ください)。デバイスが縦向きと横向きのときの機能を確認する。

T-Drag_Drop_Batch Drag_Drop_Support

画像やテキストなどの複数の要素を、アプリ内でグループとしてドラッグ&ドロップする。マルチ ウィンドウ モードで、要素のグループをアプリと別のアプリの両方向にドラッグ&ドロップする。

タップ入力、マウス、トラックパッド、タッチペンを使用してコンテンツをドラッグ&ドロップする(T-Stylus_Drag_Drop もご覧ください)。デバイスが縦向きと横向きのときの機能を確認する。

印刷とファイル管理

Test ID Guideline IDs Description
T-Printing_Support Printing_Support アプリがドキュメントを印刷できること、または PDF などの印刷可能な形式にエクスポートできることを確認する。
T-File_Management_Basics File_Management_Basics ファイル名と場所が表示されること、およびファイルのダウンロードまたはアップロード時に保存場所を選択できることを確認する。
T-File_Picker File_Picker アプリがファイルのインポートとエクスポートにシステムのファイル選択ツールを使用していることを確認する。
T-File_Handlers File_Handlers システムのファイルアプリで、関連するファイル形式を開くオプションとしてアプリが表示されることを確認する。

カーソル

Test ID Guideline IDs Description
T-Custom_Cursors Custom_Cursors

マウスとトラックパッドを使用してアプリを操作する。該当する場合には次のように、カスタム カーソルが表示されることを確認する。

  • テキスト入力フィールドにおける I ビーム
  • サイズ変更が可能なレイヤの四隅におけるサイズ変更ハンドル
  • アプリが長時間タスクを実行しているときのスピナー
T-Cursor_Target_Size Cursor_Target_Size マウスとトラックパッドを使用して、アイコン、ボタン、ハンドルなどの小さな UI 要素を操作する。各要素のインタラクティブ領域が視覚的な境界を正確に反映し、正確な選択が可能であることを確認する。

クロスデバイス

Test ID Guideline IDs Description
T-Cross_Device_Handoff Cross_Device_Handoff 1 台のデバイスでタスクを開始し、アプリがインストールされている別のデバイスに切り替える。ほぼ同等の状態からタスクを続行できることを確認する。

オフライン サポート

Test ID Guideline IDs Description
T-Offline_Support Offline_Support ネットワーク接続を無効にし、アプリのコア機能が引き続き利用できること、またはアプリが接続要件を明確に通知していることを確認する。

App-to-web

Test ID Guideline IDs Description
T-Web_Transition Web_Transition アプリ内のディープリンクまたはウェブ コンテンツを操作する。アプリと関連するウェブ コンテンツ間の移行がシームレスであることを確認する。