Responsive Website-Tests in Runner AI beginnen mit Ihrem bestehenden Shop und einer konkreten Kundenaufgabe. Wechseln Sie in der Vorschau zwischen Desktop, Tablet und Smartphone, prüfen Sie dieselbe Seite und beschreiben Sie einen Fehler mit Seitenpfad und erwartetem Ergebnis. Daraus entsteht eine überprüfbare Korrektur am Shop-Projekt. Eine Gerätevorschau beweist jedoch nicht, dass jeder Browser und jeder Kaufablauf funktioniert.
Responsive Website-Tests mit einer Kundenaufgabe beginnen
Wählen Sie einen Seitenpfad und eine Handlung, die Kunden dort ausführen sollen. Auf einer Produktseite kann das die Auswahl einer verfügbaren Variante und der Weg zum Warenkorb sein. Auf einer Kategorieseite prüfen Sie beispielsweise, ob ein Filter die Ergebnisse verdeckt. Verwenden Sie echte Katalogdaten und freigegebene Inhalte, damit lange Produkttitel und tatsächliche Bilder im Test vorkommen.
Notieren Sie vorab das erwartete Ergebnis und die Bereiche, die unverändert bleiben müssen. Nennen Sie die betroffene Schaltfläche und die Ansicht, in der der Fehler auftritt. Ersetzen Sie schwierige Inhalte nicht durch kurze Mustertexte, nur damit das Layout passt. Der KI-Builder für mobile Onlineshops behandelt den früheren Entwurfsschritt. Hier geht es um die Prüfung eines bestehenden Shops.
Desktop-, Tablet- und Smartphone-Vorschau vergleichen
Die Shop-Vorschau von Runner AI bietet Ansichten für Desktop, Tablet und Smartphone. Desktop nutzt den verfügbaren Vorschauplatz; Tablet und Smartphone haben feste Rahmen. Der Wechsel verändert den Platz für die Vorschau, ohne ein separates Shop-Projekt zu erstellen. So können Sie denselben Seiteninhalt bei verschiedenen Layouts vergleichen.
Prüfen Sie die Seite von der Überschrift bis zur letzten Handlung. Achten Sie auf abgeschnittenen Text, ungünstige Bildausschnitte, überlappende Schaltflächen und horizontales Scrollen. Bedienen Sie auch Menüs und andere Steuerelemente. Ein sichtbarer Button beweist noch nicht, dass der nächste Zustand erreichbar ist. Wiederholen Sie dieselbe Aufgabe in jeder Ansicht. Zusätzliche Breiten und echte Geräte bleiben separate Prüfungen, insbesondere bei Touch-Eingabe, Bildschirmtastatur und Zahlungsoberflächen.
Einen Layoutfehler als gezielte Änderung beschreiben
Ein reproduzierbarer Fehlerbericht enthält Seitenpfad, Ansicht, Ausgangszustand, Handlung sowie erwartetes und beobachtetes Ergebnis. Ein Screenshot kann eine Überlappung zeigen, sollte aber nicht die Erklärung ersetzen, welche Kundenhandlung dadurch blockiert wird. Melden Sie etwa, dass die Variantenliste den Warenkorb-Button in der Smartphone-Ansicht verdeckt, statt einen kompletten Seitenumbau anzufordern.
Geben Sie Runner AI diesen begrenzten Auftrag mit geprüften Katalogdaten, freigegebenen Texten und Markenvorgaben. Fordern Sie eine Änderung der betroffenen Quelldateien an und schützen Sie nicht betroffene Abschnitte. Der KI-Website-Editor beschreibt den Bearbeitungsablauf und elementbezogene Anfragen, wenn Design Mode verfügbar ist. Nach dem Speichern und Laden der aktualisierten Vorschau prüfen Sie zuerst den ursprünglichen Fehler und danach die anderen Ansichten. Eine mobile Korrektur kann das Tablet- oder Desktop-Layout verändern.
Das Ergebnis vor der Veröffentlichung prüfen
Eine erfolgreiche Vorschauprüfung belegt nur das getestete Szenario. Kontrollieren Sie, ob die richtige Seite geladen wurde, wichtige Inhalte sichtbar bleiben und die Handlung zum erwarteten Zustand führt. Prüfen Sie die aktuelle Version, nicht einen älteren Screenshot. Bestandsdaten, Suche und Warenkorb müssen außerdem mit den jeweils zuständigen Systemen übereinstimmen.
Die Veröffentlichung bleibt eine eigene Entscheidung. Ein passendes Layout bestätigt weder Zahlungsarten noch Versandregeln, Steuern oder Analysedaten. Verwenden Sie für Kaufprüfungen eine geeignete Testumgebung mit entsprechender Berechtigung und für kritische mobile Aufgaben ein echtes Gerät. Modernes Website-Design behandelt größere Änderungen an Navigation und Seitenaufbau. Halten Sie offene Fehler fest und wiederholen Sie die konkrete Aufgabe nach jeder Korrektur.
Häufig gestellte Fragen
Welche Angaben braucht Runner AI für eine Layoutkorrektur?
Geben Sie Shop, Seitenpfad, Ansicht, Ausgangszustand, Handlung und erwartetes Ergebnis an. Beschreiben Sie den tatsächlichen Fehler und ergänzen Sie bei Bedarf einen Screenshot. Nennen Sie geprüfte Katalogdaten und Bereiche, die unverändert bleiben müssen. Responsive Website-Tests brauchen ein beobachtbares Erfolgskriterium statt eines allgemeinen Gestaltungswunsches.
Ersetzt die Smartphone-Vorschau ein echtes Smartphone?
Nein. Der Rahmen hilft bei der Layoutprüfung, bildet aber nicht jedes physische Gerät oder jeden mobilen Browser ab. Prüfen Sie wichtige Aufgaben auf echten Geräten, wenn Touch-Eingabe, Tastatur, Ausrichtung, Browseroberfläche oder Zahlungsfunktionen entscheidend sind. Die Vorschau ist keine Gerätezertifizierung und keine Leistungsmessung.
Veröffentlicht die Vorschauprüfung meine Änderungen?
Nein. Die Prüfung und die Veröffentlichung sind getrennte Schritte. Kontrollieren Sie die gespeicherte Korrektur auf Desktop, Tablet und Smartphone und prüfen Sie den Kundenablauf sowie die verbundenen Systeme. Ein passendes Layout bestätigt nur das beobachtete Szenario, nicht sämtliche Seiten und Kaufbedingungen.