Nutzer statt Meinungen
Entscheidungen über Navigation und Inhalte treffen wir anhand von Beobachtungen und Daten, nicht nach der lautesten Stimme im Meeting.
UX Design Agentur · Bielefeld & bundesweit
Wir finden heraus, wo deine Besucher hängen bleiben, und gestalten Navigation, Abläufe und Formulare so, dass sie ohne Nachdenken funktionieren. Mit Nutzertests statt Annahmen und mit Blick auf Barrierefreiheit nach WCAG 2.2.
Warum FLEO Media
UX steht für User Experience, also das Erlebnis, das Menschen bei der Nutzung deiner Website haben. Finden sie schnell, was sie suchen? Verstehen sie dein Angebot? Kommen sie ohne Umwege zur Anfrage? Gutes UX Design sorgt für ein klares Ja.
Als UX Design Agentur arbeiten wir menschzentriert, wie es die Norm DIN EN ISO 9241-210 beschreibt. Wir beobachten, wie Menschen deine Seiten nutzen, und prüfen neue Lösungen als Prototyp mit Testpersonen, bevor etwas programmiert wird.
Entscheidungen über Navigation und Inhalte treffen wir anhand von Beobachtungen und Daten, nicht nach der lautesten Stimme im Meeting.
Bevor entwickelt wird, testen wir klickbare Entwürfe mit Nutzern. Änderungen am Prototyp sind schneller gemacht als an fertigem Code.
Kontraste, Tastaturbedienung, sichtbaren Fokus und Beschriftungen planen wir nach WCAG 2.2 von Anfang an mit, statt sie später nachzurüsten.
Wir legen vorher fest, woran wir Erfolg erkennen: gelöste Aufgaben im Test, weniger Abbrüche, mehr Anfragen. Danach wird gemessen.
Wischen für mehr
Unser Ansatz
Viele Websites werden aus Sicht des Unternehmens gebaut: Menüpunkte nach Abteilungen, Fachbegriffe statt Alltagssprache. Besucher denken anders. Wir bringen ihre Fragen, Wege und Erwartungen in die Gestaltung, damit sich deine Website vertraut und logisch anfühlt.
Zuerst verstehen wir, wer deine Website nutzt und mit welchem Ziel. Wir werten vorhandene Daten aus, sprechen mit dir und deinem Team über häufige Kundenfragen und, wenn möglich, mit Kunden selbst. Daraus entstehen klare Nutzungsszenarien, an denen wir jede spätere Entscheidung messen.
Dann ordnen wir die Inhalte. Wir prüfen, ob Menüs, Seitennamen und Überschriften der Sprache deiner Kunden entsprechen, und bauen eine Informationsarchitektur, in der wichtige Seiten mit wenigen Klicks erreichbar sind. Erste Wireframes zeigen, wie die Inhalte auf jeder Seite angeordnet werden.
Aus den Wireframes wird ein klickbarer Prototyp. Mit ihm lassen wir Testpersonen typische Aufgaben lösen, etwa einen Preis finden oder eine Anfrage absenden. Wir beobachten, wo sie zögern oder falsch abbiegen, und verbessern den Entwurf, bis die Aufgaben ohne Hilfe gelingen.
Erst dann geht der Entwurf in Gestaltung und Entwicklung. Wir übergeben Komponenten, Zustände wie Fehler oder Ladeanzeigen und Regeln zur Barrierefreiheit so, dass dein Entwicklungsteam sie sauber umsetzen kann. Nach dem Launch prüfen wir mit Daten, ob die Verbesserungen im Alltag ankommen.
Einblicke
Vier Grafiken zeigen, worauf wir im UX Design achten: Aufgaben im Usability-Test, Menüs in der Sprache deiner Kunden, messbare Barrierefreiheit und die vier Prinzipien der WCAG.
Testpersonen lösen typische Aufgaben am Prototyp und sprechen laut aus, was sie denken. Wir notieren, wo sie zögern, und verbessern den Entwurf.
Viele Menüs folgen der Struktur des Unternehmens. Wir benennen Menüpunkte so, wie deine Kunden suchen und sprechen, und machen wichtige Seiten schnell erreichbar.
Ob eine Seite gut bedienbar ist, lässt sich prüfen. WCAG 2.2 nennt für Stufe AA konkrete Kriterien für Kontraste, Klickflächen und den sichtbaren Fokus.
Inhalte sollen wahrnehmbar, bedienbar, verständlich und robust sein. Auf diesen vier Prinzipien bauen alle Erfolgskriterien der WCAG auf, verteilt auf die Stufen A, AA und AAA.
Leistungen
Von der ersten Analyse bis zum getesteten Prototyp: Du kannst einzelne Bausteine buchen oder ein ganzes Projekt mit uns durchlaufen.
Leistung 01 / 06
Wir prüfen deine Website auf typische Hürden in Navigation, Inhalten, Formularen und Bedienung und werten vorhandene Nutzungsdaten aus.
ErgebnisDu weißt, wo Besucher hängen bleiben.
Kostenloser UX-Check →Leistung 02 / 06
Wir sprechen mit Kunden und Mitarbeitenden, sammeln häufige Fragen und beschreiben, wer deine Website mit welchem Ziel besucht.
ErgebnisEin klares Bild deiner Nutzer.
Kostenloser UX-Check →Leistung 03 / 06
Wir ordnen Inhalte neu, benennen Menüpunkte in der Sprache deiner Kunden und legen fest, welche Seite welche Frage beantwortet.
ErgebnisInhalte, die man findet.
Zur SEO Agentur →Leistung 04 / 06
Wir entwickeln Seitenaufbau und Abläufe als klickbaren Prototyp für Smartphone und Desktop, bevor auch nur eine Zeile Code entsteht.
ErgebnisEin testbarer Entwurf vor der Entwicklung.
Zur Webdesign Agentur →Leistung 05 / 06
Testpersonen lösen typische Aufgaben mit Prototyp oder Website. Wir beobachten, wo sie zögern, und leiten daraus konkrete Verbesserungen ab.
ErgebnisBelegte Schwachstellen statt Vermutungen.
Kostenloser UX-Check →Leistung 06 / 06
Wir prüfen bestehende Seiten und gestalten neue nach WCAG 2.2: Kontraste, Tastaturbedienung, sichtbarer Fokus, Beschriftungen und ausreichend große Klickflächen.
ErgebnisEine Website, die mehr Menschen nutzen können.
Zur Conversion-Optimierung →Vergleich
Die Begriffe werden oft gemeinsam genannt, meinen aber unterschiedliche Aufgaben. Die Übersicht zeigt, was in welchen Bereich gehört und warum beide zusammenarbeiten müssen.
| Kriterium | UX Design | UI Design |
|---|---|---|
| Leitfrage | Kommen Nutzer leicht und sicher ans Ziel? | Wie sieht die Oberfläche aus und wie wirkt sie? |
| Typische Ergebnisse | Nutzungsszenarien, Sitemap, Wireframes, Prototypen, Testberichte | Farben, Schriften, Bildsprache, gestaltete Komponenten |
| Arbeitsweise | Forschen, strukturieren, testen, verbessern | Gestalten, abstimmen, ausarbeiten |
| Gemessen an | Gelösten Aufgaben, Abbrüchen und Anfragen | Einheitlichkeit, Lesbarkeit und Wiedererkennung der Marke |
| Barrierefreiheit | Tastaturwege, Fokusreihenfolge, verständliche Abläufe | Kontraste, Schriftgrößen, sichtbare Fokuszustände |
| Zeitpunkt | Vor und während der Gestaltung | Sobald die Struktur steht |
Beides gehört zusammen. Das visuelle Design entsteht bei unserer Webdesign Agentur, die Wirkung nach dem Launch prüfen wir mit Conversion-Optimierung.
Kostenloser Live-Check
Zur Nutzererfahrung gehört auch, wie schnell eine Seite auf Klicks reagiert und ob Inhalte beim Laden springen. Trag deine Adresse ein, dann misst PageSpeed Insights diese Werte für dich in etwa einer halben Minute.
Gut zu wissen: Die Reaktionszeit INP berücksichtigt Klicks, Tippen und Tastatureingaben, aber kein Scrollen oder Hovern. Bis 200 Millisekunden gilt sie als gut, über 500 Millisekunden als schlecht. Quelle: web.dev
Hier erscheinen nach der Prüfung die wichtigsten Punkte, die deine Seite bremsen oder Google das Verstehen erschweren.
Das dauert meist 20 bis 40 Sekunden.
Ablauf
Wir testen früh und oft. So zeigen sich Probleme, solange sie noch im Entwurf stecken und nicht erst auf der fertigen Website.
Wir klären Ziele, Zielgruppen und wo es heute hakt.
Wir werten Daten aus und sprechen mit Nutzern.
Wir ordnen Inhalte und bauen einen klickbaren Entwurf.
Testpersonen lösen Aufgaben, wir verbessern den Entwurf.
Wir begleiten die Umsetzung und messen die Wirkung.
← Wischen für alle 5 Schritte →
Der erste Schritt kostet dich nichts.
Erstgespräch vereinbaren →Gut zu wissen
Gute UX fällt nicht auf. Schlechte sofort.
WCAG 2.2 wurde am 5. Oktober 2023 als W3C-Empfehlung veröffentlicht. Quelle: W3CEine UX Design Agentur lohnt sich, wenn Besucher deine Website zwar finden, aber nicht tun, was sie tun sollen. Sie suchen lange nach Informationen, brechen Formulare ab oder rufen an, um Fragen zu stellen, die auf der Seite beantwortet sein sollten. Das sind deutliche Hinweise auf Hürden in der Bedienung.
Auch vor einem Relaunch ist UX Design sinnvoll. Wer eine neue Website auf Basis der alten Struktur baut, übernimmt oft deren Schwächen. Mit einer Analyse und ersten Tests vor dem Design klärst du, welche Inhalte wirklich gebraucht werden und wie Besucher danach suchen. Das erspart dir spätere Umbauten.
Grundlage unserer Arbeit ist die menschzentrierte Gestaltung. Die Norm DIN EN ISO 9241-210 beschreibt Anforderungen und Empfehlungen für Grundsätze und Aktivitäten dieser Arbeitsweise über den gesamten Lebenszyklus interaktiver Systeme. Konkrete Methoden schreibt sie nicht vor. Welche wir einsetzen, richtet sich nach deinem Projekt und deinem Budget.
Barrierefreiheit ist ein fester Teil davon. Die Web Content Accessibility Guidelines des W3C ruhen auf vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Für normalen Text fordern sie auf Stufe AA ein Kontrastverhältnis von mindestens 4,5 zu 1. Seit Version 2.2 sollen Klickflächen grundsätzlich mindestens 24 mal 24 CSS-Pixel groß sein.
Rechtlich gewinnt das Thema an Gewicht. Das Barrierefreiheitsstärkungsgesetz verlangt, dass betroffene Produkte und Dienstleistungen für Menschen mit Behinderungen ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Ob du betroffen bist, sollte eine rechtliche Prüfung klären.
Gute UX hängt auch an der Technik. Google misst mit INP, wie schnell eine Seite auf Klicks, Tippen und Tastatureingaben reagiert, und mit CLS, wie stark sich Inhalte unerwartet verschieben. Laut web.dev können solche Verschiebungen dazu führen, dass Menschen den falschen Link oder Button treffen. Deshalb prüfen wir beides.
Was UX Design kostet, hängt davon ab, wie viele Seiten und Abläufe betrachtet werden, ob wir Interviews und Tests mit Kunden durchführen und ob wir die Umsetzung begleiten. Eine Pauschale nennen wir deshalb nicht. Nach einer kostenlosen Analyse erhältst du ein festes Angebot mit allen Leistungen und einem Zeitplan.
Wissenswertes
UX Design stützt sich auf Normen und Richtlinien, die öffentlich einsehbar sind. Diese sechs Punkte helfen dir, Anforderungen und Angebote einzuordnen.
Die Norm heißt „Menschzentrierte Gestaltung interaktiver Systeme“. Die deutsche Fassung erschien im März 2020 auf Basis der EN ISO 9241-210:2019. Sie legt Anforderungen und Empfehlungen für Grundsätze und Aktivitäten fest, beschreibt aber keine detaillierten Methoden.
Inhalte sollen wahrnehmbar, bedienbar, verständlich und robust sein. Auf diesen vier Prinzipien bauen alle Erfolgskriterien der WCAG auf. Jedes Kriterium gehört zu einer von drei Stufen: A als niedrigste, dann AA und AAA als höchste.
Version 2.2 ergänzt neun Erfolgskriterien, etwa zu verdecktem Fokus, Ziehbewegungen, der Größe von Klickflächen, gleichbleibender Hilfe, doppelten Eingaben und barrierefreier Anmeldung. Das alte Kriterium 4.1.1 zur Syntaxanalyse gilt als überholt und wurde in Version 2.2 gestrichen.
Kriterium 3.3.2 auf Stufe A verlangt Beschriftungen oder Anleitungen, wenn Inhalte eine Eingabe erfordern. In der Praxis heißt das: Jedes Formularfeld braucht eine klare, sichtbare Bezeichnung, und nötige Formate wie beim Datum werden vor der Eingabe erklärt.
Kriterium 2.5.8 auf Stufe AA verlangt für Zeigereingaben Zielflächen von mindestens 24 mal 24 CSS-Pixeln. Es gibt Ausnahmen, zum Beispiel bei ausreichendem Abstand, für Links im Fließtext oder wenn auf derselben Seite ein gleichwertiges Bedienelement existiert.
Das Gesetz gilt unter anderem für Dienstleistungen im elektronischen Geschäftsverkehr, die nach dem 28. Juni 2025 für Verbraucher erbracht werden. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten: weniger als zehn Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme.
Häufige Fehler
Viele Hürden sind klein und schnell behoben, wenn man sie einmal gesehen hat. Diese sechs finden wir in UX-Analysen besonders oft.
BesserGib jedem Formularfeld eine sichtbare Beschriftung. Ein grauer Platzhaltertext verschwindet beim Tippen und hilft dann nicht mehr weiter.
BesserPlane Buttons und Links auf dem Smartphone groß genug. WCAG 2.2 nennt 24 mal 24 CSS-Pixel als Mindestgröße, mit einigen Ausnahmen.
BesserZeig deutlich, welches Element gerade per Tastatur ausgewählt ist, und sorge dafür, dass feste Leisten es nicht verdecken.
BesserReserviere Platz für Bilder, Banner und eingebettete Inhalte. So verschiebt sich beim Laden nichts und niemand tippt versehentlich daneben.
BesserBenenne Menüpunkte so, wie deine Kunden suchen und sprechen, und nicht nach internen Abteilungen, Projektnamen oder Produktcodes deines Unternehmens.
BesserErkläre bei einem Fehler direkt am betroffenen Feld, was genau nicht stimmt und wie die Eingabe richtig aussieht.
Checkliste
Schöne Entwürfe zeigt fast jede Agentur. Ob gute UX dahinter steckt, erkennst du an der Arbeitsweise: wie Nutzer einbezogen, Entwürfe geprüft und Ergebnisse übergeben werden.
FAQ
Usability, Barrierefreiheit, Tests und Kosten: Hier beantworten wir die Fragen, die vor einem UX-Projekt am häufigsten kommen. Deine ist nicht dabei? Ruf an oder schreib uns eine E-Mail.
Eine UX Design Agentur sorgt dafür, dass Menschen eine Website oder App leicht verstehen und bedienen können. Dazu gehören Analysen, Gespräche mit Nutzern, die Ordnung der Inhalte, Wireframes, klickbare Prototypen, Usability-Tests und die Prüfung der Barrierefreiheit. Am Ende steht ein getesteter Entwurf für die Umsetzung.
UX Design beschäftigt sich damit, ob Nutzer ihr Ziel leicht erreichen: Struktur, Abläufe, Inhalte und Bedienung. UI Design gestaltet die sichtbare Oberfläche mit Farben, Schriften und Komponenten. Beides greift ineinander, doch UX legt die Grundlage, auf der das UI Design aufbaut.
Gemeint ist eine Arbeitsweise, bei der die Menschen, die ein System nutzen, im Mittelpunkt der Entwicklung stehen. Die Norm DIN EN ISO 9241-210 beschreibt dafür Grundsätze und Aktivitäten über den gesamten Lebenszyklus interaktiver Systeme. Für Websites heißt das: Nutzer verstehen, Lösungen entwerfen und mit ihnen prüfen.
Testpersonen aus deiner Zielgruppe bekommen typische Aufgaben, etwa ein Angebot vergleichen oder eine Anfrage absenden. Sie arbeiten mit dem Prototyp oder der Website und sprechen dabei laut aus, was sie denken. Wir beobachten, wo sie zögern oder scheitern, und fassen die Ergebnisse mit konkreten Empfehlungen zusammen.
Das hängt von deinem Angebot ab. Das Barrierefreiheitsstärkungsgesetz gilt unter anderem für Dienstleistungen im elektronischen Geschäftsverkehr, die nach dem 28. Juni 2025 für Verbraucher erbracht werden, zum Beispiel Online-Shops. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen. Die genaue Prüfung gehört in rechtliche Hände. Gut bedienbare Seiten nützen aber allen.
Wir planen in der Regel auf Stufe AA. Dort liegen Kriterien wie ein Kontrastverhältnis von mindestens 4,5 zu 1 für normalen Text, ein Fokus, der nicht verdeckt wird, und Klickflächen von mindestens 24 mal 24 CSS-Pixeln. Welche Anforderungen für dich rechtlich gelten, klärt eine juristische Prüfung.
Einen Festpreis für alle Projekte gibt es nicht. Der Aufwand hängt davon ab, wie viele Seiten und Abläufe betrachtet werden, ob Interviews und Tests mit Kunden geplant sind und ob wir die Entwicklung begleiten. Nach einem kostenlosen UX-Check bekommst du ein festes Angebot mit allen Leistungen.
Ja, oft reicht dort schon ein kleiner Umfang. Eine UX-Analyse der wichtigsten Seiten und ein kurzer Test mit wenigen Aufgaben zeigen meist die größten Hürden, etwa ein unklares Menü oder ein zu langes Formular. Diese Punkte lassen sich mit überschaubarem Aufwand beheben.
Nein. Interviews und Usability-Tests führen wir per Video-Call durch, Testpersonen können also überall in Deutschland sitzen. Prototypen teilen wir als Link. Unternehmen aus Ostwestfalen-Lippe laden wir für Workshops gern in unser Büro in der Goldstraße in Bielefeld ein.
Transparenz
UX Design lebt von nachvollziehbaren Entscheidungen. Darum beziehen wir uns auf dieser Seite nur auf veröffentlichte Normen, die Richtlinien des W3C, Dokumentationen von Google und den Gesetzestext. Hier findest du die Quellen, unsere Grundsätze und die verantwortliche Person.
Loreen Kendermann
Inhaberin von FLEO MediaLoreen Kendermann führt FLEO Media als Inhaberin und hat diese Seite verfasst. Seit sechs Jahren arbeitet sie in SEO und Online-Marketing und beschäftigt sich dabei immer wieder mit der Frage, warum Besucher eine Website verlassen.
Wir gestalten erst, wenn klar ist, wer deine Website nutzt und warum.
Barrierefreiheit planen wir nach den WCAG 2.2 des W3C.
Du bekommst alle Testberichte, auch die unbequemen Beobachtungen.
Entwürfe, Prototypen und Forschungsergebnisse bleiben bei dir.
Kostenloses Erstgespräch
Wir gehen deine wichtigsten Seiten mit dem Blick deiner Kunden durch und zeigen dir, wo sie stocken. Der UX-Check ist kostenlos und verpflichtet dich zu nichts. Du bekommst eine kurze Liste der größten Hürden.