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