Entwerfen für faltbare Geräte: Körperhaltungen, Fenstergrößen und Gesten
So entwerfen Sie Apps für faltbare Telefone: gefaltete und entfaltete Layouts, Tisch- und Buchhaltungen, Fenstergrößenklassen, Kontinuität und Gesten in der Nähe der Falte.
Kernaussage
Entwerfen Sie faltbare Layouts nach verfügbarer Fenstergröße, nicht nach Gerätemodell: Die Fenstergrößenklassen von Android behandeln Breiten unter 600 dp als kompakt, 600 bis 840 dp als mittel und 840 bis 1200 dp als erweitert. Unterstützen Sie zusammengeklappte, offene und halboffene (Tisch-)Haltungen, behalten Sie den Platz des Benutzers bei, wenn das Gerät ein- oder ausgeklappt wird, und halten Sie wichtige Inhalte und Touch-Ziele von der Falte fern.
Haltungen
In der Entwicklerdokumentation von Android werden faltbare Geräte in verschiedenen Haltungen beschrieben: zusammengeklappt, flach geöffnet, flach geöffnet, ins Querformat gedreht, und halb geöffnet, auch Tischplatte genannt. Die Falte teilt den Bildschirm in zwei Teile, entweder als flexibler Bereich eines Bildschirms oder als Scharnier zwischen zwei Displays, und kann einen Teil des Displays verdecken.
Entwurf nach Fenstergrößenklassen
Anstatt auf bestimmte Geräte abzuzielen, gruppiert Android den verfügbaren Speicherplatz in Fenstergrößenklassen. Die kompakte Breite (unter 600 dp) deckt fast alle Telefone im Hochformat ab; mittlere Breite (600 bis 840 dp) deckt die meisten Tablets im Hochformat und viele große aufgeklappte Innendisplays im Hochformat ab; Die erweiterte Breite (840 bis 1200 dp) deckt die meisten Tablets und großen aufgeklappten Displays im Querformat ab. Große und extragroße Klassen decken größere Tablets und Desktops ab.
Layouts, die den Falz verwenden
Häufige Muster:
- Gefaltet: das normale Telefonlayout.
- Offen offen: Listendetail- oder Zwei-Fenster-Layout, wobei sich jedes Fenster auf einer Seite des Falzes befindet.
- Tabletop: Inhalte wie Videos in der oberen Hälfte, Steuerelemente in der unteren Hälfte.
- Platzieren Sie niemals eine Schaltfläche, Textzeile oder Fläche quer über dem Falz.
Kontinuität
Wenn jemand während einer Aufgabe ein Gerät ausklappt, sollte die App dort weitermachen, wo sie war: dieselbe Scrollposition, derselbe Entwurf, die gleiche Wiedergabe. Behandeln Sie das Ein- und Ausklappen als Layoutänderung und nicht als Neustart und animieren Sie den Übergang, damit Benutzer verfolgen können, wohin der Inhalt verschoben wurde.
Gesten und Reichweite
Größere aufgeklappte Bildschirme verändern die Daumenreichweite: Platzieren Sie häufige Bedienelemente in der Nähe der Ränder, an denen die Hände aufliegen, und vermeiden Sie Wischbewegungen am Rand, die mit Systemgesten in Konflikt geraten. Auch hier hilft physikalische Bewegung: Scheiben, die mit Federn gleiten und sich bewegen, sorgen dafür, dass sich der Wechsel zwischen den Körperhaltungen natürlich und nicht störend anfühlt.
Wichtige Prinzipien
- Design nach Fenstergrößenklasse, nicht nach Gerätemodell
- Kompakt < 600 dp, mittel 600–840 dp, erweitert 840–1200 dp
- Unterstützen Sie gefaltete, offene und Tischhaltungen
- Halten Sie Inhalte und Kontrollen fern
- Bewahren Sie den Zustand und animieren Sie Haltungsänderungen
Häufige Fragen
Quellen
- Learn about foldables — Android-Entwickler
- Use window size classes — Android-Entwickler