Viele Apps, die mit Claude Code entstehen, werden auf dem Smartphone getestet und auf dem Desktop im Browser entwickelt. Das Tablet fällt dazwischen durch. Spätestens bei der Einreichung zeigt sich das Problem: Apple testet Apps auch auf dem iPad, und eine gestreckte Smartphone-Ansicht oder abgeschnittene Inhalte führen zur Ablehnung. Google bewertet die Qualität auf großen Bildschirmen ebenfalls. Dieser Ratgeber zeigt, wie Sie Ihre Web-App gezielt für Tablets aufbereiten und ob Sie das iPad überhaupt unterstützen sollten.
Die Grundsatzentscheidung
Bei iOS legen Sie fest, ob Ihre App nur für das iPhone oder universell für iPhone und iPad erscheint. Eine reine iPhone-App läuft auf dem iPad in einem Kompatibilitätsmodus, wird dort aber trotzdem im Review geprüft. Wählen Sie die universelle Variante, müssen Layouts auf großen Bildschirmen überzeugen und Sie brauchen eigene iPad-Screenshots.
Entscheiden Sie anhand Ihrer Zielgruppe. Bei Apps für Außendienst, Bildung, Gastronomie oder Medizin ist das Tablet oft das Hauptgerät. Bei einer Fitness-App fürs Handgelenk vermutlich nicht. Eine bewusste Entscheidung ist besser als eine halbherzige Unterstützung, die im Review auffällt.
Responsive Layouts mit Claude Code nachrüsten
Web-Apps aus Claude Code nutzen meist Tailwind oder ein ähnliches Framework mit Breakpoints. Oft sind aber nur Smartphone und Desktop berücksichtigt. Gehen Sie so vor:
Bitten Sie Claude Code zusätzlich, nach jeder Layout-Änderung automatisierte Screenshots in typischen Tablet-Größen zu erzeugen, etwa mit Playwright im Browser. So sehen Sie auf einen Blick, ob eine Änderung für das Smartphone unbeabsichtigt die Tablet-Ansicht verschlechtert hat. Diese Bilder eignen sich außerdem als Grundlage für spätere Store-Screenshots.
- Lassen Sie Claude Code alle Seiten auflisten und für jede beschreiben, wie sie zwischen 768 und 1.366 Pixeln Breite aussieht.
- Definieren Sie Tablet-Layouts mit mehrspaltigen Ansichten, etwa Liste links und Details rechts statt Vollbild-Navigation.
- Begrenzen Sie die Breite von Textblöcken und Formularen, damit Zeilen auf großen Bildschirmen lesbar bleiben.
- Testen Sie Hoch- und Querformat sowie geteilte Bildschirme, in denen die App nur ein Drittel der Breite erhält.
- Prüfen Sie Touch-Ziele, Hover-Effekte und Tastaturbedienung, denn viele Tablet-Nutzer arbeiten mit externer Tastatur.
Besonderheiten auf dem iPad
iPad-Apps müssen grundsätzlich alle Ausrichtungen und Multitasking unterstützen, es sei denn, Sie deklarieren ausdrücklich den Vollbildmodus. Dieser Ausweg sollte gut begründet sein, etwa bei Kamera-Apps oder Spielen. Für die meisten Anwendungen ist es besser, flexible Layouts anzubieten, die bei jeder Fenstergröße funktionieren.
In WebView- und Capacitor-Apps achten Sie auf das Viewport-Verhalten, sichere Bereiche und die Tastatur. Das iPad blendet Bildschirmtastatur und Tastaturleiste anders ein als das iPhone, und schwebende Tastaturen können Eingabefelder verdecken. Lassen Sie Claude Code diese Fälle gezielt prüfen und Formulare so anpassen, dass das aktive Feld immer sichtbar bleibt.
Android-Tablets und Store-Anforderungen
Google veröffentlicht eigene Qualitätsrichtlinien für Apps auf großen Bildschirmen, zu denen Tablets, Foldables und ChromeOS-Geräte zählen. Apps, die diese erfüllen, werden auf solchen Geräten besser präsentiert. Wichtig sind unter anderem Unterstützung beider Ausrichtungen, sinnvolle Nutzung des Platzes und Kontinuität bei Größenwechseln, etwa beim Aufklappen eines Foldables.
Für beide Stores brauchen Sie Tablet-Screenshots. App Store Connect verlangt bei universellen Apps Screenshots in der iPad-Größe, Google Play empfiehlt Tablet-Screenshots für eine bessere Darstellung. Erzeugen Sie diese aus echten Tablet-Ansichten, nicht aus gestreckten Smartphone-Bildern, denn das Review prüft auch die Übereinstimmung von Screenshots und App.
Der schnelle Weg in beide Stores
Ist Ihre Web-App responsiv, können Sie sie mit WebViewGold ohne Xcode oder Android Studio in eine iOS- und Android-App für Smartphones und Tablets verwandeln. Das Template übernimmt die native Hülle, Sie konzentrieren sich auf die Web-Oberfläche.
Wenn die Tablet-Ansicht grundlegend überarbeitet werden muss oder Sie eine eigenständige iPad-Erfahrung planen, unterstützen die AI Code Engineers von neooutput bei Konzept und Umsetzung. Klären Sie in einem kostenlosen 15-Minuten-Erstgespräch, wie viel Arbeit Ihre App bis zur Tablet-Tauglichkeit benötigt.
Häufige Fragen
Kann ich das iPad nachträglich ausschließen?
Sobald eine App für das iPad veröffentlicht wurde, lässt sich die Unterstützung nicht einfach wieder entfernen, da bestehende Nutzer betroffen wären. Treffen Sie die Entscheidung deshalb vor dem ersten Release.
Prüft Apple meine iPhone-App auch auf dem iPad?
Ja, auch reine iPhone-Apps können auf dem iPad getestet werden, da sie dort im Kompatibilitätsmodus laufen. Offensichtliche Darstellungsfehler können deshalb zur Ablehnung führen.
Brauche ich für Tablets einen eigenen Code?
In der Regel nicht. Mit responsiven Layouts und Breakpoints deckt eine Codebasis Smartphone, Tablet und Desktop ab. Nur bei sehr speziellen Anforderungen lohnt eine eigene Tablet-Variante.