Was Website UX bedeutet — und was UI
UI steht für User Interface — alles, was sichtbar ist: Farben, Formen, Typografie, der Aufbau einer Seite. UX steht für User Experience — alles, was erlebbar ist: Wie intuitiv findet jemand, was er sucht? Wie klar ist der nächste Schritt? Kommt er ans Ziel?
Beide Begriffe hängen zusammen, aber sie sind nicht dasselbe. UI ist das Handwerk der Darstellung. UX ist das Handwerk des Erlebnisses. Eine Website kann ein makelloses UI haben — sauber gezeichnete Elemente, durchdachtes Farbbild, professionelle Typografie — und trotzdem eine schlechte UX, wenn das Formular zu viele Felder hat, der Kontaktweg zu lang ist oder das Angebot beim ersten Lesen unklar bleibt.
Der Unterschied lässt sich in einer Frage zusammenfassen: Erreicht der Besucher sein Ziel — und tut er es, ohne zu suchen oder zu zögern?
Wenn gutes UI schlechte UX versteckt
Das prominenteste Beispiel des Jahres kommt von Apple. Das neue iOS-Design mit seinem «Liquid Glass»-Konzept hat zweifellos visuelle Klasse: Transluzente Oberflächen, fliessende Übergänge, eine Ästhetik, die auf Anhieb auffällt. Doch mit dem Launch mehrten sich die Berichte über Usability-Probleme — Kontraste zu gering für schlechte Lichtverhältnisse, interaktive Elemente schwer von dekorativen zu unterscheiden, Text auf transparenten Hintergründen in bestimmten Kontexten kaum lesbar.
Das ist kein Apple-spezifisches Problem, sondern ein Lehrbeispiel für eine universelle Spannung im Design: Was visuell eindrucksvoll ist, muss nicht zwingend funktional überzeugen. Ein Designpreis bedeutet nicht, dass Nutzer damit ihr Ziel erreichen.
Für Schweizer KMU-Websites stellt sich dieselbe Frage: Sieht die Seite beeindruckend aus — oder bedient sie sich auch beeindruckend?
Der Unterschied lässt sich oft mit einem einfachen Test aufdecken: Lasst jemanden, der eure Website nicht kennt, eine konkrete Aufgabe erledigen — etwa eine Anfrage schicken oder ein Produkt finden. Beobachtet, wo die Person zögert, zurückgeht oder sucht. Genau dort liegt die UX-Schwachstelle — unabhängig davon, wie gut die Seite aussieht.
UX in der Praxis — zwei Noevu-Beispiele
Gute User Experience zeigt sich am deutlichsten, wenn komplexe Abläufe einfach werden. Zwei Projekte aus unserer Arbeit illustrieren das konkret.
AHV AIHK — mehrstufiges Rentenvorausberechnungs-Formular mit Fortschrittsanzeige und Schritt-für-Schritt-Führung.
VRM Stiftung — Berechnungstool, das Nicht-Experten in vier Schritten durch eine komplexe Vorsorgeberechnung führt.| AHV AIHK — Rentenberechnungsformular | VRM Stiftung — Berechnungstool | |
|---|---|---|
| Ausgangslage | Komplexe Pensionsberechnung mit vielen Variablen und gesetzlichen Abhängigkeiten | Technisch anspruchsvolles Berechnungstool für Gebäudetechnik-Vorsorge |
| UX-Ziel | Nutzer schliessen die Berechnung ab — ohne Anleitung und ohne Rückfragen | Nicht-Experten navigieren selbstständig durch einen mehrstufigen Prozess |
| Ansatz | Schrittweise Führung, klare Fehlerhinweise, Fortschrittsanzeige | Kontextuelle Erklärungen, logische Seitenstruktur, verständliche Fachbegriffe |
| Ergebnis | Hohe Abschlussrate, weniger Supportanfragen durch Unklarheiten | Nutzer erledigen komplexe Berechnungen ohne externe Hilfe |
Beide Projekte zeigen: Gute UX bedeutet nicht weniger Inhalt, sondern bessere Struktur. Stand: 2026.
In beiden Fällen war das visuelle Design klar und professionell — aber die eigentliche Arbeit steckte in der Ablauflogik, den Texten, der Fehlerbehandlung und der Hierarchie der Informationen. Das ist UX-Arbeit.
Gute UX verbessert die Conversion direkt
Eine Website hat ein Ziel — und dieses Ziel ist fast immer eine Handlung: eine Anfrage, ein Anruf, eine Buchung. User Experience bestimmt, wie viele Besucher diesen Schritt tatsächlich gehen.
Jede Hürde im Ablauf ist eine verlorene Anfrage. Ein Formular mit zu vielen Feldern. Ein Kontaktweg, der versteckt ist. Ein Angebot, das beim ersten Lesen unklar bleibt. Diese Punkte schaden nicht nur der Bedienbarkeit — sie kosten direkt Umsatz.
Der Zusammenhang ist eng: Conversion-Optimierung ist in vielen Fällen angewandte User Experience. Wer Reibung aus dem Ablauf nimmt, bekommt mehr Anfragen — ohne mehr Traffic einzukaufen. Die Besucher sind schon da; sie finden nur keinen klaren Weg nach vorne.
Ladezeiten gehören zur User Experience
User Experience beginnt nicht beim ersten sichtbaren Element — sie beginnt beim Ladevorgang. Jede Sekunde Wartezeit ist eine messbare Erfahrung, und sie ist fast immer eine schlechte. Auf dem Mobiltelefon bricht ein erheblicher Anteil der Besucher ab, wenn eine Seite länger als zwei bis drei Sekunden braucht.
Für Noevu-Websites gehört Geschwindigkeit deshalb zur Kernarbeit, nicht zur Bonus-Kategorie. Nahezu hundertprozentige Scores im Google PageSpeed Test sind bei unseren Projekten Standard — nicht weil es eine Kennzahl ist, sondern weil eine schnelle Seite ein besseres Erlebnis ist.
Wer Seiten baut, die auf alten Geräten, schwachen Verbindungen und kleinen Bildschirmen sofort reagieren, baut eine Website, die für alle funktioniert — und die bei Google besser rankt. Geschwindigkeit und User Experience sind keine getrennten Baustellen.
Der Google PageSpeed Insights Test misst nicht nur die Ladezeit, sondern bewertet auch die Barrierefreiheit einer Seite. Beide fliessen direkt in die User Experience ein — eine schnelle und für alle zugängliche Seite ist eine bessere Seite.
Misst eure eigene Website mit Google PageSpeed Insights — einmal für Desktop, einmal für Mobile. Die Mobile-Werte sind meistens schlechter und aussagekräftiger, weil die meisten Besucher heute über das Mobiltelefon kommen. Was unter 80 Punkten liegt, verliert nachweislich Besucher. Was über 90 liegt, ist eine direkt spürbare Erfahrungsverbesserung.
Barrierefreiheit als Teil der User Experience
Barrierefreiheit und User Experience folgen denselben Grundsätzen: klare Struktur, verständliche Sprache, logischer Ablauf, robuste Bedienbarkeit auf verschiedenen Geräten und Eingabemethoden.
Was eine Website für Menschen mit Einschränkungen zugänglicher macht, macht sie für alle einfacher. Klare Kontraste helfen nicht nur Menschen mit Sehschwäche — sie helfen jedem, der bei Sonnenlicht aufs Display schaut. Tastaturnavigation hilft nicht nur Menschen, die keine Maus benutzen — sie hilft jedem, der ein Formular effizient ausfüllen möchte.
Barrierefreiheit ist deshalb keine Pflichtübung am Ende eines Projekts, sondern ein natürlicher Bestandteil guter UX-Arbeit. Wer von Anfang an inklusiv denkt, baut eine Website, die für die grösste mögliche Zielgruppe funktioniert.
UX der eigenen Website selbst einschätzen
Für eine grobe Selbsteinschätzung braucht es keine Fachperson. Fünf kurze Tests zeigen, wo die grössten UX-Lücken liegen — in zehn Minuten, ohne Werkzeuge.
Der schnelle UX-Selbsttest
Stolpert ihr bei mehreren Punkten, lohnt sich ein gründlicherer Blick. Oft sind es wenige, konkret benennbare Stellen, die den grössten Unterschied machen — und die sich in einem strukturierten Gespräch schnell aufdecken lassen.
Fazit: UX und UI — beides zählt, aber nicht gleich
UI ist der erste Eindruck. UX ist das, was zählt, wenn jemand bleibt.
Eine Website braucht beides: das visuelle Handwerk, das Vertrauen erzeugt und Professionalität zeigt, und die ablaufliche Qualität, die dafür sorgt, dass Besucher ohne Reibung ans Ziel kommen. Wer nur eines davon ernst nimmt, verschenkt Potenzial — auf der einen Seite Glaubwürdigkeit, auf der anderen Anfragen.
Der Unterschied zwischen UX und UI zu kennen, hilft beim Priorisieren. Wenn eine Website nicht konvertiert, liegt das selten an der Farbwahl. Es liegt an der Klarheit des Angebots, dem Weg zur Anfrage, dem Vertrauen, das in den entscheidenden Momenten entsteht. Das ist User Experience — und sie ist das Fundament jeder Website, die wirklich funktioniert.
Eure Website sieht gut aus — aber konvertiert sie auch? Ein kurzes Gespräch zeigt, wo Besucher abspringen und was sich lohnt zu verbessern.
Häufig gestellte Fragen
Was ist der Unterschied zwischen UX und UI?
UI steht für User Interface — alles, was sichtbar ist: Farben, Typografie, Layout, Schaltflächen. UX steht für User Experience — alles, was erlebbar ist: Ablauf, Klarheit, ob jemand sein Ziel erreicht. Eine Website kann ein hervorragendes UI haben und trotzdem eine schlechte UX — wenn das Formular zu kompliziert ist, der Kontaktweg zu lang oder das Angebot unklar. Beide Dimensionen braucht es; UX ist die Grundlage.
Warum ist UX wichtiger als UI?
Weil das Ziel der Website immer eine Handlung ist — eine Anfrage, ein Anruf, eine Buchung. Ob jemand diesen Schritt macht, hängt in erster Linie davon ab, ob der Weg dorthin klar und reibungslos ist. Schöne Optik kann das unterstützen, aber nicht ersetzen. Wer sich nur auf das Design konzentriert und den Ablauf vernachlässigt, verliert die Mehrheit der Interessenten noch vor dem Formular.
Wie verbessert man die User Experience einer Website?
Der erste Schritt ist eine nüchterne Bestandsaufnahme: Verstehen Besucher in Sekunden, was ihr anbietet? Ist der nächste Schritt immer sichtbar? Läuft das Formular auf dem Mobiltelefon ohne Hürden? Antworten auf diese Fragen zeigen schnell, wo Reibung entsteht. Dann priorisieren — die Stellen mit dem grössten Einfluss auf Anfragen zuerst, nicht die, die optisch auffälligsten sind.
Wie hängen UX und Ladezeiten zusammen?
Ladezeiten sind ein direkter UX-Faktor. Jede Sekunde Wartezeit erhöht die Absprungrate — vor allem auf dem Mobiltelefon. Wer lange warten muss, nimmt das als Signal, dass die Website unfertig oder schlecht gepflegt ist. Gute User Experience beginnt also schon bevor die erste Seite vollständig geladen ist. Für uns bedeutet das: Geschwindigkeit ist kein technisches Bonus-Feature, sondern Teil des Gesamterlebnisses.
Müssen UX und UI von verschiedenen Personen gemacht werden?
Nicht zwingend, aber die Disziplinen brauchen unterschiedliche Denkweisen. UX denkt in Abläufen und Nutzerzielen, UI denkt in Ästhetik und Hierarchien. In kleinen Projekten überschneiden sich diese Rollen oft — wichtig ist, dass beide Perspektiven vorhanden sind. Wer UI und UX getrennt denkt und dann zusammenführt, erzielt meistens bessere Ergebnisse als wer beides gleichzeitig macht.
