--- title: "Onboarding" url: "https://www.insideuxdesign.com/de/glossar/onboarding" language: "de" description: "Was ist Onboarding im UX-Design? Einfach erklärt mit Beispiel und Praxistipps. Erfahre, warum Hilfe im Kontext oft besser wirkt als lange Tutorials." published: "2026-10-14T09:50:32+02:00" updated: "2026-10-14T13:06:00+02:00" --- # Onboarding Onboarding ist der Einstieg neuer Nutzender in ein Produkt. Gutes Onboarding führt Menschen möglichst schnell zum ersten echten Erfolgserlebnis, statt ihnen vorab jede Funktion zu erklären. - **Buchstabe:** O UX-Glossar # Onboarding Onboarding ist der Einstieg neuer Nutzender in ein Produkt. Gutes Onboarding führt Menschen möglichst schnell zum ersten echten Erfolgserlebnis, statt ihnen vorab jede Funktion zu erklären. Stell dir vor, du lädst eine neue App zum Aufteilen von Haushaltskosten herunter. Bevor du irgendetwas tun kannst, wischst du dich durch fünf bunte Erklärseiten. Danach landest du auf einem leeren Bildschirm und weißt trotzdem nicht, wie du die erste Ausgabe einträgst. Die Erklärungen hast du längst wieder vergessen. ## Einfach erklärt Onboarding bedeutet wörtlich „an Bord holen“. Der Begriff stammt aus dem Personalwesen und meint dort die Einarbeitung neuer Mitarbeitender. Im UX-Design beschreibt er alles, was Menschen hilft, in einem neuen Produkt anzukommen: von der Registrierung über die ersten Schritte bis zu dem Moment, in dem sie zum ersten Mal echten Nutzen erleben. Dieser Moment wird oft „Aha-Moment“ genannt. Ein Vergleich aus dem Alltag: Wenn du neu in einem Sportverein bist, hilft dir kein dicker Ordner mit allen Regeln. Es hilft, wenn dir jemand beim ersten Training zeigt, wo die Umkleide ist, und dich direkt mitspielen lässt. Gutes Onboarding funktioniert genauso. ## Warum Tutorials oft nicht helfen Viele Apps setzen auf Einführungen, die vor der eigentlichen Nutzung alles erklären, etwa als Stapel aus Wischkarten. Die Nielsen Norman Group hat solche Tutorials 2020 in einer Studie mit vier iOS-Apps untersucht. Menschen, die das Tutorial gelesen hatten, lösten die Aufgaben nicht messbar besser als jene, die es übersprungen hatten. Sie empfanden die Aufgaben aber als schwieriger. Die Studie ist klein, das Signal ist trotzdem deutlich: Ein Tutorial kann eine einfache App komplizierter wirken lassen, als sie ist. Der Grund liegt im Gedächtnis. Informationen ohne passenden Zusammenhang bleiben schlecht hängen. Hilfreicher ist Hilfe im Kontext, also genau dann, wenn jemand sie braucht: ein Hinweis direkt am Eingabefeld, ein kurzer Tipp beim ersten Öffnen einer Funktion oder ein leerer Zustand, der erklärt, was hier hingehört. ## Ein Beispiel Zurück zur Haushalts-App. Vorher gibt es fünf Erklärseiten und danach einen leeren Bildschirm mit dem Text „Keine Einträge“. Viele schließen die App an dieser Stelle wieder. Nachher entfallen die Erklärseiten. Der leere Bildschirm sagt: „Noch keine Ausgaben. Trag deinen ersten Einkauf ein und teil ihn mit deiner WG.“ Darunter steht ein großer Button „Erste Ausgabe eintragen“. Nach dem Speichern zeigt ein kurzer Hinweis, wie man Mitbewohnende einlädt. Wer die App öffnet, erledigt also sofort eine echte Aufgabe und lernt nebenbei. ## Häufige Missverständnisse Onboarding ist nicht dasselbe wie ein Tutorial. Gutes Onboarding steckt oft unsichtbar im Produkt: in klarer [Microcopy](https://www.insideuxdesign.com/de/glossar/microcopy), sinnvollen Voreinstellungen und Funktionen, die nach und nach auftauchen, statt alle auf einmal. Dieses schrittweise Aufdecken heißt [Progressive Disclosure](https://www.insideuxdesign.com/de/glossar/progressive-disclosure). Wie kleine Rückmeldungen dabei helfen, zeigt der Artikel [Was sind Microinteractions und wie kann man diese einsetzen?](https://www.insideuxdesign.com/de/blog/was-sind-microinteractions-und-wie-kann-man-diese-einsetzen) ## In der Praxis - **Definiere den ersten Erfolg.** Leg fest, welche Handlung zeigt, dass jemand den Nutzen verstanden hat. Baue den Einstieg so, dass Menschen diese Handlung schnell erreichen. - **Erkläre im Moment, nicht vorab.** Zeig Hinweise dort, wo sie gebraucht werden, und mach sie leicht wegklickbar. Wer etwas überspringt, muss es später wiederfinden können. - **Nutze leere Zustände.** Ein leerer Bildschirm ist die beste Stelle für einen klaren nächsten Schritt. Ein Button, der direkt zur ersten Aufgabe führt, hilft mehr als ein Satz wie „Keine Daten“. ## Verwandte Begriffe [Progressive Disclosure](https://www.insideuxdesign.com/de/glossar/progressive-disclosure), [Microcopy](https://www.insideuxdesign.com/de/glossar/microcopy), [Cognitive Load](https://www.insideuxdesign.com/de/glossar/cognitive-load) ## Quellen - [Alita Kendrick: Mobile Tutorials: Wasted Effort or Efficiency Boost? Nielsen Norman Group, 2020](https://www.nngroup.com/articles/mobile-tutorials/) - [Page Laubheimer: Onboarding Tutorials vs. Contextual Help. Nielsen Norman Group, 2023](https://www.nngroup.com/articles/onboarding-tutorials/) - [Kate Kaplan: Designing Empty States in Complex Applications: 3 Guidelines. Nielsen Norman Group, 2021](https://www.nngroup.com/articles/empty-state-interface-design/) ## Weitere Begriffe [ ### A/B-Test Ein A/B-Test ist ein Experiment, bei dem zwei Varianten einer Seite oder eines Elements gleichzeitig an zufällig aufgeteilte Besuchende ausgespielt werden. So entscheidest du anhand echter Daten, welche Variante besser funktioniert. ](https://www.insideuxdesign.com/de/glossar/a-b-test) [ ### ARIA ARIA ist ein W3C-Standard, der HTML um Rollen, Zustände und Eigenschaften ergänzt. So erfahren Screenreader, was ein Element ist und wie es sich gerade verhält. ](https://www.insideuxdesign.com/de/glossar/aria) [ ### Affordance Eine Affordance beschreibt, welche Handlung ein Objekt möglich macht und ob Menschen das erkennen: Ein Button lädt zum Drücken ein, ein Griff zum Ziehen. ](https://www.insideuxdesign.com/de/glossar/affordance) [ ### Alternativtext Ein Alternativtext ist eine kurze Textfassung eines Bildes im HTML-Attribut alt. Screenreader lesen ihn vor, damit Menschen, die das Bild nicht sehen, dieselbe Information bekommen. ](https://www.insideuxdesign.com/de/glossar/alternativtext) [ ### Arbeitsgedächtnis Das Arbeitsgedächtnis hält Informationen für kurze Zeit fest, damit du mit ihnen arbeiten kannst. Es fasst nur wenig, deshalb sollten Interfaces möglichst wenig Merkarbeit verlangen. ](https://www.insideuxdesign.com/de/glossar/arbeitsgedaechtnis) [ ### Atomic Design Atomic Design ist eine Methode, Benutzeroberflächen aus kleinen, wiederverwendbaren Bausteinen aufzubauen: von einzelnen Elementen wie Buttons bis zu ganzen Seiten. ](https://www.insideuxdesign.com/de/glossar/atomic-design) [ ### BFSG Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, bestimmte Produkte und digitale Dienstleistungen wie Onlineshops barrierefrei zu gestalten. ](https://www.insideuxdesign.com/de/glossar/bfsg) [ ### Barrierefreiheit Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung. ](https://www.insideuxdesign.com/de/glossar/barrierefreiheit) [ ### Card Sorting Card Sorting ist eine Research-Methode, bei der Menschen Begriffe auf Karten in Gruppen sortieren. So siehst du, wie sie Inhalte gedanklich ordnen, und kannst eine verständliche Navigation planen. ](https://www.insideuxdesign.com/de/glossar/card-sorting) [ ### Cognitive Load Cognitive Load ist die geistige Anstrengung, die nötig ist, um eine Oberfläche zu verstehen und zu bedienen. Je weniger unnötige Denkarbeit ein Design verlangt, desto leichter fällt die eigentliche Aufgabe. ](https://www.insideuxdesign.com/de/glossar/cognitive-load) [ ### Contextual Inquiry Contextual Inquiry ist eine Research-Methode, bei der du Menschen in ihrem echten Arbeitsumfeld beobachtest und befragst. So siehst du, wie sie Aufgaben tatsächlich erledigen, nicht nur, wie sie davon erzählen. ](https://www.insideuxdesign.com/de/glossar/contextual-inquiry) [ ### Conversion Eine Conversion ist eine gewünschte Aktion auf einer Website oder in einer App, etwa ein Kauf oder eine Anmeldung. Die Conversion Rate zeigt, welcher Anteil der Besuche dazu führt. ](https://www.insideuxdesign.com/de/glossar/conversion)