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 | 大画面とカーソル ファースト デバイス向けに、ユーザーが構成可能なアダプティブ レイアウトを用意します。
|
| Request_Fullscreen_Mode | T-Request_Fullscreen_Mode | アプリは 通常、アプリには、没入感のある全画面エクスペリエンスを有効にするボタンなどの 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 |
次のようなさまざまなマルチタスクのシナリオに対応している。
|
| 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 | アプリは、次のような一般的なファイル管理機能を実装しています。
|
| File_Picker | T-File_Picker | アプリは OS のファイル選択ツールと統合されており、シームレスなインポートとエクスポートを実現します。デスクトップ ユーザーや生産性向上ツール ユーザーは、幅広いコンテンツへのアクセスにファイル マネージャーを多用しています。 |
| File_Handlers | T-File_Handlers | アプリは、関連するファイル形式のサポートを宣言することで、自身をファイル ハンドラとして指定します。これにより、ユーザーはシステムのファイルアプリから特定のアプリで直接ファイルを開くことができます。 |
カーソル
| Guideline ID | Test IDs | Description |
|---|---|---|
| Custom_Cursors | T-Custom_Cursors | カスタマイズされたカーソルを表示して、ユーザーが UI 要素とコンテンツを操作できるタイミングと方法を示している。次のような例が該当する。
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 | マウスとトラックパッドを使用してアプリを操作する。該当する場合には次のように、カスタム カーソルが表示されることを確認する。
|
| 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 | アプリ内のディープリンクやウェブ コンテンツを操作します。アプリと関連するウェブ コンテンツ間の移行がシームレスであることを確認します。 |