Was ist der UI/UX Analyzer?
Der UI/UX Analyzer ist ein KI-gestütztes Design-Audit, das visuelles Design, mobile Nutzung, Bedienbarkeit, Barrierefreiheit und Conversion-Potenzial Ihrer Website bewertet. Er kombiniert automatische Prüfungen mit einer Bildanalyse durch Claude AI und liefert Ihnen umsetzbare Designempfehlungen.
Eine UI/UX-Analyse starten
Öffnen Sie in der Seitenleiste Tools und dann UI/UX Analyzer. Geben Sie die URL ein und klicken Sie auf Analysieren.
Die Analyse dauert 30–60 Sekunden. Dabei werden:
- 4 Screenshots erstellt (Desktop + Mobil, sichtbarer Bereich + ganze Seite)
- über 40 Seitenmerkmale ausgelesen (Typografie, Farben, Kontrast, Touch-Ziele usw.)
- 16 programmatische Prüfungen zu Barrierefreiheit und Mobilansicht durchgeführt
- die Screenshots für 18 Bewertungen des visuellen Designs an Claude AI gesendet
Ihre Punktzahl verstehen
Ihre Gesamtpunktzahl (0–100) setzt sich aus fünf Kategorien zusammen:
Kategorie | Gewichtung | Was bewertet wird |
|---|---|---|
Visuelles Design | 25% | Farbharmonie, Typografie, Abstände, einheitliches Layout, Bildqualität |
Mobil | 20% | Responsives Layout, Touch-Ziele, Schriftgrößen, horizontales Scrollen |
Bedienbarkeit | 20% | Navigation, Überschriftenstruktur, Formulare, Footer |
Barrierefreiheit | 20% | Farbkontrast, Alt-Texte, Tastaturnavigation, ARIA-Labels, Fokusanzeigen |
Conversion | 15% | Sichtbarkeit der CTAs, klares Nutzenversprechen, Vertrauenssignale, Formulargestaltung |
Bewertungsskala:
- Hervorragend (80+): Design auf Spitzenniveau der Branche
- Gut (60–79): Solides Design mit Luft nach oben
- Verbesserungsbedürftig (40–59): Deutliche Probleme, die die Nutzererfahrung beeinträchtigen
- Schwach (unter 40): Ein grundlegendes Redesign wird empfohlen
KI-gestützte Erkenntnisse
Die KI-Analyse liefert:
- Zusammenfassung: Ein Überblick in natürlicher Sprache über die Stärken und Schwächen im Design Ihrer Website
- Wichtigste Verbesserungen: Die Änderungen mit der größten Wirkung, priorisiert nach Aufwand und Nutzen
- Detaillierte Bewertungen: 18 einzelne KI-Bewertungen zu visuellem Design, mobiler Nutzung und Conversion-Optimierung
Programmatische Prüfungen
Neben der KI-Analyse prüfen 16 automatische Checks technische Standards:
Barrierefreiheit (8 Prüfungen)
Farbkontrastverhältnisse, Alt-Texte von Bildern, Tastaturnavigation, Formularbeschriftungen, Landmark-Elemente, Sprachattribut, Fokusanzeigen, Größe der Touch-Ziele.
Mobil (4 Prüfungen)
Viewport-Meta-Tag, Abstand der Touch-Ziele, Mindestschriftgrößen, Vermeidung von horizontalem Scrollen.
Bedienbarkeit (4 Prüfungen)
Überschriftenhierarchie, vorhandener Footer, Bedienbarkeit von Formularen, Navigationsstruktur.
Jede Prüfung ist mit einem Zahnrad-Symbol (⚙️ programmatisch) oder einem Roboter-Symbol (🤖 KI) gekennzeichnet. So sehen Sie, welche Bewertungen automatisch und welche von der KI erstellt wurden.
Ergebnisse exportieren
- PDF: Druckfertiger Bericht über die Druckfunktion Ihres Browsers
- Markdown: Laden Sie eine .md-Datei für KI-Agenten, Dokumentation oder die Weitergabe an Entwickler herunter
Verlauf und erneute Analysen
Ihre letzten 20 Analysen werden gespeichert. Im Verlauf können Sie:
- Designverbesserungen über die Zeit verfolgen
- Eine bereits analysierte URL erneut prüfen
- Punktzahlen vor und nach einem Redesign vergleichen
Wie geht es weiter?
Brauchen Sie Hilfe? Schreiben Sie uns an support@eurometrics.eu.
