Computer

Die Desktop-Umgebung, die auf Chromebooks und angeschlossenen Displays üblich ist, ermöglicht eine präzise Eingabe und anspruchsvolles Multitasking. In der Desktopumgebung können Nutzer in mehreren Fenstern und Instanzen arbeiten und Tastenkombinationen sowie Maus- und Trackpad-Interaktionen verwenden. Für Desktop optimierte Apps bieten eine produktive Nutzererfahrung, die die Lücke zwischen der Benutzerfreundlichkeit von Mobilgeräten und der Leistung von Desktopcomputern schließt.

Richtlinien

Eine herausragende User Experience schaffen, die die Gerätefunktionen voll ausschöpft

Nutzerfreundlichkeit

Guideline ID Test IDs Description
Scrollbar_Display T-Scrollbar_Display Die App zeigt eine Bildlaufleiste an, während Inhalte mit einer Maus oder einem Trackpad gescrollt werden.
Hover_Parity T-Hover_Parity

Falls zutreffend, werden in UI-Elementen zusätzliche Inhalte wie Vorschauen, Flyout-Menüs und informative Tooltips angezeigt, wenn der Mauszeiger oder das Trackpad darauf bewegt wird.

Die App behält den Hover-Status nach Möglichkeit mit den entsprechenden Web- oder Desktopversionen der App bei. Die App sorgt für eindeutige und einheitliche Hover-Zustände mit visuellem Kontrast, der die Standards für Barrierefreiheit für alle UI-Elemente unterstützt.
Desktop_Menus T-Desktop_Menus Die App enthält unaufdringliche UI-Elemente wie Menüs im Desktopstil, Kontextmenüs und kleine Modale, damit Nutzer sich auf ihre primäre Aufgabe konzentrieren können, ohne ständig navigieren zu müssen.
UI_Config T-UI_Config

Die App bietet adaptive, vom Nutzer konfigurierbare Layouts für große Bildschirme und Geräte, die in erster Linie mit einem Cursor bedient werden, darunter:

  • Mit adaptiven Layouts können Nutzer zwischen Listen-, Raster- und Spaltendarstellungen wechseln. Ein Datei- oder Dokumentmanager bietet beispielsweise eine Ein/Aus-Schaltfläche, mit der Nutzer festlegen können, ob ihre Dateien in einer Liste oder einem Raster angezeigt werden sollen.
  • Andockbare oder verschiebbare schwebende Symbolleisten passen sich den Nutzerpräferenzen und Aufgabenanforderungen an.
  • UI-Bereiche in Layouts mit mehreren Bereichen können mit einer Maus oder einem Touchpad minimiert und neu konfiguriert werden. Mit rekonfigurierbaren Bereichen können Nutzer das App-Layout anpassen, um die Produktivität zu steigern. Sie können beispielsweise die Größe des Detailbereichs eines Listen-/Detail-Layouts ändern oder Bereiche auf dem Bildschirm neu anordnen.

    Hinweis:Dies gilt nicht für Navigationsleisten, Rails und Drawers.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

Die App implementiert Activity#requestFullscreenMode(), um reibungslose Übergänge von Mehrfensterstatus wie Splitscreen und Desktop-Freiform-Fenster in den Immersive-Modus zu ermöglichen.

In der Regel bieten Apps ein UI-Element wie eine Schaltfläche, mit der der immersive Vollbildmodus aktiviert wird.

Tastatur, Maus und Trackpad

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

Die App unterstützt eine nahtlose und effiziente Navigation mit einer Tastatur. Die App sorgt für eindeutige und einheitliche Fokusstatus mit visuellem Kontrast, der die Standards für Barrierefreiheit für alle UI-Elemente unterstützt.

Der Fokus wird auf die entsprechenden UI-Elemente gesetzt. Wenn Nutzer beispielsweise eine Nachricht in einer E-Mail-App verfassen, liegt der Fokus anfangs auf dem Textfeld An. Nutzer sollten sofort mit der Eingabe im ersten Textfeld beginnen können, wenn eine Seite geladen wird.
Keyboard_Parity T-Keyboard_Parity Die App bietet eine umfassende Auswahl an Tastenkombinationen und unterstützt herkömmliche Tastenkombinationen wie Strg+C zum Kopieren und Strg+Z zum Rückgängigmachen. Die App bietet nach Möglichkeit dieselben Tastenkombinationen wie die entsprechenden Web- und Desktopversionen.
Input_Combinations T-Input_Combinations Tastatur- und Maus- oder Trackpad-Kombinationen wie Strg + Klicken oder Strg + Tippen und Umschalt + Klicken oder Umschalt + Tippen bieten erweiterte Funktionen, darunter die Auswahl von Bereichen mit angrenzenden Elementen oder mehreren getrennten Elementen.
Triple_Click T-Triple_Click Durch Dreifachklicken mit einer Maus oder Dreifachtippen mit einem Touchpad werden ganze Zeilen oder Absätze mit Text ausgewählt.

Multitasking und Multi-Instanz-Modus

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

Die App unterstützt verschiedene Multitasking-Szenarien, z. B.:

  • Bild-im-Bild-Modus: Die App kann den Bild-im-Bild-Modus im Hoch- und Querformat sowie im Mehrfenstermodus aufrufen und beenden. Mögliche Anwendungsfälle sind die Medienwiedergabe und Videoanrufe. Weitere Informationen finden Sie unter Unterstützung von Bild im Bild (BiB).
  • Multifenstermodus: Die App kann über einen Deeplink eine andere Anwendung in einem separaten Fenster öffnen. So kann beispielsweise eine Kontaktverwaltungs-App einen Link zu einer E‑Mail-Nachricht öffnen, die in einer E‑Mail-App in einem neuen Fenster angezeigt wird. Weitere Informationen finden Sie unter FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Anhänge: Messaging-Apps können Anhänge wie Videos in einem separaten Fenster öffnen.
Multitasking_PiP T-Multitasking_PiP Die App unterstützt die interaktive Bild-im-Bild-Funktion, die benutzerdefinierte Steuerelemente und Nutzerinteraktionen in Media- und Nicht-Media-Anwendungen ermöglicht.
Mehrere Instanzen T-Multi-Instance Die App kann mehrere Instanzen von sich selbst in separaten Fenstern starten. Anwendungsfälle sind unter anderem die Bearbeitung von Dokumenten, das Surfen im Web, Dateimanager-Apps und Produktvergleiche in Shopping-Apps. Weitere Informationen finden Sie unter Mehrere Instanzen im Abschnitt Unterstützung des Mehrfenstermodus.

Drag-and-drop

Guideline ID Test IDs Description
Drag_Drop_Support T-Drag_Drop_Support Die App unterstützt Drag-and-drop zwischen Präsentationen innerhalb der App und im Multi-Window-Modus zu und von anderen Apps über Touch-Eingabe, Maus, Trackpad und Stylus. Weitere Informationen finden Sie unter Drag-and-drop aktivieren. Siehe auch Stylus_Drag_Drop.
T-Drag_Drop_Batch Die App unterstützt das Ziehen und Ablegen mehrerer Elemente, die als Gruppe verarbeitet werden sollen. Weitere Informationen finden Sie unter DropHelper für vereinfachtes Drag-and-drop.

Drucken und Dateiverwaltung

Guideline ID Test IDs Description
Printing_Support T-Printing_Support Die App unterstützt das Drucken von Dokumenten oder den Export in ein druckbares Format.
File_Management_Basics T-File_Management_Basics

Die App implementiert gängige Dateiverwaltungsfunktionen, darunter:

  • Benennung und Speichern:Dateinamen und Speicherorte sind gut sichtbar.
  • Herunterladen:Nutzer können Dateien am gewünschten Ort auf dem lokalen Speichergerät speichern.
  • Hochladen:Nutzer können Dateien aus dem lokalen Speicher hochladen und die Dateiauswahl des Betriebssystems priorisieren.
File_Picker T-File_Picker Die App ist in die Dateiauswahl des Betriebssystems eingebunden, was einen nahtlosen Import und Export ermöglicht. Desktop- und Produktivitätsnutzer sind für den umfassenden Zugriff auf Inhalte stark auf Dateimanager angewiesen.
File_Handlers T-File_Handlers Eine App gibt sich selbst als Dateihandler an, indem sie Unterstützung für relevante Dateitypen deklariert. So können Nutzer Dateien mit bestimmten Anwendungen direkt über die Dateien App des Systems öffnen.

Cursor

Guideline ID Test IDs Description
Custom_Cursors T-Custom_Cursors

In der App werden benutzerdefinierte Cursor angezeigt, um anzugeben, wie und wann Nutzer mit UI-Elementen und Inhalten interagieren können, z. B.:

  • System-Cursors, die vom Android-Framework bereitgestellt werden:
    • I-Beam für Text
    • Ziehpunkt zur Größenanpassung an den Kanten von Ebenen, deren Größe angepasst werden kann
    • Rotierende Verarbeitungssymbole
  • Spezielle Cursor, die Sie bereitstellen:
    • Fadenkreuz beim Bewegen des Mauszeigers über Ziele in Spielen
    • Eine Lupe, wenn der Mauszeiger über zoombaren Inhalten platziert wird
    • Tools in Zeichen- oder Illustrations-Apps
Weitere Informationen finden Sie unter PointerIcon und Mauszeigersymbole.
Cursor_Target_Size T-Cursor_Target_Size Die App priorisiert die Genauigkeit bei Cursorinteraktionen, indem sie Cursor-Zielgrößen implementiert, die mit visuellen Zielgrößen übereinstimmen, um die wahrgenommene Zielgröße zu verringern.

Geräteübergreifend

Guideline ID Test IDs Description
Cross_Device_Handoff T-Cross_Device_Handoff Apps, die auf mehreren Arten von Android-Geräten funktionieren, ermöglichen es Nutzern, eine Aufgabe auf einem Android-Gerät zu starten und nahtlos auf einem anderen fortzusetzen. Die App stellt einen nahezu gleichwertigen Zustand für dieselbe Aufgabe wieder her, sodass der Nutzer dort weitermachen kann, wo er aufgehört hat.

Offline-Support

Guideline ID Test IDs Description
Offline_Support T-Offline_Support Die App ermöglicht die Offline-Nutzung des gesamten oder eines Teils der Funktionen, sodass Nutzer produktiv bleiben können. Die App bietet eine reibungslose Herabstufung, um Nutzer über die Verbindungsanforderungen zu informieren.

App-to-Web

Guideline ID Test IDs Description
Web_Transition T-Web_Transition Die App sorgt für reibungslose und intelligente Übergänge zwischen App- und Webinhalten (und umgekehrt), um fragmentierte Nutzererlebnisse zu vermeiden.

Tests

Führen Sie die folgenden Tests aus, um zu prüfen, ob Ihre App ein hochwertiges, differenziertes Nutzererlebnis bietet.

Nutzerfreundlichkeit

Test ID Guideline IDs Description
T-Scrollbar_Display Scrollbar_Display App-Inhalte mit einer Maus und einem Touchpad scrollen Prüfen Sie, ob eine Scrollleiste angezeigt wird, während der Inhalt gescrollt wird.
T-Hover_Parity Hover_Parity Bewegen Sie den Mauszeiger mit einer Maus oder einem Touchpad auf UI-Elemente, die kaskadierende oder Pop‑up-Inhalte enthalten. Prüfen Sie, ob die zusätzlichen Inhalte angezeigt werden.
T-Desktop_Menus Desktop_Menus Prüfen Sie auf dem Computer und auf angeschlossenen Displays, ob Menüs und Kontextmenüs im Desktop-Stil verwendet werden.
T-UI_Config UI_Config

Prüfen Sie, ob die App vom Nutzer konfigurierbare Layoutoptionen bietet:

  • Layoutdarstellung: Wenn die App mehrere Darstellungsformate unterstützt (z. B. Listen-, Raster- oder Spaltenansichten), prüfen Sie, ob Nutzer zwischen den Formaten wechseln können.
  • Schwebende Symbolleisten: Wenn die App andockbare oder verschiebbare schwebende Symbolleisten bietet, prüfen Sie, ob Nutzer die Symbolleisten verschieben oder andocken können.
  • Bereiche neu konfigurieren: Bei Bildschirmlayouts mit mehreren Inhaltsbereichen (z. B. Listenansicht mit Detailansicht) können Sie die Größe der Bereiche anpassen, indem Sie die Trennlinien ziehen. Ordnen Sie die Bereiche neu an, wenn die App das unterstützt.

Prüfen Sie in jedem Fall, ob das Layout der App korrekt neu konfiguriert wird und die Inhalte weiterhin zugänglich und richtig formatiert sind.
T-Request_Fullscreen_Mode Request_Fullscreen_Mode Das App-Fenster muss sich in einem Mehrfensterstatus befinden, z. B. im Splitscreen- oder Desktop-Freiform-Fenster-Modus. Das Vollbild-UI-Element der App wird ausgelöst. Prüfen Sie, ob die App reibungslos in den immersiven Vollbildmodus wechselt.

Tastatur, Maus und Trackpad

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation

Verwenden Sie eine externe Tastatur, um mit der Tabulatortaste und den Pfeiltasten durch die Benutzeroberfläche der App zu navigieren. Prüfen Sie, ob die Fokusstatus für alle interaktiven Elemente unterschiedlich und einheitlich sind.

Prüfen Sie außerdem, ob geeignete UI-Elemente wie Texteingabefelder den anfänglichen Fokus erhalten, wenn ein Bildschirm zum ersten Mal angezeigt wird, und ob Nutzer Daten eingeben können.
T-Keyboard_Parity Keyboard_Parity Prüfen Sie, ob die App herkömmliche Tastenkombinationen unterstützt und ob die Tastenkombinationen, wann immer möglich, mit den Web- und Desktopversionen der App übereinstimmen.
T-Input_Combinations Input_Combinations Wählen Sie mit einer externen Tastatur, Maus und einem externen Trackpad Elemente in der Benutzeroberfläche der App aus. Wählen Sie mehrere getrennte Elemente und Bereiche mit angrenzenden Elementen aus, indem Sie Tastatur-, Maus- oder Trackpad-Aktionen wie Strg+Klicken, Strg+Tippen, Umschalt+Klicken und Umschalt+Tippen verwenden.
T-Triple_Click Triple_Click Wenn Sie eine Maus und ein Touchpad verwenden, können Sie Elemente in der App durch Dreifachklicken oder ‑tippen auswählen, z. B. ganze Textzeilen.

Multitasking und Multi-Instanz-Modus

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

Bild-im-Bild-Modus im Hoch- und Querformat sowie im Mehrfenstermodus aktivieren und beenden Ändern Sie im Multi-Window-Modus die Fenstergröße, während der Bild-im-Bild-Modus aktiv ist.

Interagiere im Bild-im-Bild-Modus mit allen benutzerdefinierten Steuerelementen und prüfe ihre Funktionalität.
T-Multitasking_Split-Screen Multitasking_Scenarios Öffnen Sie im Mehrfenstermodus eine andere App in der App und lassen Sie beide Apps nebeneinander anzeigen.
T-Multitasking_Attachments Multitasking_Scenarios Öffnen und schließen Sie Anhänge und Benachrichtigungen im Hoch- und Querformat sowie im Mehrfenstermodus.
T-Multi-Instance Multi-Instance Starten Sie mehrere Instanzen der App in separaten Fenstern im Hoch- und Querformat sowie im Mehrfenstermodus.

Drag-and-drop

Test ID Guideline IDs Description
T-Drag_Drop_Support Drag_Drop_Support

Bilder und Text per Drag-and-drop auf Drop-Ziele in der App ziehen. Im Multi-Window-Modus Bilder und Text per Drag-and-drop zwischen der App und einer anderen App verschieben (in beide Richtungen).

Ziehen Sie die Inhalte per Drag-and-drop mit Touch-Eingabe, Maus, Trackpad und Eingabestift (siehe auch T-Stylus_Drag_Drop). Prüfen Sie die Funktionalität im Hoch- und Querformat.
T-Drag_Drop_Batch Drag_Drop_Support

Sie können mehrere Elemente wie Bilder und Text als Gruppe innerhalb der App per Drag-and-drop verschieben. Im Multi-Window-Modus können Sie Gruppen von Elementen zwischen der App und einer anderen App hin und her ziehen.

Ziehen Sie die Inhalte per Drag-and-drop mit Touch-Eingabe, Maus, Trackpad und Eingabestift (siehe auch T-Stylus_Drag_Drop). Prüfen Sie die Funktionalität im Hoch- und Querformat.

Drucken und Dateiverwaltung

Test ID Guideline IDs Description
T-Printing_Support Printing_Support Prüfen Sie, ob die App Dokumente drucken oder in ein druckbares Format wie PDF exportieren kann.
T-File_Management_Basics File_Management_Basics Prüfen Sie, ob Dateinamen und Speicherorte sichtbar sind und ob Nutzer beim Herunter- oder Hochladen von Dateien Speicherorte auswählen können.
T-File_Picker File_Picker Prüfen Sie, ob die App die Systemdateiauswahl zum Importieren und Exportieren von Dateien verwendet.
T-File_Handlers File_Handlers Prüfen Sie in der System-App „Dateien“, ob die App als Option zum Öffnen der relevanten Dateitypen aufgeführt ist.

Cursor

Test ID Guideline IDs Description
T-Custom_Cursors Custom_Cursors

Mit der App über eine Maus und ein Touchpad interagieren. Prüfen Sie, ob benutzerdefinierte Cursor an den richtigen Stellen angezeigt werden, z. B.:

  • I-Beam für Texteingabefelder
  • Ziehpunkt zur Größenanpassung an den Kanten von Ebenen, deren Größe angepasst werden kann
  • Kreisende Symbole bei lang andauernden Aufgaben
T-Cursor_Target_Size Cursor_Target_Size Interagieren Sie mit einer Maus und einem Trackpad mit kleinen UI‑Elementen wie Symbolen, Schaltflächen und Ziehpunkten. Prüfen Sie, ob der interaktive Bereich jedes Elements seine visuellen Grenzen genau widerspiegelt, damit eine präzise Auswahl möglich ist.

Geräteübergreifend

Test ID Guideline IDs Description
T-Cross_Device_Handoff Cross_Device_Handoff Sie können eine Aufgabe auf einem Gerät beginnen und dann zu einem anderen Gerät wechseln, auf dem die App installiert ist. Prüfen Sie, ob Sie die Aufgabe in einem nahezu gleichwertigen Zustand fortsetzen können.

Offline-Support

Test ID Guideline IDs Description
T-Offline_Support Offline_Support Deaktivieren Sie die Netzwerkverbindung und prüfen Sie, ob die Hauptfunktionen der App weiterhin verfügbar sind oder ob die App deutlich auf die Verbindungsanforderungen hinweist.

App-to-Web

Test ID Guideline IDs Description
T-Web_Transition Web_Transition Interagieren Sie mit Deeplinks oder Webinhalten in der App. Prüfen Sie, ob die Übergänge zwischen der App und den zugehörigen Webinhalten nahtlos sind.