Feature-Highlight-Carousel richtig gestalten
Carousel-Pattern für Onboarding: Wann funktionieren sie, wann nicht? Plus bewährte Gestaltungsprinzipien für jede Folie.
Carousels: Das unterschätzte Onboarding-Element
Feature-Highlight-Carousels sind überall — in Apps, auf Websites, in SaaS-Produkten. Aber sind sie wirklich die beste Lösung? Die Antwort ist komplexer als ein einfaches Ja oder Nein. Ein gut gestaltetes Carousel kann Nutzer sanft durch neue Features führen. Ein schlecht gestaltetes dagegen frustriert und wird sofort übersprungen. Wir zeigen dir, wann Carousels sinnvoll sind, wie du sie richtig strukturierst und welche Fehler du vermeiden solltest.
In diesem Guide erfährst du konkrete Designprinzipien, die nachweislich funktionieren — nicht nur theoretisch, sondern basierend auf echten Nutzungsmustern und Best Practices aus modernen Produkten.
Die Grundfrage: Brauche ich überhaupt ein Carousel?
Nicht jedes Onboarding braucht ein Carousel. Das ist der wichtigste Punkt, den du verstehen musst.
Carousels funktionieren WENN:
- Du nur 2-4 Features vorstellen musst (nicht mehr)
- Jedes Feature unabhängig ist (nicht aufeinander aufbauend)
- Die Features visuell sehr unterschiedlich sind
- Deine Nutzer mobil sind und volle Screens bevorzugen
Carousels scheitern WENN:
- Du 5+ Features zeigen willst (zu viel zum Durchklicken)
- Features sequenziell aufeinander aufbauen
- Text länger als 2-3 Sätze ist
- Nutzer überspringen möchten (gibt es keinen Skip-Button?)
Die richtige Architektur: Wie viele Slides sind ideal?
Das Goldene Standard-Format: 2-3 Slides
Hast du nur 2-3 Hauptfeatures? Perfekt. Das ist tatsächlich das ideale Format. Nutzer scrollbar schnell durch, die Drop-off-Rate ist niedrig und du schaffst es, jedes Feature angemessen zu erklären.
Das bewährte Format: 3-4 Slides
Vier Slides ist noch akzeptabel, wenn jeder Slide nur EINE Aktion zeigt und die Texte kurz sind. Nach Slide 4 beginnt die Aufmerksamkeit der Nutzer zu sinken.
Das problematische Format: 5+ Slides
Fünf oder mehr Slides? Das ist nicht mehr ein „Carousel-Onboarding” — das ist eine Slide-Show. Die meisten Nutzer werden nicht alle durchsehen. Nutze stattdessen Progressive Offenlegung oder ein Dropdown-Menü für zusätzliche Features.
Die Gestaltungsprinzipien: Jede Slide richtig aufbauen
Ein Feature pro Slide
Nicht zwei, nicht „Feature A und Feature B”. Eine Slide = ein Feature = eine klare Botschaft. Das ist die Regel, die am häufigsten gebrochen wird und am häufigsten zu Verwirrung führt.
Visuelles First, Text Second
Das Bild oder die Illustration sollte mindestens 60% der Slide einnehmen. Der Text sollte nur die Illustration erklären, nicht das Feature komplett neu beschreiben.
Text: Maximal 2-3 Sätze
Wenn dein Text länger als 3 Sätze ist, ist das ein Signal: Dein Feature ist zu komplex für diesen Slide oder du erklärst zu viel. Kürze es oder teile es auf zwei Slides auf.
Call-to-Action: Optional aber wirkungsvoll
Ein Button wie „Probieren” oder „Weiter” kann helfen. Aber nicht auf jeder Slide. Nur auf den letzten 1-2 Slides, wo Nutzer tatsächlich das Feature ausprobieren können.
Interaktions-Muster: Skip, Dots, Pfeile
Die Navigation deines Carousels ist genauso wichtig wie der Inhalt. Hier sind die bewährten Muster:
Skip-Button: Ja oder Nein?
Die kurze Antwort: Ja. Etwa 30-40% deiner Nutzer werden das Carousel überspringen wollen — entweder weil sie in Eile sind oder weil sie das Feature bereits kennen. Verstecke den Skip-Button nicht. Mach ihn sichtbar, aber subtil (z.B. graue Schrift unten rechts statt auffällig rot).
Fortschritts-Dots: Das Standard-Signal
Kleine Punkte unter dem Bild zeigen, welche Slide aktiv ist. Sie sind nicht optional — Nutzer brauchen zu sehen, wie viele Slides noch kommen. Nutze 3-4 Dots maximal, danach wird es unübersichtlich.
Pfeile: Für Desktop, optional auf Mobile
Links/Rechts-Pfeile sind auf Desktop hilfreich, aber auf Mobile oft redundant (Wischen ist schneller). Mach sie sichtbar aber nicht aufdringlich — dezente Farbe, nicht kontrastreich.
Die visuellen Details: Das macht den Unterschied
Typographie: Konsistenz ist König
Alle Slides sollten die gleiche Schriftart, Schriftgröße und Zeilenhöhe verwenden. Keine Überraschungen. Das schafft Vertrauen und fühlt sich professionell an.
Farbpalette: 2-3 Farben maximal
Eine Primärfarbe für Highlights, eine für Text, optional eine für Buttons. Nicht mehr. Zu viele Farben wirken chaotisch und lenken ab.
Illustrationen vs. Screenshots
Illustrationen funktionieren besser für abstrakte Konzepte. Screenshots funktionieren besser für konkrete Features. Mische die beiden nicht zu sehr — wähle einen Stil und bleibe dabei.
Übergänge: Subtil, nicht ablenkend
Ein sanfter Fade oder Slide-Übergang ist okay. Aber keine wild rotierenden 3D-Effekte. Die Animation sollte 300-500ms dauern — schnell genug um nicht nervig zu wirken, langsam genug um wahrgenommen zu werden.
Die 5 größten Fehler beim Carousel-Design
Diese sehen wir immer wieder. Und jedes Mal sind sie vermeidbar.
Zu viele Slides (6, 7, 8+)
Nutzer sehen nach Slide 4 nicht mehr hin. Das ist eine bewiesene Tatsache aus Heatmaps und Session-Analysen. Wenn du mehr Features erklären musst, nutze andere Muster.
Kein Skip-Button
Das zwingt Nutzer durchzuklicken. Ergebnis: Sie sind frustriert, bevor sie dein Produkt überhaupt nutzen konnten. Schlechter Start.
Zu viel Text pro Slide
Vier bis fünf Sätze? Das ist keine Carousel-Slide mehr, das ist ein Artikel. Nutzer werden nicht lesen. Sie werden skippen.
Automatisches Auto-Play
Slides, die sich selbst weiterschaltet, sind frustrierend. Nutzer haben keine Zeit zu lesen, bevor die nächste kommt. Lass die Nutzer die Kontrolle haben.
Inkonsistente Layouts
Jede Slide sieht anders aus — andere Position für Text, andere Größe für Bilder, andere Farben. Das wirkt unfertig und verwirrt Nutzer.
Die Checkliste: Ist dein Carousel gut gestaltet?
2-4 Slides: Nicht mehr, nicht weniger (es sei denn, du hast einen sehr guten Grund)
Ein Feature pro Slide: Nicht zwei, nicht „Feature A und Feature B”
Bild dominiert, Text unterstützt: 60% Bild, 40% Text maximal
Sichtbarer Skip-Button: Nutzer brauchen die Möglichkeit zu überspringen
Fortschritts-Dots: Kleine Punkte zeigen an, welche Slide aktiv ist
Konsistente Typographie: Gleiche Schriftart, Größe und Abstand auf allen Slides
Keine Auto-Play: Nutzer kontrollieren das Tempo, nicht das Carousel
Sanfte Übergänge: 300-500ms Dauer, keine wilden Effekte
Bereit, dein Carousel zu optimieren?
Das Wichtigste: Nicht jedes Onboarding braucht ein Carousel. Überprüfe zuerst, ob es die richtige Lösung für dein Problem ist. Wenn ja — nutze diese Prinzipien, um es richtig zu machen.
Weitere Onboarding-Artikel entdeckenHinweis
Dieser Artikel bietet allgemeine Design-Richtlinien und Best Practices für Feature-Highlight-Carousels. Die spezifischen Anforderungen deines Projekts können unterschiedlich sein. Nutze diese Prinzipien als Ausgangspunkt, teste sie mit deinen echten Nutzern und passe sie basierend auf Feedback an. Design ist iterativ — es gibt keine universelle Lösung, die für jeden Fall passt.
