TIER 2 – Für große Bildschirme optimiert
Für Nutzer ist die Benutzeroberfläche die App. Die Benutzeroberfläche bestimmt die Nutzererfahrung, die wiederum die Nutzerzufriedenheit, die App-Nutzung, App-Käufe und die Kundenbindung bestimmt.
Große Bildschirme bieten viel Platz für innovative, flexible Benutzeroberflächen, die eine Nutzererfahrung bieten, die auf kleinen Bildschirmen nicht möglich ist.
Optimieren Sie Ihre App für große Bildschirme, indem Sie die folgenden UI-Elemente verwenden:
- Navigationsleiste oder Navigationsschacht
- Große Touch-Zielbereiche
- Gut platzierte Menüs und Dialogfelder
- Mehrfachbildschirm-Layouts
Adaptive Layouts
Erstellen Sie adaptive Layouts, die die Benutzeroberfläche Ihrer App auf großen und kleinen Bildschirmen optimieren. Entwerfen und entwickeln Sie gleichzeitig für mehrere Formfaktoren. Sorgen Sie dafür, dass Ihre App für neue Gerätetypen zukunftssicher ist.
Kanonische Layouts
Nutzen Sie bewährte Layouts für große Bildschirme, um die Nutzerfreundlichkeit Ihrer App zu verbessern. Erstellen Sie ein Listendetail, einen Infobereich oder ein Feedlayout, um mehr Inhalte übersichtlich und ansprechend zu präsentieren.
Responsive Benutzeroberfläche
Formatieren Sie UI-Elemente basierend auf der Bildschirmgröße. Begrenzen Sie die Breite von Schaltflächen, Karten und Textfeldern, die auf kleinen Bildschirmen die volle Breite haben, auf eine funktional angemessene Größe auf großen Bildschirmen. Dialogfelder und andere modale Fenster dürfen nicht den gesamten Bildschirm füllen. Positionieren Sie Kontextmenüs und andere elementbezogene Pop-up-Fenster neben dem Element, das der Nutzer ausgewählt hat, und nicht zentriert auf dem Bildschirm.
Aktivitätseinbettung
Aktualisieren Sie Ihre aktivitätsbasierten Alt-Apps mit mehrspaltigen Layouts auf großen Bildschirmen. Es ist kein Code-Refactoring erforderlich. Konfigurieren Sie Ihre Layouts in XML oder mit wenigen Jetpack WindowManager API-Aufrufen.
Nächste Schritte
Weitere Informationen zur Entwicklung von UIs für eine optimierte Nutzererfahrung finden Sie in den folgenden Entwicklerhandbüchern: