UX-Design

Leistung

Umsetzung: ich selbst

56 Projekte im DACH-Raum

Wenn Besucher suchen müssen, fragen sie bei jemand anderem an.

Ich gestalte Websites so, dass Besucher auf dem Handy ohne Suchen ans Ziel kommen: Leistung finden, Fragen klären, anfragen. Mobile First, mit klaren Kontrasten und lesbar auch für ältere Kunden.

UX-Design, kurz für User Experience Design, ist die Gestaltung einer Website aus Sicht der Menschen, die sie benutzen. Es geht um Wege, Lesbarkeit und Bedienung, nicht um Dekoration. Gute Usability merkt niemand, schlechte merkt jeder.

Ich plane zuerst für das Handy und den Daumen, dann für den großen Bildschirm. Barrierefreiheit prüfe ich mit Messwerten und von Hand, nicht nach Gefühl.

Was zur nutzerfreundlichen Website noch gehört

Eine Seite kann leicht bedienbar sein und trotzdem langsam laden oder nicht gefunden werden. Deshalb plane ich Bedienung, Technik und Sichtbarkeit zusammen.

Mobile First

Gute Bedienung fällt niemandem auf, schlechte jedem

Erst für den Daumen planen, dann für die Maus
Barrierefrei heißt: bedienbar ohne Maus, ohne Lupe und ohne Geduld

Handy zuerst

Ich entwerfe zuerst die Handy-Ansicht: Knöpfe in Daumenreichweite, Telefonnummer antippbar, keine Tabellen, die seitlich überlaufen. Erst danach kommt die Ansicht für den großen Bildschirm.

Klare Wege

Jede Seite hat ein Ziel und einen Weg dorthin. Die Navigation nutzt die Begriffe, die Ihre Kunden verwenden, damit sie Leistung, Einsatzgebiet und Kontakt ohne Umweg finden.

Barrierefreiheit

Ausreichende Kontraste, lesbare Schriftgrößen, Bedienung per Tastatur, Bildbeschreibungen und beschriftete Formularfelder. Ich messe mit Lighthouse und prüfe im Browser nach, was kein Werkzeug automatisch findet.

Ruhige Bewegung

Animationen nur dort, wo sie Orientierung geben. Wer in den Systemeinstellungen reduzierte Bewegung gewählt hat, bekommt eine ruhige Seite, und beim Laden springt nichts hin und her.

Fragen zu UX-Design und Barrierefreiheit

Was Nutzerfreundlichkeit konkret heißt, was das Barrierefreiheitsstärkungsgesetz verlangt und wie ich Usability prüfe.

Was ist der Unterschied zwischen UX-Design und Webdesign?

Webdesign umfasst die ganze Website, von Gestaltung über Technik bis zu den Texten. UX-Design ist der Teil davon, der sich um die Nutzer kümmert: Finden Besucher, was sie suchen, verstehen sie die Navigation, können sie das Formular auf dem Handy ausfüllen? Ein Layout kann schön aussehen und trotzdem schlecht zu bedienen sein. Bei jeder neuen Website von MS Solutions ist UX-Design Teil der Planung, für bestehende Seiten gibt es die Prüfung auch einzeln.

Muss meine Website nach dem Barrierefreiheitsstärkungsgesetz barrierefrei sein?

Das hängt davon ab, was Ihre Website tut. Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt in Deutschland seit dem 28. Juni 2025 unter anderem für Websites, über die Verbraucher Verträge abschließen, etwa Shops oder Online-Buchungen. Reine Informationsseiten fallen laut Bundesfachstelle Barrierefreiheit nicht darunter. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten: weniger als zehn Beschäftigte und Jahresumsatz oder Bilanzsumme bis zur gesetzlichen Grenze. Das ist keine Rechtsberatung, im Zweifel klärt das eine Anwältin oder ein Anwalt. Technisch orientiere ich mich an den WCAG 2.1, auf die sich die Norm EN 301 549 stützt.

Woran erkenne ich eine nutzerfreundliche Website?

Eine nutzerfreundliche Website erkennen Sie daran, dass niemand nachdenken muss. Auf dem ersten Bildschirm steht, was angeboten wird und wo. Jede wichtige Information ist mit wenigen Tipps erreichbar, und das Formular lässt sich auf dem Handy ohne Zoomen ausfüllen. Ein einfacher Usability-Test: Geben Sie Ihr Handy jemandem, der Ihre Seite nicht kennt, und bitten Sie ihn, Ihnen eine Anfrage zu schicken. Wo er zögert, liegt das Problem.

Was bedeutet Mobile First beim Webdesign?

Mobile First heißt, dass eine Website zuerst für das Handy entworfen wird und erst danach für den großen Bildschirm. Das ist mehr als eine verkleinerte Desktop-Seite: Reihenfolge, Knöpfe und Textlängen werden für den Daumen und kleine Bildschirme geplant. Auch Google nutzt nach eigenen Angaben die mobile Version einer Website für Indexierung und Ranking (Stand Oktober 2026). Inhalte, die nur auf dem Desktop zu sehen sind, können bei Google deshalb untergehen.

Wie prüft MS Solutions die Barrierefreiheit einer Website?

MS Solutions prüft Barrierefreiheit in zwei Schritten. Zuerst automatisch mit Lighthouse, das unter anderem Kontraste, Beschriftungen, Bildbeschreibungen und die Reihenfolge der Überschriften meldet. Die Startseite von ms-solutions.tech erreichte dort am 19.09.2026 in der mobilen Messung 100 von 100 Punkten bei Barrierefreiheit. Ein automatischer Test findet aber nicht alles. Deshalb prüfe ich zusätzlich von Hand, ob sich Menüs und Formulare mit der Tastatur bedienen lassen und ob der Fokus sichtbar bleibt.

Was kostet UX-Design für eine bestehende Website?

UX-Design für eine bestehende Website bekommen Sie bei mir zum Festpreis, schriftlich vor Beginn. Der Preis hängt davon ab, wie viele Seiten und Abläufe geprüft werden, ob Sie nur die Prüfung mit einer Liste der Probleme wollen oder ob ich die Änderungen auch umsetze, und ob die vorhandene Technik Änderungen überhaupt zulässt. Bei manchen Baukasten-Seiten lassen sich Kontraste oder Formulare nur begrenzt anpassen. Das sage ich Ihnen, bevor Sie etwas bezahlen.

Lohnt sich Barrierefreiheit auch ohne gesetzliche Pflicht?

Ja, für fast jeden Betrieb. Barrierefreiheit hilft Menschen mit Sehschwäche, Zittern oder Leseschwierigkeiten, aber auch jedem, der draußen in der Sonne aufs Handy schaut oder mit einer Hand tippt. Ein Malerbetrieb, dessen Kunden oft ältere Hausbesitzer sind, hat davon genauso etwas wie eine Arztpraxis oder ein Restaurant. Barrierefreie Seiten sind außerdem sauber strukturiert: klare Überschriften, beschriftete Bilder, echte Links. Das erleichtert auch Suchmaschinen und KI-Systemen das Lesen.

Macht ein Chatbot eine Website nutzerfreundlicher?

Ein Chatbot hilft, wenn Besucher viele ähnliche Fragen haben und nicht lange suchen wollen, etwa nach Öffnungszeiten, Filialen oder Sortiment. Er ersetzt aber keine klar aufgebaute Seite. Bei einem Süßwarenhandel in Bergkamen gibt es deshalb beides: 27 Seiten, je eine pro Filiale und Warengruppe, dazu einen Chatbot und einen E-Mail-Agenten auf meinem eigenen Server. Der Chatbot ist ein eigenes Widget von MS Solutions, kein fremdes Skript eines Chat-Anbieters.

Nennen Sie mir die Stelle, an der Ihre Kunden auf der Website hängen bleiben. Ich schaue sie mir auf dem Handy an und sage Ihnen, was sich schnell beheben lässt.