Teilen über

Designmuster des Begleitbereichs

  • Artikel

Das Begleitbereichsmuster bietet eine großartige Gelegenheit, die Vorteile der zusätzlichen Bildschirmfläche zu nutzen, indem ansonsten ausgeblendete Oberflächen der zweiten Ebene angezeigt werden, wenn die App auf beide Bildschirme erweitert wird.

Sie können auch zwei Bildschirme nutzen, indem Sie den App-Zeichenbereich auf einem Bildschirm platzieren und den anderen zur Aufnahme von Tools verwenden, mit denen der Inhalt des Zeichenbereichs bearbeitet werden kann. Wenn Sie den Begleitbereich für ein Toolszenario verwenden, ist es aufgrund der Ergonomie wahrscheinlich besser geeignet, um sich auf der rechten oder unteren Seite zu befinden. Testen Sie Ihre App, um zu sehen, was für Ihre App am besten funktioniert.

Anzeigen von ergänzendem Kontext, um Benutzern das Erledigen von Aufgaben zu erleichtern (in der Regel mithilfe einer Primär-/Sekundärbeziehung), indem bislang verborgene Funktionen der Ebene 2 an die Oberfläche geholt werden, um einen schnelleren Zugriff zu ermöglichen.

Die Trennung der zu nutzenden Inhalte von den Tools für die Interaktion mit den Inhalten erleichtert Benutzern die Analyse des Inhalts und die Konzentration darauf. Dies bietet eine ergonomisch bessere Erfahrung, indem sich die Tools näher bei der Hand befinden, insbesondere bei Dual-Querformat-Positionen.

Diagram shows the companion pane pattern with different elements on different panes in a landscape and portrait pattern.

Bewährte Methoden

Nachfolgend finden Sie einige Szenarien, die Ihnen beim Anwenden dieses Entwurfsmusters helfen:

Diagram shows an app with one screen for content and another for palettes or controls, with no content under the hinge.

Empfohlen Nicht empfohlen
Verwenden Sie den zweiten Bildschirm, um als Begleitbereich oder Tool zu handeln, um Inhalte auf dem ersten Bildschirm zu bearbeiten. Zeigen Sie den Inhalt nicht über beide Bildschirme hinweg an, die durch den Hinge übergeben werden.

Diagram shows a game view on one screen and game controls on the other, instead of the game view appearing on both.

Empfohlen Nicht empfohlen
Verwenden Sie den zweiten Bildschirm als Controller zum Ausführen von Spielen auf dem ersten Bildschirm. Duplizieren Sie den Spielinhalt nicht auf dem zweiten Bildschirm mit dem Controllerüberlagerung oberhalb davon.

Typen von Apps, die von diesem Muster profitieren können

  • Produktivitäts-Apps, die zusätzliche Informationen neben dem Hauptinhalt anzeigen möchten
  • Kreative Tools wie Bildzeichnungs-Apps
  • Musik oder Videobearbeitungs-Apps
  • Spiele-Apps

Codebeispiele

Diese Projekte zeigen eine einfache Implementierung des Entwurfsmusters des Begleitbereichs, das Sie in Ihren Apps verwenden können:

Nächste Schritte

Berücksichtigen Sie diese anderen Entwurfsmuster: