TIER 2 – Adaptiv optimiert
Für Nutzer ist die Benutzeroberfläche die App. Sie bestimmt die User Experience, die wiederum die Nutzerzufriedenheit, die App-Nutzung, die App-Käufe und die Kundenbindung bestimmt.
Große Bildschirme bieten viel Platz für innovative, anpassungsfähige Benutzeroberflächen, die eine Nutzerfreundlichkeit ermöglichen, die auf kleinen Bildschirmen nicht erreicht werden kann.
Optimieren Sie Ihre App für große Bildschirme, indem Sie die folgenden UI-Elemente einfügen:
- Navigationsstreifen oder Navigationsleiste
- Große Berührungszielbereiche
- Gut platzierte Menüs und Dialogfelder
- Layouts mit mehreren Bereichen
Adaptive Layouts
Erstellen Sie adaptive Layouts, mit denen die Benutzeroberfläche Ihrer App auf großen und kleinen Bildschirmen optimiert wird. Gleichzeitig für mehrere Formfaktoren entwickeln und erstellen App für neue Gerätetypen zukunftssicher machen
Kanonische Layouts
Nutzen Sie bewährte adaptive Layouts, um die UX Ihrer App zu optimieren. Erstellen Sie ein Listen-/Detail-, ein unterstützendes oder ein Feed-Layout, um mehr Inhalte übersichtlicher und ansprechender zu präsentieren.
Responsive Benutzeroberfläche
UI-Elemente basierend auf der Displaygröße formatieren Beschränken Sie die Breite von Schaltflächen, Karten und Textfeldern, die auf kleinen Displays die volle Breite einnehmen, auf großen Displays auf eine funktional angemessene Größe. Dialogfelder und andere modale Fenster sollten nicht das gesamte Display ausfüllen. Kontextmenüs und andere elementbezogene Pop‑ups sollten neben dem vom Nutzer ausgewählten Element und nicht in der Mitte des Bildschirms positioniert werden.
Einbettung von Aktivitäten
Aktualisieren Sie Ihre aktivitätsbasierten Legacy-Apps mit Layouts mit mehreren Bereichen für große Displays. Es ist kein Refactoring des Codes erforderlich. Konfigurieren Sie Ihre Layouts in XML oder mit einigen Jetpack WindowManager API-Aufrufen.
Nächste Schritte
Weitere Informationen zur UI-Entwicklung für eine optimierte Nutzererfahrung finden Sie in den folgenden Entwicklerleitfäden: