パソコン

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 メディア アプリとメディア以外のアプリでカスタム コントロールとユーザー操作を可能にするインタラクティブなピクチャー イン ピクチャー機能をサポートしています。
マルチインスタンス 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 ビーム
    • サイズ変更が可能なレイヤの四隅におけるサイズ変更ハンドル
    • 処理中であることを示すスピナー
  • アプリが提供する特殊カーソル:
    • ゲーム上のターゲットにカーソルを合わせると表示される十字カーソル
    • ズーム可能なコンテンツにカーソルを合わせると表示される虫メガネ
    • 描画アプリまたはイラストアプリのツール
PointerIconマウスポインタ アイコンをご覧ください。
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 アプリは、機能セットの全部または一部のオフライン機能を有効にし、ユーザーが生産性を維持できるようにします。アプリは、接続要件をユーザーに通知するために、グレースフル デグラデーションを提供します。

アプリとウェブ間の検証

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 マウスとトラックパッドを使用して、トリプル クリックまたはトリプルタップで、テキストの行全体など、アプリ内のアイテムを選択する。

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

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

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

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

T-Multitasking_Split-Screen Multitasking_Scenarios マルチ ウィンドウ モードで、アプリ内から別のアプリを開き、両方のアプリを並べて表示する。
T-Multitasking_Attachments Multitasking_Scenarios 縦向きと横向き、マルチ ウィンドウ モードで、添付ファイルと通知を開いて閉じる。
T-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 あるデバイスでタスクを開始し、アプリがインストールされている別のデバイスに切り替えます。ほぼ同等の状態からタスクを続行できることを確認します。

オフライン サポート

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

アプリとウェブ間の検証

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