UX Design für Einsteiger: Grundlagen, Beispiele und erste Schritte

Was ist UX Design?

User Experience Design beschäftigt sich damit, wie Menschen digitale Produkte erleben. Ein UX Designer sorgt dafür, dass du dich auf einer Website zurechtfindest, ohne nachzudenken. Dass du in einer App mühelos findest, was du suchst. Dass ein Online-Kauf in zwei Minuten erledigt ist, nicht in zehn.

Gegenbeispiel: Du klickst auf eine Website und verlässt sie nach drei Sekunden wieder. Warum? Weil du nicht sofort verstehst, was du dort machen sollst. Das ist schlechtes UX Design.

Viele verwechseln UX Design mit schönem Design. Das ist es nicht. UX Design ist unsichtbar – du merkst es nur, wenn es fehlt. Es ist die Disziplin, die dafür sorgt, dass digitale Produkte funktionieren, bevor sie schön aussehen.

Unterschied: UI vs. UX Design

UX Design plant die Struktur und Funktionalität, UI Design (User Interface) gestaltet das Aussehen – wie Architekt und Innenarchitekt beim Hausbau.

Stell dir vor, du baust ein Haus. Der Architekt plant, wo die Räume liegen, wie sie verbunden sind und wie das Ganze statisch funktioniert. Das ist UX Design. Der Innenarchitekt wählt dann Farben, Möbel und Materialien aus. Das ist UI Design.

Beide Disziplinen sind wichtig und verzahnen sich, doch die UX kommt zuerst. Das beste UI Design kann eine schlechte UX nicht retten. Umgekehrt kann eine durchdachte UX auch mit mittelmässigem UI funktionieren, zumindest für eine Weile.

Beispiel für den Unterschied zwischen UI und UX Design

Beispiel Netflix: Die UX-Arbeit steckt im Empfehlungsalgorithmus und der Art, wie Inhalte kategorisiert werden. Netflix analysiert, was du schaust, wann du abbrichst und welche Genres du bevorzugst. Daraus entwickeln UX-Researcher ein System, das dir relevante Inhalte vorschlägt. Sie entscheiden auch, dass die wichtigsten Optionen, also Abspielen, Meine Liste, Bewerten, sofort sichtbar sind, wenn du über einen Titel fährst.

Die UI-Arbeit siehst du dann in den Thumbnails, der Farbgebung und den Hover-Effekten. UI-Designer wählen die rote Markenfarbe für den Abspielen-Button, gestalten die Schriftarten und sorgen dafür, dass die Thumbnail-Bilder beim Hovern etwas grösser werden. Sie entscheiden, ob der "Meine Liste"-Button ein Plus-Icon oder ein Bookmark-Symbol bekommt.

Die 5 Grundprinzipien des UX Design

Innerhalb des UX Design bestimmen fünf Prinzipien, ob dein digitales Produkt funktioniert oder scheitert: nutzerzentriertes Design, Einfachheit, Konsistenz, Barrierefreiheit und kontinuierliche Verbesserung.

Nutzerzentriertes Design bei der UX

Der Nutzer entscheidet durch sein Verhalten, was gut ist. Nicht der Designer, dessen Chef oder sonst jemand. Das klingt selbstverständlich, ist aber das häufigste Problem in der Produktentwicklung. Teams bauen Features, die sie selbst cool finden. Sie optimieren für Szenarien, die in der Realität nie auftreten. Sie lösen Probleme, die ihre Nutzer gar nicht haben.

Nutzerzentriertes Design bedeutet: Du sprichst mit echten Menschen, bevor du anfängst zu bauen. Du erstellst Personas, aber nicht als Fantasiegestalten, sondern basierend auf echten Interviews und Daten. Du beobachtest, wie Leute dein Produkt tatsächlich verwenden, nicht wie du denkst, dass sie es verwenden sollten.

Amazon hat das perfektioniert. Die "1-Click-Bestellung" entstand nicht, weil jemand dachte "Das wäre technisch möglich", sondern weil Amazon sah, dass Nutzer in komplizierten Checkout-Prozessen abbrechen. Sie optimierten für das echte Nutzerproblem: "Ich will kaufen, aber der Prozess ist zu mühsam."

Einfachheit und Klarheit in der UX

"Don't make me think" ist das wichtigste UX-Prinzip überhaupt. Jede Sekunde, die ein Nutzer überlegen muss, ist eine verlorene Sekunde. Aber jede Entscheidung, die du ihm abnimmst, macht dein digitales Produkt besser. Das heisst nicht, dass du Features weglässt. Es heisst, dass du sie so präsentierst, dass sie intuitiv verständlich sind.

Google hat das verstanden, als alle anderen Suchmaschinen ihre Startseiten mit Links, News und Werbung vollstopften. Google bot ein Suchfeld und fertig. Das war 1998 radikal und funktioniert heute noch genauso.

Einfachheit bedeutet auch, Prioritäten zu setzen. Wenn alles wichtig ist, ist nichts wichtig. Hebe hervor, was wirklich zählt. Verstecke Details in Untermenüs. Führe den Nutzer schrittweise durch komplexe Prozesse, anstatt ihm alles auf einmal zu zeigen.

Konsistenz des UX Designs

Nutzer lernen dein System einmal. Dann erwarten sie unterbewusst, dass es überall gleich funktioniert. Denn Konsistenz schafft Vertrauen.

Wenn der "Speichern"-Button jedoch mal rechts steht, mal links, mal grün ist, mal blau, muss der Nutzer jedes Mal aufs Neue lernen. Das ist anstrengend und frustrierend.

Apple hat Konsistenz zu einer Kunst gemacht. Die grundlegenden Gesten und Interaktionen auf dem iPhone, iPad oder Mac funktionieren immer gleich. Wer einmal gelernt hat, dass man mit zwei Fingern zoomt, kann das auf allen Apple-Geräten.

Konsistenz gilt nicht nur innerhalb deines Produkts. Du solltest auch Industriestandards befolgen. Nutzer erwarten, dass ein Shopping-Cart-Icon zu ihrem Warenkorb führt. Dass ein Hamburger-Menü (die drei horizontalen Striche ☰) das Hauptmenü öffnet. Dass Verlinkungen blau und unterstrichen sind. Sei kreativ bei der Problemlösung, nicht bei den Konventionen.

Barrierefreiheit im UX Design

Barrierefreiheit bedeutet, dass dein Produkt auch für Menschen mit Einschränkungen nutzbar ist: Seheingeschränkte, die Screenreader verwenden, Gehörlose, die auf Untertitel angewiesen sind, Menschen mit motorischen Einschränkungen, die nicht präzise klicken können.

Die Barrierefreiheit hilft allen: Untertitel sind auch für Hörende unter lauten Umgebungsgeräuschen hilfreich, grosse Buttons sind auf dem Smartphone angenehmer zu treffen, hohe Kontraste machen Texte bei Sonnenlicht besser lesbar.

Microsoft hat mit seinem Inclusive Design Toolkit gezeigt: Barrierefreies Design bedeutet, von Anfang an für die Vielfalt der Nutzer zu planen, ohne Kompromisse bei der Qualität zu machen.

Iteratives Testen und Verbessern des UX Designs

UX Design ist nie fertig und entwickelt sich mit deinen Nutzern weiter. Die beste UX-Arbeit passiert nach dem Launch. Dann siehst du, wie echte User dein Produkt im Alltag verwenden. Sie machen Dinge, die du nie erwartet hättest. Sie haben Probleme, die in deinen Tests nicht aufgetaucht sind.

Spotify hat seine App seit 2008 etliche Male verändert. Nicht weil die alte Version schlecht war, sondern weil sich Nutzergewohnheiten ändern. Neue Features kommen hinzu und neue Devices entstehen. Was vor fünf Jahren optimal war, ist heute möglicherweise veraltet.

Iteratives Testen bedeutet: Regelmässig hinterfragen, ob das, was du gebaut hast, noch die richtige Lösung ist.

Beispiele für erfolgreiches UX Designs

Diese drei Fälle zeigen, wie UX-Design-Optimierungen echte Geschäftsprobleme lösen: Baileigh Industrial steigerte die Website-Findability um 85 %, Spotify erreichte mit Discover Weekly 40 Millionen wöchentliche Nutzer, und Nike erzielte 82 % mehr Online-Umsatz durch digitale Transformation.

UX Design Beispiel 1: Baileigh Industrials Navigation-Revolution (B2B-Website)

Baileigh Industrial, ein Hersteller von Metallbearbeitungsmaschinen, hatte ein klassisches B2B-Problem: Kunden fanden auf der Website nicht, was sie suchten. Das Resultat: Unzählige Anrufe beim Vertrieb für einfache Produktfragen.

Die UX-Analyse durch Marketade ergab eine katastrophale Findability-Rate von nur 4 von 10 Punkten. Kunden irrten durch eine Kategorienstruktur, die niemand ausser den internen Mitarbeitern verstand. Ein typisches Problem: Wer eine Biegemaschine für 6 mm Blech suchte, wusste nicht, ob er unter "Handbiegemaschinen", "Werkstattausrüstung" oder "Blechbearbeitung" schauen sollte.

Marketades Lösung war radikal: Kompletter Neuaufbau der Informationsarchitektur basierend auf echten Kundenbedürfnissen. Statt interner Kategorien verwendeten sie die Sprache der Kunden. Tree-Tests mit 64 echten Nutzern validierten jeden Schritt.

‍Das Ergebnis: 85 % Verbesserung der Findability-Metriken. Kunden finden jetzt in Sekunden, was sie brauchen. Der Vertrieb kann sich auf komplexe Beratung konzentrieren, statt auf telefonische Suchhilfen.

UX Design Beispiel 2: Spotifys Discover Weekly-Erfolg

Spotify hatte 2015 ein Paradoxon: 30 Millionen Songs im Katalog, aber Nutzer hörten immer dieselbe Musik. Das Problem war nicht die Auswahl, sondern die Entdeckung neuer Inhalte.

Die UX-Forschung zeigte: Nutzer wollten neue Musik, aber nur solche, die ihrem Geschmack entsprach. Existing Recommendation-Features funktionierten noch schlecht und zu generisch, zu ungenau und zu langweilig.

Spotifys Lösung war Discover Weekly: Jeden Montag eine personalisierte Playlist mit 30 neuen Songs. Das System kombiniert drei KI-Ansätze:

• Collaborative Filtering (was hören ähnliche Nutzer)
• Natural Language Processing (was schreibt das Internet über Songs)
• Audio-Analyse (wie klingen die Songs).

‍Das Ergebnis: 40 Millionen Menschen hören wöchentlich ihre Discover Weekly Playlist. 5 Milliarden Songs wurden über das Feature entdeckt. Spotify wurde von einer Musikbibliothek zu einem Entdeckungstool, was die Nutzerbindung massiv erhöhte.

UX Design Beispiel 3: Retail-Transformation bei Nikes

Nike erkannte 2010 ein Problem: Die junge Zielgruppe (15-25 Jahre) reagierte nicht mehr auf traditionelle TV-Werbung. Diese Gruppe kaufte 20 % mehr als andere, war aber digital unterwegs.

Die UX-Strategie war einschneidend: 40 % weniger TV-Budget, aber mehr Investition in digitale Touchpoints. Nike baute ein Ökosystem aus Apps (Nike+, SNKRS), personalisierten Experiences und weiteren Online-Services.

Nike+ war der Durchbruch: Eine Plattform, die Training trackt, den Trainingsfortschritt zeigt und ermöglicht, diese Zahlen mit anderen zu teilen. Statt nur Schuhe zu verkaufen, wurde Nike zu einem Fitness-Partner. Die gesammelten Daten flossen in Produktentwicklung und personalisierte Empfehlungen.

‍Das Ergebnis: 82 % Steigerung der Online-Verkäufe zwischen 2019 und 2022. Über 200 Millionen digitale Touchpoints täglich. Nike wandelte sich vom Produkthersteller zur Lifestyle-Plattform und die Geschäftszahlen spiegeln diesen Erfolg wider.

Tipp: Wenn du selbst eine App entwickeln möchtest, findest du hier unseren kompletten Leitfaden von der Idee bis in den Store.

Warum ist UX Design für Unternehmen so wichtig?

Der positive Einfluss des UX Designs kann für Unternehmen enorm sein. Forrester Research zeigt einen durchschnittlichen ROI von 100:1 für UX-Investitionen, sprich: Jeder eingesetzte Dollar für UX Design zahlt sich um den Faktor einhundert aus. Unternehmen wie McAfee reduzierten Support-Kosten um 90 %, und Design-fokussierte Firmen wachsen laut McKinsey 32 % schneller. UX Design gehört daher zu den profitabelsten Geschäftsinvestitionen.

Aber warum ist UX so profitabel? Weil es mehrere Geschäftsprobleme gleichzeitig löst. Eine bessere UX:

• reduziert Abbruchzeiten
• erhöht Conversion-Raten
• verringert Support-Anfragen

UX Design wirkt als Hebel: Kleine Verbesserungen haben grosse Auswirkungen. Wenn du deine Conversion Rate von 2 % auf 3 % steigerst, ist das eine Steigerung von 50 %. Dein Umsatz erhöht sich also um 50 %. Bei einem Online-Shop mit 100.000 monatlichen Besuchern bedeutet das 1.000 zusätzliche Kunden pro Monat.

Häufige UX-Probleme und ihre Kosten

Die teuersten UX-Fehler sind:

• Komplizierte Checkout-Prozesse (durchschnittlich 68 % Abbruchrate)
• langsame Ladezeiten (jede Sekunde kostet 7 % Conversions)
• unklare Navigation (40 % der Nutzer verlassen eine Website sofort, wenn sie sich nicht zurechtfinden).

Rechenbeispiel: Ein Schweizer Online-Shop mit 500.000 Franken Monatsumsatz verliert durch schlechte UX etwa 125.000 Franken potenzielle Einnahmen. Pro Jahr sind das 1,5 Millionen Franken, genug, um ein ganzes UX-Team zu finanzieren.

Dazu kommen versteckte Kosten: Mehr Support-Anfragen bedeuten höhere Personalkosten, frustrierte Kunden hinterlassen schlechte Bewertungen, Mitarbeiter verschwenden Zeit für Arbeiten, die nicht nötig wären.

UX Design als Wettbewerbsvorteil

In gesättigten Märkten entscheidet oft nicht das beste Produkt, sondern die beste Experience. Eine Capgemini-Studie mit über 3.300 Konsumenten zeigt: 81 % der Kunden sind bereit, mehr für eine bessere Customer Experience zu bezahlen. PWC fand heraus, dass Unternehmen für überlegene Experiences ein Preispremium von bis zu 16 % durchsetzen können.

UX Design schafft eine emotionale Bindung zu deiner Marke. Kunden bleiben nicht wegen deiner Features, sondern wegen des Gefühles, das dein Produkt vermittelt. Apple ist das beste Beispiel: Technisch sind andere Smartphones oft überlegen, aber Apple dominiert durch überlegene UX.

Erste Schritte: So startest du mit UX Design

Für Unternehmen beginnt UX mit einem ehrlichen Audit der aktuellen Situation, für Karriere-Interessierte mit gezieltem Lernen und Portfolio-Aufbau.

Der Einstieg in UX-Design für Unternehmen

Beginne mit einem UX-Audit deiner bestehenden Website oder App. Lade fünf Kunden ein, typische Aufgaben zu erledigen, während du beobachtest. Du wirst überrascht sein, wie viele Probleme du in zwei Stunden entdeckst.

Einfache Tools bringen sofort Erkenntnisse:

• Hotjar zeigt dir, wo Nutzer klicken und abbrechen
• Google Analytics verrät, auf welchen Seiten die meisten Leute aussteigen
• Umfragen mit drei simplen Fragen – "Was suchst du hier?", "Findest du es?" und "Was frustriert dich?".

Setze Prioritäten nach dem "Quick Wins"-Prinzip. Probleme, die viele Nutzer betreffen und einfach zu lösen sind, kommen zuerst. Oft reichen schon klarere Button-Beschriftungen oder ein aufgeräumtes Formular für messbare Verbesserungen.

Plane 5-15 % deines Entwicklungsbudgets für UX ein. Das klingt nach viel, ist aber weniger als die Kosten, die durch schlechte UX entstehen. Eine Schweizer Agentur kostet etwa 1.200-1.800 Franken pro Tag, ein Senior UX Designer intern 100.000-140.000 Franken pro Jahr.

Falls du eine komplett neue Website planst, zeigt unser Guide, wie ein professionelles Website-Projekt von der Idee bis zur fertigen Seite abläuft.

Der Einstieg in UX-Design für Karriere-Interessierte

UX Design lernst du am besten durch Praxis, nicht durch Theorie. Beginne mit kostenlosen Ressourcen:

• Google UX Design Certificate auf Coursera
• Nielsen Norman Group Artikel
• YouTube-Kanäle wie "The Futur" oder "CharliMarieTV".

Baue sofort ein Portfolio auf, auch ohne Berufserfahrung und selbst dann, wenn dir die Schritte anfangs zu klein vorkommen. Suche dir drei schlechte Websites oder Apps, analysiere ihre Probleme und gestalte Verbesserungsvorschläge. Dokumentiere deinen Denkprozess: Warum ist das aktuelle Design schlecht? Wie würdest du es verbessern? Was würdest du testen?

Lerne die wichtigsten Tools:

• Figma für Prototyping
• Miro für User Journey Mapping
• Maze für einfache Tests

Alle haben kostenlose Versionen, die für den Einstieg reichen.

Netzwerke aktiv:

• UX Schweiz organisiert regelmässige Meetups in Zürich, Bern und Basel.
• Ladies that UX hat Chapters in den grösseren Städten.

Viele erfahrene UX Designer teilen gerne ihr Wissen. Frage vor Ort höflich nach einem Kaffee-Gespräch.

In der Schweiz liegt das Einstiegsgehalt für Junior UX Designer bei 65.000-85.000 Franken, mit 3 bis 5 Jahren Erfahrung bei 85.000-110.000 Franken. Senior UX Designer verdienen 100.000-140.000 Franken. Remote-Arbeit ist in 70 % der UX-Jobs möglich.

Weiterlesen: Diese Themen könnten dich interessieren

Du verstehst jetzt, warum UX Design so wichtig ist. Aber vielleicht fragst du dich: Wie setze ich das konkret um? Wie plane ich ein digitales Projekt richtig? Oder wie bringe ich meine Idee schnell an den Markt?

Falls du eine Online-Plattform planst, erfährst du in unserem Plattform-Guide, wie du Funktionen definierst und technisch umsetzt.

Time to Market spielt dabei eine entscheidende Rolle: Wie bringst du dein Produkt schnell und trotzdem durchdacht an den Markt? Unser Artikel zu Time to Market zeigt, wie du den Zeitraum von der Idee bis zum Launch gezielt verkürzt, ohne Qualität zu opfern.

Und falls du wissen möchtest, was eine professionelle Website-Entwicklung kostet und wie sie abläuft, findest du in unserem Website-Guide alle wichtigen Schritte von der Planung bis zum Go-live.

Du hast bereits eine Projektidee auf dem Tisch liegen und brauchst Hilfe bei der Umsetzung? Melde dich bei uns! Unsere Experten von Axisbits zeigen dir, wie wir dir helfen können.

{{fs-btn-cta}}