{"id":89670,"date":"2013-08-13T21:06:32","date_gmt":"2013-08-13T15:36:32","guid":{"rendered":"https:\/\/vwo.com\/blog\/image-slider-alternatives\/"},"modified":"2026-03-05T12:55:47","modified_gmt":"2026-03-05T07:25:47","slug":"bildkarussell-alternativen","status":"publish","type":"post","link":"https:\/\/vwo.com\/blog\/de\/bildkarussell-alternativen\/","title":{"rendered":"Wie verwenden Sie Bild-Slider und Karusselle richtig?"},"content":{"rendered":"\n

Oh, diese l\u00e4stigen Slider!<\/p>\n\n\n\n

Ich wei\u00df nicht mehr, wie oft ich schon versucht habe, die laufenden Slides auf einer Website zu lesen. Es ist einfach so \u00e4rgerlich, wenn man versucht, in aller Eile zu lesen, was geschrieben wurde, bevor ein anderer Slide den Platz einnimmt. Jetzt mache ich mir nicht einmal mehr die M\u00fche, weiter als bis zum ersten Slider des Bild-Slider zu scannen.<\/p>\n\n\n\n

Ich dachte, ich w\u00e4re der Einzige, der diese automatischen Schieberegler nicht ausstehen kann, doch Gott sei Dank gibt es auch andere wie mich!<\/p>\n\n\n\n

Kostenlos herunterladen: A\/B-Testing Leitfaden<\/em><\/strong><\/a><\/h2>\n\n\n\n

Diese rotierenden Slides werden vom Benutzer entweder ignoriert oder verwirren ihn noch mehr, was sich auf die allgemeine Benutzererfahrung<\/a> und die Conversions auf der Website auswirkt.<\/p>\n\n\n\n

\"Blog<\/a><\/figure>\n\n\n\n

Eine Usability-Studie<\/a> der Nielsen Norman Group hat best\u00e4tigt, dass die automatische Weiterleitung von Karussells die Nutzer st\u00f6rt und die Sichtbarkeit verringert.<\/p>\n\n\n\n

Die Studie hebt eine Reihe von Gr\u00fcnden hervor, warum diese vermeintlich \u201ecoolen\u201c Designelemente in Wirklichkeit nicht gut f\u00fcr die Benutzerfreundlichkeit oder die Conversions Ihrer Website sind:<\/p>\n\n\n\n

    \n
  1. Die automatische Drehung f\u00fchrt dazu, dass der Nutzer die Kontrolle \u00fcber seine Interaktion mit der Website verliert. Dies ist besonders \u00e4rgerlich f\u00fcr Benutzer mit motorischen St\u00f6rungen oder Dyspraxie.<\/li>\n\n\n\n
  2. Sie f\u00fchren zu Bannerblindheit und werden von den Nutzern oft einfach ignoriert. Das nachstehende Eye-Tracking-Beispiel aus einer anderen Quelle best\u00e4tigt dies ebenfalls. Sie k\u00f6nnen sehen, dass der Bild-Slider (der schwarze Bereich im Bild) von den Besuchern der Website kaum beachtet wird.<\/li>\n<\/ol>\n\n\n
    \n
    \"Eyetracking
    Bildquelle: Instapage
    <\/figcaption><\/figure>\n<\/div>\n\n\n

    3.  Nutzer mit geringen Lesef\u00e4higkeiten und internationale Nutzer (deren Muttersprache sich von der Sprache auf Ihrer Website unterscheidet) lesen oft langsam. Ein Nutzer bringt in der Studie seine Frustration deutlich zum Ausdruck, wenn er sagt: \u201eIch hatte keine Zeit, es zu lesen. Es blinkt immer zu schnell.<\/em>\u201c<\/p>\n\n\n\n

    Au\u00dferdem funktionieren Schieberegler auf mobilen Ger\u00e4ten nicht gut. Ich frage mich, wenn diese Schieberegler so verwirrend und l\u00e4stig f\u00fcr so viele andere Nutzer sind, warum sind sie dann fast \u00fcberall zu finden? Wie sich herausstellt, werden Bild-Slider oder rotierende Banner oft als einfache L\u00f6sung angesehen, um eine bessere Navigation zu allen wichtigen Inhalten\/Angeboten auf der Website zu erm\u00f6glichen. Die Daten zeigen jedoch etwas anderes.<\/p>\n\n\n\n

    Die Universit\u00e4t Notre Dame hat ihr Karussell getestet. Das nachstehende Diagramm zeigt die Ergebnisse, die dabei erzielt wurden. Nur 1% aller Besucher klickten sich vom Karussell aus durch, und die Mehrheit dieser Besucher (84%) interagierte nur mit dem ersten Slide des Sliders.<\/p>\n\n\n

    \n
    \"Traffic
    Bildquelle: Universit\u00e4t von Notre Dame<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

    Okay, ich hab’s verstanden! Jede Abteilung m\u00f6chte ihr spezielles Angebot auf der Homepage haben.<\/p>\n\n\n\n

    Aber ehrlich gesagt ist eine Klickrate von 1% bei einem Element, das viel Platz auf der Homepage einnimmt, eine klare Verschwendung von Aufwand. Halten Sie Bild-Slider immer noch f\u00fcr eine gute Idee?<\/p>\n\n\n\n

    Abgesehen davon, dass sie eine Herausforderung f\u00fcr die Benutzerfreundlichkeit darstellen, stopfen Karussells mehrere Angebote an einem Ort, was ein gro\u00dfer Conversion-Killer ist<\/a>. Wie die bew\u00e4hrte Conversion-Weisheit vorschl\u00e4gt, sollten Sie idealerweise nur ein Angebot oder einen Call-to-Action pro Seite<\/a> haben. Und Karussells sind hier definitiv die \u00dcbelt\u00e4ter.<\/p>\n\n\n\n

    Zu viele Angebote sagen einfach: \u201eWir wissen nicht, was unsere oberste Priorit\u00e4t sein soll, also werfen wir sie alle hier zusammen und schauen, welches am besten funktioniert.\u201c \u00dcbernehmt Verantwortung, Leute! Legen Sie die Priorit\u00e4t Ihrer Angebote fest, bevor Sie weitermachen.<\/strong><\/p>\n\n\n\n

    Erledigt?<\/p>\n\n\n\n

    Okay, wenn Sie bereit sind, diese \u201eStandardpraxis\u201c hinter sich zu lassen, finden Sie hier ein paar Alternativen zum Bild-Slider, die Sie ausprobieren k\u00f6nnen:<\/strong><\/p>\n\n\n\n

    Zu viele Angebote sagen einfach: \u201eWir wissen nicht, was unsere oberste Priorit\u00e4t sein soll, also werfen wir sie alle hier zusammen und schauen, welches am besten funktioniert.\u201c Stehen Sie Ihren Mann und \u00fcbernehmen Sie Verantwortung, Leute! Legen Sie die Priorit\u00e4t Ihrer Angebote fest, bevor Sie weitermachen.<\/strong><\/p>\n\n\n

    1. Konzentrieren Sie Ihre Homepage auf Ihr Hauptangebot<\/strong><\/h2>\n\n\n

    Pr\u00e4sentieren Sie sich von Ihrer besten Seite. Lassen Sie Ihr wichtigstes Angebot die Aufmerksamkeit Ihrer Besucher<\/a> auf sich ziehen. Und f\u00fcgen Sie ein paar Angebote hinzu, die das ganze Jahr \u00fcber gut f\u00fcr Sie laufen. Sie k\u00f6nnen sehen, wie Ben Sherman dies auf seiner Homepage umsetzt:<\/p>\n\n\n

    \n
    \"Ben
    Bildquelle: Ben Sherman<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

    In der obigen Abbildung ist nur das Blazer-Angebot oberhalb der Falz zu sehen.<\/p>\n\n\n\n

    Lassen Sie Ihre Website nicht wie ein Werbehaufen aussehen. Sie sollten nicht an jedem Angebot festhalten, das Sie zuvor beworben haben. <\/p>\n\n\n

    2. Konvertieren Sie jedes Bild in eine gezielte Homepage f\u00fcr bestimmte Besuchersegmente<\/strong><\/h2>\n\n\n

    Nehmen wir an, Sie haben ein weltweites Online-Kleidungsgesch\u00e4ft. In den einzelnen L\u00e4ndern gibt es oft unterschiedliche Bekleidungstrends. Sie k\u00f6nnen also Ihre Besucher mit Hilfe Ihrer A\/B-Testing-Software<\/a> nach ihrem geografischen Standort segmentieren.<\/p>\n\n\n\n

    Zeigen Sie ihnen die Homepage, die ein Angebot \u00fcber den beliebtesten Bekleidungstrend in ihrem Land bewirbt. Dies ist ein gro\u00dfartiger Ersatz f\u00fcr eine \u201eEinheitsl\u00f6sung\u201c, bei der 4 Dias gezeigt werden, von denen 3 eher f\u00fcr Trends in den USA geeignet sind (weil 80% Ihrer Besucher aus den USA kommen) und 1 f\u00fcr das Vereinigte K\u00f6nigreich.<\/p>\n\n\n\n

    Aber wissen Sie was? Wahrscheinlich vernachl\u00e4ssigen Sie die Vorlieben der Besucher aus anderen L\u00e4ndern. Auch wenn Sie sich bem\u00fcht haben, alles in diese L\u00e4nder zu versenden, werden Ihre Ums\u00e4tze dort trotzdem schlecht sein.<\/p>\n\n\n\n

    Anstatt Ihren Besuchern einen sich st\u00e4ndig drehenden Bild-Slider zu zeigen, der vielleicht sogar ein Angebot pro Slide f\u00fcr die 5 wichtigsten L\u00e4nder auflistet, aus denen Sie den Gro\u00dfteil Ihres Traffics erhalten, warum nicht einfach den Slider abschaffen und durch ein standortspezifisches Angebot ersetzen? Mit Hilfe von vordefinierten Segmenten in VWO k\u00f6nnen Sie dies mit nur wenigen Klicks einrichten.<\/p>\n\n\n\n

    Depesh Mandalia, der Experte f\u00fcr E-Commerce und Digitaltechnik, wird in diesem Artikel von eConsultancy zu Recht zitiert:<\/p>\n\n\n\n

    \n

    Eine gezielte Bannernachricht f\u00fchrt zu h\u00f6heren <\/em>CTRs<\/em><\/a> als ein paar unscharfe Banner. Es ist nahezu unm\u00f6glich, 100% der Besucher zu bedienen, ohne etwas \u00fcber sie zu wissen. Dennoch scheinen Content-Manager davon \u00fcberzeugt zu sein, dass mehr Auswahl gut ist = mehr Klicks = mehr Verk\u00e4ufe. So funktioniert es aber nicht.<\/em><\/p>\n<\/blockquote>\n\n\n\n

    Kostenlos herunterladen: A\/B-Testing Leitfaden<\/em><\/strong><\/a><\/h2>\n\n\n

    3. Verwenden Sie manuelle Schieberegler anstelle von automatisch rotierenden<\/strong><\/h2>\n\n\n

    Siehe das Bild unten auf der Homepage von Sephora:<\/p>\n\n\n

    \n
    \"Awesome
    Bildquelle: Sephora<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

    Dies ist zweifellos eine der besten Umsetzungen von Bild-Slidern, die ich im Internet gesehen habe. Einige der Gr\u00fcnde, warum es so gro\u00dfartig ist:<\/p>\n\n\n\n