Wenn Oberflächen im iPhone-Duo-Simulator verrutschen, leer bleiben oder abgeschnitten wirken, ist nicht automatisch die Grafikdatei falsch.

Schnellste Lösung: Prüfen Sie zuerst das verwendete SDK und reproduzieren Sie den Fehler anschließend im Xcode 27.1-Simulator bei geöffnetem, gefaltetem und gedrehtem Gerät. Bei Abweichungen untersuchen Sie zuerst fest angenommene Bildschirmmaße und Layoutentscheidungen, die allein von der Geräteausrichtung abhängen.

Jetzt: Build-Version, SDK und betroffene Ansicht dokumentieren.
Als Nächstes: Dieselbe Ansicht in den relevanten Haltungen vergleichen.
Vor der Freigabe: Simulatorbefund und Zuständigkeit für die Prüfung auf einem realen Gerät getrennt festhalten.

Dieser Leitfaden richtet sich an UI-Designer, die Figma-Entwürfe mit einer nativen iPhone-Duo-Oberfläche abgleichen müssen, an Produktdesigner mit Verantwortung für gefaltete und geöffnete Abläufe sowie an Projekt- und QA-Verantwortliche, die Mac- und Xcode-Zugang vor der Abnahme klären.

Zuletzt geprüft am 26.10.2026 anhand der Apple-Vorbereitungshinweise für iPhone Duo, der Xcode-27.1-Veröffentlichungsinformationen und der technischen Erläuterungen zum Gerät. Ändert Apple die SDK-Hinweise oder die Xcode-Version, sollte diese Prüfung erneut vorgenommen werden.

01

SDK-Unterschiede zuerst von einem echten Layoutfehler trennen

Eine App kann auf dem iPhone Duo grundsätzlich starten und dennoch nicht den erwarteten Bereich nutzen. Für die Fehlersuche ist deshalb entscheidend, mit welchem SDK das geprüfte Projekt gebaut wurde. Apple beschreibt Unterschiede zwischen iOS 27 und dem iOS 27.1 SDK bei der Nutzung der verfügbaren Bildschirmfläche. Das Erscheinungsbild kann sich damit ändern, ohne dass sich die verwendete Grafikdatei oder der Figma-Entwurf geändert hat. Die Apple-Anleitung zur Vorbereitung auf iPhone Duo erläutert diesen Unterschied.

Damit ein Vergleich sinnvoll bleibt, sollten Projektteam und Designteam drei Angaben gemeinsam festhalten: die Build-Kennung, das verwendete SDK und die betroffene Gerätehaltung. „Auf dem Innenbildschirm abgeschnitten“ ist aussagekräftiger als „das Layout ist falsch“, weil es einen konkreten Prüffall beschreibt. Ergänzen Sie, ob die Abweichung dauerhaft sichtbar ist oder erst nach dem Wechsel zwischen gefaltetem und geöffnetem Zustand auftritt. Ohne diese Angaben können unterschiedliche Builds, Ansichtsbereiche oder Haltungen irrtümlich als derselbe Fehler behandelt werden.

Wird eine ältere Build-Version mit einer neueren verglichen, sollte die Darstellung nicht ohne Weiteres als Nachweis eines fehlerhaften Assets gelten. Erst wenn derselbe Build bei derselben Haltung reproduzierbar falsch angeordnet ist, lohnt sich die gezielte Untersuchung der Layoutlogik. Die Xcode-27.1-Veröffentlichungsinformationen von Apple helfen dabei, die Entwicklungsumgebung einzuordnen; maßgeblich ist aber die Version, mit der das konkrete Projekt tatsächlich erstellt wurde. Fragen Sie daher bei der Entwicklung nach, ob die SDK-Angabe aus dem Projekt, dem Build-Protokoll oder nur aus einer Teamnotiz stammt.

02

Beim Falten und Öffnen zählt die Fläche der Ansicht

Beim Wechsel zwischen gefaltetem und geöffnetem Zustand verändert sich der Raum, der der App zur Verfügung steht. Ein Layout, das sich auf fest angenommene Bildschirmgrenzen verlässt, kann deshalb Inhalte an einer unpassenden Stelle zeichnen oder sie zu groß beziehungsweise zu klein darstellen. Eine feste Bildschirmbreite sagt nicht in jeder Haltung aus, wie viel Platz die aktuelle Ansicht tatsächlich nutzen kann.

Das ist besonders relevant, wenn ein Entwurf nahe an einer Layoutgrenze liegt: Ein zusätzlicher Bereich kann die Anordnung von Text, Navigation oder Bedienelementen verändern. Für die Designprüfung genügt es nicht, nur die Gesamtform des Geräts zu betrachten. Entscheidend ist, wo die App-Inhalte tatsächlich erscheinen und ob wichtige Aktionen in diesem Bereich sichtbar und erreichbar bleiben. Notieren Sie deshalb nicht nur den Zustand des Geräts, sondern auch, ob eine Ansicht ihren Inhalt neu anordnet, unverändert lässt oder an einer Kante abschneidet.

Apple verweist bei der Prüfung auf die konkreten Ansichtsgrenzen. In UIKit beschreibt UIView.bounds den Bezugsbereich einer Ansicht. Für SwiftUI bietet GeometryReader eine Möglichkeit, die verfügbare Geometrie innerhalb einer Ansicht zu berücksichtigen. Designer müssen diese APIs nicht selbst programmieren: Es reicht, dem Entwicklungsteam die Beobachtung mit Haltung, Bildschirm und betroffener Ansicht nachvollziehbar zu übergeben. So kann die Entwicklung prüfen, ob die Oberfläche auf die tatsächlich verfügbare Fläche reagiert oder mit einem festen Maß arbeitet.

Hinweis für die Übergabe: Die sichtbare Gerätefläche und die tatsächlich nutzbare App-Fläche sind nicht automatisch dasselbe. Halten Sie fest, ob der Fehler den Hintergrund, den Inhalt oder ein interaktives Element betrifft.

03

Eine Drehung allein ist kein verlässlicher Layout-Schalter

Nach dem Drehen kann eine App eine unpassende Layoutvariante auswählen, obwohl ihre Inhalte zuvor korrekt dargestellt wurden. Die Geräteausrichtung entscheidet beim iPhone Duo nicht für sich allein, welche Form die verfügbare App-Fläche hat. Ein Layout, das nur zwischen „hochkant“ und „quer“ unterscheidet, kann daher den tatsächlichen Platz falsch einschätzen.

Für den visuellen Abgleich sollte die Designseite nicht nur die Gerätestellung, sondern auch das Ergebnis im App-Fenster dokumentieren: Welche Inhalte bleiben sichtbar? Wo liegen die Hauptaktion und die Navigation? Wird die Fläche breiter, ohne dass die App ihre Spalten oder Abstände sinnvoll anpasst? Diese Beobachtungen helfen dem Entwicklungsteam, die Entscheidung anhand der verfügbaren Breite, Höhe oder Größenklasse zu überprüfen. Apple beschreibt in seinen Vorbereitungshinweisen für iPhone Duo, warum die Layoutwahl nicht allein aus der Geräteausrichtung abgeleitet werden sollte.

Wichtig ist außerdem, die Referenz nicht nachträglich zu verändern, um eine fehlerhafte Ansicht passend erscheinen zu lassen. Eine Designübergabe sollte die beabsichtigten Umbrüche und die Priorität der Inhalte benennen. So kann das Team unterscheiden, ob ein Element bewusst in eine neue Zeile wandert oder ob die App an einer ungeeigneten Layoutbedingung festhält. Bei einer Hauptaktion sollten Sie zusätzlich festhalten, ob sie an derselben Stelle bleiben, mit dem Inhalt wandern oder in einer breiteren Ansicht ihre Position ändern soll.

04

Eingeklemmte Bedienelemente und beschnittene Medien getrennt prüfen

Wenn Symbolleisten, Hauptschaltflächen oder Bilder gequetscht wirken, sollten Gestaltungsteams zunächst zwischen visueller Fläche und Interaktionsfläche unterscheiden. Ein Hintergrund darf den verfügbaren Bereich bis zum Rand ausfüllen, während Schaltflächen weiterhin so positioniert sein müssen, dass sie nicht verdeckt oder schwer erreichbar sind. Ein gut gefüllter Bildschirm ist deshalb noch kein Nachweis dafür, dass die Bedienung funktioniert.

Bei einem Bild oder Video sollte geprüft werden, ob im breiteren Zustand das wichtige Motiv erhalten bleibt. Ein automatisches Füllen kann einen Rand abschneiden, der im schmaleren Zustand sichtbar war. Das ist eine andere Fehlerklasse als eine Schaltfläche, die durch einen ungeeigneten Abstand außerhalb des sichtbaren Bereichs liegt. Beide Befunde sollten in der Übergabe getrennt benannt werden. Für Medien hilft eine kurze Sollbeschreibung: Welcher Bildbereich muss sichtbar bleiben, und darf der Zuschnitt bei breiterer Darstellung wechseln?

Für die Prüfung empfiehlt sich eine kurze Dokumentation pro Ansicht: Bildschirmzustand, Haltung, betroffene Komponente und erwartetes Verhalten. Die Xcode-27.1-Versionshinweise liefern den versionsbezogenen Kontext. Sie ersetzen jedoch keine Prüfung des konkreten Projekts. Die Apple-Dokumentation zum Ausführen auf simulierten oder physischen Geräten beschreibt außerdem, dass Simulator und physisches Gerät getrennte Prüfziele sind.

05

Reproduzierbare Prüfschritte für Designer und QA

Die folgenden Schritte setzen voraus, dass ein Teammitglied Zugriff auf das Projekt und eine geeignete Xcode-Umgebung hat. Designer können die Beobachtungen und Referenzbilder vorbereiten; technische Änderungen an SDK- oder Layoutlogik gehören in die Abstimmung mit dem Entwicklungsteam. Ein nachvollziehbarer Prüfdatensatz sollte außerdem kenntlich machen, wer den Build bereitgestellt und wer den Simulatorzustand geprüft hat.

  1. Projektstand festhalten. Notieren Sie Build-Kennung, Xcode-Version und verwendetes SDK. Falls die Angaben nicht verfügbar sind, bitten Sie die Entwicklung um eine Bestätigung, statt die Darstellung allein anhand eines Screenshots zu beurteilen. Auf einem Mac lässt sich die installierte Xcode-Version im Terminal abfragen:

    $ xcodebuild -version
    Xcode 27.1
    Build version <auf diesem Mac angezeigte Buildnummer>
    

    Die Ausgabe ist ein Muster für die Prüfung, keine Behauptung über eine bestimmte Buildnummer. Maßgeblich bleibt die tatsächlich angezeigte Version. Apple beschreibt Xcode 27.1 in den offiziellen Versionshinweisen. Wenn die Versionsangabe im Team nicht mit dem installierten Werkzeug übereinstimmt, sollte vor der Layoutbewertung zunächst geklärt werden, welcher Build tatsächlich geprüft wird.

  2. Fehler in beobachtbare Teile zerlegen. Schreiben Sie nicht nur „Ansicht verrutscht“, sondern benennen Sie das Element: etwa „Hauptschaltfläche teilweise verdeckt“, „Motiv am Rand beschnitten“ oder „zusätzlicher Leerraum über dem Inhalt“. Notieren Sie auch, ob der Fehler am Außen- oder Innenbildschirm auftritt. Vermeiden Sie Vermutungen zur Ursache in diesem Schritt; eine klare Beobachtung lässt sich leichter reproduzieren als eine vorweggenommene Diagnose.

  3. Einen Ausgangszustand im Simulator herstellen. Öffnen Sie das betreffende Projekt im iPhone-Duo-Simulator über den Device Hub in Xcode 27.1. Apple beschreibt die Prüfung unterschiedlicher Haltungen in der technischen Erläuterung zum iPhone Duo. Erfassen Sie vor Änderungen den ursprünglichen Zustand mit einem Screenshot und notieren Sie, welche Ansicht gerade geöffnet ist. Ein Screenshot allein reicht nicht, wenn die Gerätehaltung und der geprüfte Build fehlen.

  4. Haltungen einzeln wechseln. Prüfen Sie die betroffene Ansicht gefaltet, geöffnet und nach der relevanten Drehung. Ändern Sie nicht mehrere Bedingungen gleichzeitig. Wenn sich nur der geöffnete Zustand verschiebt, ist das ein anderes Signal als ein Fehler, der in allen Zuständen gleich auftritt. Kehren Sie nach jeder Prüfung zum Ausgangszustand zurück, damit Beobachtungen nicht durch eine unbemerkte Änderung der Ansicht verfälscht werden.

  5. Mit dem Projekt-SDK vergleichen. Fragen Sie, ob ein weiterer Build mit dem anderen relevanten SDK verfügbar ist. Vergleichen Sie dieselbe Ansicht bei möglichst gleichen Bedingungen. Dokumentieren Sie, was sich ändert, und behaupten Sie nicht, dass ein Unterschied automatisch einen Fehler im Designsystem belegt. Wenn kein Vergleichsbuild verfügbar ist, vermerken Sie diese Einschränkung statt ein Ergebnis aus verschiedenen Builds als direkten A/B-Vergleich zu behandeln.

  6. Die Layoutannahme an das Entwicklungsteam übergeben. Beschreiben Sie, ob die App offenbar eine feste Bildschirmgrenze oder allein die Ausrichtung als Auswahlkriterium verwendet. Ergänzen Sie Referenzbild, Sollverhalten und reproduzierbaren Zustand. So erhält das Team eine prüfbare Hypothese statt einer vagen Aufforderung, „das Layout anzupassen“. Legen Sie außerdem fest, welche Inhalte bei Platzmangel Vorrang haben und ob bestimmte Steuerelemente in einer anderen Anordnung erscheinen dürfen.

  7. Abnahmegrenze vereinbaren. Kennzeichnen Sie Ergebnisse als Simulatorprüfung oder als Prüfung auf realer Hardware. Klären Sie ausdrücklich, wer die Geräteprüfung übernimmt und welche Interaktionen dafür relevant sind. Apples Hinweise zu simulierten und physischen Geräten machen die Unterscheidung zwischen beiden Prüfwegen deutlich. Ein Simulatorbefund kann die Fehlersuche beschleunigen, aber er sollte nicht als Nachweis für jede Eigenschaft eines realen Geräts ausgegeben werden.

06

FAQ zur Fehlersuche und zur Prüfgrenze

Was zuerst prüfen, wenn die Oberfläche gestreckt oder abgeschnitten wirkt?

Notieren Sie zuerst das verwendete SDK und ob der Fehler am Außen- oder Innenbildschirm auftritt. Prüfen Sie anschließend, ob er bei derselben Ansicht in mehreren Gerätehaltungen reproduzierbar ist. Erst dann sollten Sie Bildressourcen oder Abstände als Ursache behandeln. Ein abweichender Darstellungsbereich kann mit dem SDK zusammenhängen und ist nicht automatisch ein Fehler der exportierten Grafikdatei.

Bildschirmmaß oder Ausrichtung nach dem Öffnen untersuchen?

Beginnen Sie mit der tatsächlich verfügbaren Breite und Höhe der App-Ansicht. Die Ausrichtung allein legt nicht zuverlässig fest, welche Layoutvariante auf dem iPhone Duo passt. Dokumentieren Sie Bildschirm, Haltung und sichtbaren Bereich. Wenn das Layout feste Bildschirmgrenzen oder eine reine Ausrichtungsabfrage verwendet, sollte das Entwicklungsteam diese Annahme gezielt überprüfen.

Was sich zwischen iOS 27 und iOS 27.1 SDK unterscheiden kann

Apple beschreibt ein verändertes Verhalten bei der Nutzung des verfügbaren Bildschirmbereichs. Eine App kann mit einem älteren SDK weiterhin starten, aber nicht dieselbe Fläche nutzen wie eine mit dem neueren SDK gebaute Version. Vergleichen Sie daher Builds mit dokumentiertem SDK und gleicher Haltung. Der Versionsunterschied ist ein Prüfhinweis, keine pauschale Vorhersage für jede App.

Native Oberfläche ohne eigenen Mac prüfen

Ein Teammitglied mit Zugriff auf einen Mac und eine passende Xcode-Version kann den Build im iPhone-Duo-Simulator öffnen und vereinbarte Ansichten sowie Interaktionen überprüfen. Für eine zeitlich begrenzte Aufgabe kann auch ein Remote-Mac-Arbeitsplatz in Frage kommen. Vorher müssen Xcode-Zugriff, Projektzugriff und Datenschutzanforderungen geklärt sein. Die Prüfung im Simulator ersetzt nicht die vereinbarte Abnahme auf echter Hardware.

07

Entscheidungshilfe: Build, Haltung und Prüfziel zusammen betrachten

Die Gegenüberstellung hilft dabei, den nächsten Schritt nach dem beobachteten Fehler auszuwählen. Sie ersetzt keine Analyse des Codes, verhindert aber, dass unterschiedliche Ursachen vorschnell als derselbe Designfehler behandelt werden.

Beobachtung Zuerst prüfen Nächster sinnvoller Schritt
Leerraum oder veränderter Anzeigebereich nach einem SDK-Wechsel Verwendetes SDK und Build-Stand Vergleich bei gleicher Ansicht und Gerätehaltung
Inhalt springt beim Öffnen oder Falten Tatsächlich verfügbare Fläche und feste Maßannahmen Entwicklungsteam um Prüfung der Layoutgrenzen bitten
Falsche Variante nach einer Drehung Ausrichtung als alleinige Layoutbedingung Verhalten mit Breite, Höhe oder Größenklasse abgleichen
Bildmotiv wird beschnitten Zuschnitt und Bildverhalten im breiteren Zustand Sollbereich für das Motiv dokumentieren
Schaltfläche ist verdeckt oder schwer erreichbar Position des Bedienelements und nutzbare App-Fläche Interaktion zusätzlich zur visuellen Darstellung prüfen

Die zweite Tabelle grenzt die Aussagekraft unterschiedlicher Prüfwege ab. Die Verfügbarkeit eines Simulators sagt noch nichts darüber aus, ob ein bestimmtes Projekt bereits in jeder Hinsicht für den Zielzustand freigegeben ist.

Prüfweg Gut geeignet für Grenze
Figma-Ansicht Gestaltungsabsicht, Hierarchie und geplante Umbrüche Zeigt nicht das Verhalten des nativen Builds
iPhone-Duo-Simulator in Xcode Wiederholbarer Vergleich von Ansichten und Haltungen Belegt nicht jede Eigenschaft eines realen Geräts
Physisches Gerät Vereinbarte Geräte- und Interaktionsprüfung Muss als eigener Abnahmeschritt organisiert werden

Die dritte Tabelle unterstützt die Entscheidung, ob ein vorhandener Mac genügt oder eine zeitlich begrenzte Umgebung geprüft werden sollte. Preisangaben wären ohne ein konkretes Angebot nicht belastbar; entscheidend sind hier Nutzungsdauer, Projektanforderungen und Verantwortlichkeit.

Situation Passender Weg Vor der Entscheidung klären
Häufige Entwicklung und wiederkehrende Geräteprüfungen Eigener oder dauerhaft verfügbarer Mac Softwarepflege, Zugriff und langfristige Kosten
Einzelne Projektprüfung ohne eigenen Mac Zeitlich begrenzten Remote-Mac erwägen Ob Xcode und das Projekt dort tatsächlich nutzbar sind
Nur gestalterischer Abgleich ohne nativen Build Figma-Referenz plus abgestimmte Übergabe Wer die Simulatorprüfung übernimmt
Verbindliche Prüfung auf realer Hardware Zuständiges Geräteteam einplanen Welche Geräte- und Interaktionsfälle zur Abnahme gehören
08

Remote-Mac-Prüfung passend zum Auftrag einordnen

Für ein Windows-basiertes Designteam kann ein Remote Mac sinnvoll sein, wenn ein nativer Build in Xcode geprüft werden muss, aber kein eigener Mac verfügbar ist. Vor einer Buchung sollte das Team mit dem Anbieter klären, ob die gewünschte macOS- und Xcode-Umgebung für das konkrete Projekt verfügbar ist, wie der Projektzugriff organisiert wird und welche Datenschutzanforderungen für Kundendateien gelten. Diese Punkte sind vorab zu bestätigen; aus der bloßen Möglichkeit, einen Mac remote zu nutzen, folgt keine Zusage zu einer bestimmten Xcode-Version oder Projektkompatibilität.

NodeMini kann in diesem Zusammenhang als Option für einen zeitlich begrenzten Mac-Zugang geprüft werden. Einen Überblick über die Angebote und den Zugang bietet die Mac-Übersicht von NodeMini. Für Teams, die regelmäßig native Oberflächen prüfen, ist ein eigener Mac oder ein dauerhaft verfügbarer Arbeitsplatz möglicherweise geeigneter; bei Aufgaben, die physische Geräte oder spezielle Anschlüsse erfordern, bleibt die Prüfung am realen Gerät erforderlich. Eine Remote-Umgebung sollte deshalb an einem repräsentativen Projekt getestet werden, bevor sie Teil des Abnahmeablaufs wird. Prüfen Sie insbesondere, ob sich das Projekt öffnen lässt, ob der vereinbarte Build im Simulator startet und ob die für die Prüfung benötigten Dateien auf dem vorgesehenen Weg bereitgestellt werden können.

Wenn ein vorhandener Windows-Arbeitsplatz die Figma-Prüfung abdeckt, aber für den nativen Simulator ein Mac fehlt, sind die Nachteile des bisherigen Wegs meist konkret: Die Übergabe an ein anderes Teammitglied verursacht Wartezeit, Screenshots können einen anderen Build zeigen, und wiederholte Einzelprüfungen werden schwerer nachvollziehbar. Bei gelegentlichen Aufgaben kann die Miete eines Mac von NodeMini den Zugang zur Xcode-Prüfung erleichtern, ohne daraus eine Garantie für die Geräteabnahme abzuleiten. Die Informationen zur Mac-Bestellung von NodeMini können als nächster Prüfschritt dienen; gleichen Sie die dort verfügbaren Optionen mit dem benötigten Projektzugriff ab. Prüfen Sie zuerst, ob die benötigte Xcode-Umgebung verfügbar ist, und halten Sie Simulatorbefund sowie echte Geräteprüfung weiterhin getrennt fest.