Design-Feedback aus Screenshot

Lade einen Screenshot einer Webseite oder einer App hoch, und Do4U gibt dir nummerierte Hinweise: Knöpfe, die zu klein zum Tippen sind, Text, der schwer lesbar ist, Wörter, die Teil eines Bildes sind, eine Hierarchie, die das Wichtige versteckt, und ungleichmäßige Abstände. Jeder Hinweis hat einen Schweregrad, sagt, was die KI sieht, schlägt eine konkrete Änderung vor und zeigt mit einem Rahmen im Bild, wo er liegt. Das ist eine KI-Einschätzung und keine Messung. Die KI kann weder Pixel noch Kontrast messen; eine behauptete Pixelgröße, ein Kontrastverhältnis, eine Prozentangabe oder ein Farbwert wird deshalb aus dem Text entfernt und aufgelistet. Wo ein Bereich auch in Pixeln steht, ist er aus dem groben Bereich berechnet und als Schätzung gekennzeichnet. Dein Bild wird nur in deinem Browser gezeigt und nie zurückgeschickt.

Jetzt ausprobieren Preise

Für wen

Für Designerinnen, Shop-Betreiber, Agenturen und Entwickler, die vor dem Bauen oder Veröffentlichen schnell eine zweite Meinung zu einer Ansicht wollen, und für Teams, die Hinweise für ein Ticket zum Kopieren brauchen.

Typische Anwendungen

Einen Design-Entwurf oder eine Live-Seite auf zu kleine Knöpfe prüfen
Text im Bild finden, der echter Text sein sollte
Vor dem Start eine zweite Meinung zu einer Ansicht einholen
Die Hinweise als Markdown-Liste in ein Ticket kopieren

Beispiel

Eingabe

Screenshot einer Shop-Seite auf dem Handy. Notiz: Online-Shop für Gartengeräte, wird vor allem von älteren Menschen am Handy genutzt.

Ergebnis

1. Zielgröße (hoch): Der Warenkorb-Knopf ist viel kleiner als eine Fingerspitze. Vorschlag: mindestens 44 px hoch machen. Rahmen: unten rechts. 2. Kontrast (mittel): Der hellgraue Preis auf Weiß ist schwer lesbar. Vorschlag: ein deutlich dunkleres Grau nutzen. 3. Text im Bild (niedrig): Das Lieferversprechen ist Teil eines Banner-Bildes.

Ein festes Beispiel, gekürzt. Echte Ergebnisse sind KI-generiert: Bitte prüf sie.

Preis und Grenzen

Preis: meist 2–3 Credits
Verfügbar mit: Free, Mit Paket
Eingabegrenze: Eine Seite mit bis zu 600 Zeichen HTML

Datenschutz

Verarbeitet auf eigenen Servern in der EU (Polen). Eingaben und Ergebnisse werden nach 7 Tagen (Free) bzw. 30 Tagen (Pakete) gelöscht – oder direkt nach der Anzeige, wenn du das Speichern abwählst. Bilder löschen wir gleich nach der Verarbeitung.

In der API

Werkzeugname: design_feedback. Leg einen Auftrag mit POST /api/v1/jobs an und hol das Ergebnis mit GET /api/v1/jobs/{id}. Den API-Schlüssel findest du in deinem Konto.

curl -X POST https://do4u.eu/api/v1/jobs \
  -H "Authorization: Bearer d4u_…" -H "Content-Type: application/json" \
  -d '{"tool": "design_feedback", "url": "https://example.com/"}'

Zur API-Dokumentation →

Fragen und Antworten

Misst die KI Pixel oder Kontrast?

Nein. Die KI sieht das Bild in fester interner Auflösung und gibt eine Einschätzung ab, keine Messung. Behauptet sie eine Pixelgröße, ein Kontrastverhältnis, eine Prozentangabe oder einen Farbwert, nimmt der Code das aus dem Text und listet auf, was entfernt wurde. Den Kontrast deiner echten Seite misst du mit dem Barrierefreiheits-Check.

Wie funktionieren die nummerierten Rahmen?

Zu jedem Hinweis gehört ein Rechteck in Prozent des Bildes. Der Code prüft, dass es im Bild liegt und nicht leer ist; sonst entfällt der Rahmen, und der Hinweis bleibt. Wähle einen Hinweis oder einen Rahmen, mit Klick oder Enter, um den jeweils anderen hervorzuheben. Dein Bild wird nur in deinem Browser gezeigt, aus der Datei, die du gewählt hast, und nie von unseren Servern zurückgeschickt.

Welche Arten von Hinweisen bekomme ich?

Zielgröße von Knöpfen und Links, Kontrast, Text im Bild, Hierarchie, Abstand, Lesbarkeit, Konsistenz und anderes. Ähnliche Hinweise zum selben Bereich werden zusammengefasst, die Liste ist nach Schweregrad sortiert und auf eine Höchstzahl begrenzt, und du kannst sie als Text oder als Markdown-Liste kopieren.

Wird mein Text gespeichert?

Nur so lange wie nötig: 7 Tage bei Free, 30 Tage mit Paket – oder gar nicht, wenn du das Speichern abwählst. Verarbeitet wird auf eigenen Servern in der EU (Polen).

Kann ich das Ergebnis direkt verwenden?

Die Ergebnisse sind KI-generiert. Lies sie bitte, bevor du sie veröffentlichst oder verschickst.

Passende Werkzeuge

Barrierefreiheits-Check
Prüft eine Seite auf häufige Barrieren und erklärt, wie du sie behebst.
Alt-Texte
Kurze Bildbeschreibungen für Screenreader und Suchmaschinen.
Inklusive und verständliche Sprache
Weist auf ausgrenzende oder unnötig komplizierte Formulierungen hin und schlägt neutrale oder einfachere Alternativen vor. Vorschläge, keine Vorschrift; ob du gendern möchtest, entscheidest du.

Alle Werkzeuge →