Bestehende Studien der Universität von Notre Dame (2013) sowie von Mindberry (2019) lassen vermuten, dass der beliebte Karussell-Slider nicht die Interaktionen hervorruft, die man sich davon erwartet. Unser Senior UX/UI-Designer Roland Skof-Peschetz hat sich darüber schon einmal Gedanken gemacht, die er in diesem Artikel auf Medium niedergeschrieben hat.
Kategorie: UI/UX-Design
Eine Analyse eines beliebten Design-Elements
- Erhebungszeitraum
- November-Dezember 2021
- Tool
- Hotjar
-
Die (Ohn)Macht der Slider
Eine Analyse eines beliebten Design-Elements
Studien lassen vermuten, dass der beliebte Karussell-Slider nicht die erwartete Interaktion hervorruft. Wir haben das überprüft. -
Das Herzstück der Digitalen Welt
Wie eine Website bei uns entsteht.Mit unseren Websites erhalten unsere Kunden ein Rundum-sorglos-Paket. Von der Planung, über die Abwicklung, bis hin zu den technischen Finessen in der Umsetzung und der darauffolgenden Nachsorge.…
-
Frischer Wind für die Ohren
Digitales Marketing-Konzept für eine Weltneuheit
– und die Digitale WeltSPiNNWERK-Digital-Auftritt für eine Weltneuheit: Webseite, Online-Shop, laufende Social Media- und SEA-Betreuung für earbreeze.…
-
personaldienstleister.at
Website-RelaunchAuf Basis eines neuen Corporate Designs, welches ebenfalls aus unserer Feder stammt und dem gesamten Markenauftritt von ÖPDL auffrischt, wurde mit dem Launch der neuen Website, das große Rebranding erfolgreich abgeschlossen.…
-
roteskreuz.at Website-Relaunch
Eine neue digitale Heimat für das ÖRKDer Service-Charakter der bestehenden Website wurde verbessert und die Inhalte der Plattform neu organisiert, um gezielt auf die Bedürfnisse der User:innen einzugehen. -
patientenombudsmann.at
WACA ZertifikatWir sind besonders stolz, dass diese Website für ihre Barrierefreiheit das WACA-Zertifikat in Gold erringen konnte.
Unsere In-House-Analyse mit Hotjar
Weil aber nichts besser ist als selbst erhobene Daten und selbst daraus gezogene Schlüsse, haben wir uns – gemeinsam mit einem unserer treuen Kunden – entschlossen, im Zuge der Optimierung der brandneuen Website, einmal diesem Thema besondere Aufmerksamkeit zu widmen.
Mit Hilfe des Tools Hotjar haben wir einhundert Screen-Recordings aufgezeichnet, auf die folgende Kriterien zutreffen:
- Die Einstiegsseite ist die Startseite (auf der sich der Karussell-Slider befindet)
- Die Gesamtverweildauer auf der Website ist länger als 30 Sekunden
Die Verteilung der Endgeräte widerspiegelt dabei das, was wir aus anderen Erhebungen über diese Website schon wissen. Mit 57% bilden Smartphones die größte Gruppe, gefolgt von Desktop mit 37% und Tablets mit 6%. Touch-Devices machen also 63% der aufgezeichneten Besuche aus.
Erkenntnisse
In den 100 aufgezeichneten Sessions haben …
- 14 User:innen den 2. Slide angezeigt bekommen
- Da der Slider nicht automatisch weiterläuft, ist das auch die Anzahl derer, die die Slidernavigation benutzt haben.
- Mit ca. 71% sind Smartphones hier überrepräsentiert. Es ist denkbar, dass das „Wischen“ auf Touch-Devices der Interaktion mit dem Slider entgegenkommt.
- 8 User:innen den 3. Slide angezeigt bekommen
- 2 User:innen mit dem 1.Slide (CTA-Button) interagiert
- Kein:e einzige:r User:in mit dem 2. oder 3. Slide interagiert
Zudem konnten wir in den Recordings einige anekdotische Beobachtungen machen:
Gewöhnlich scrollen User:innen nahezu sofort nach dem Seitenaufbau über den Slider hinweg, bzw. rufen die Seiten-Navigation auf, registrieren also zu einem sehr hohen Anteil nicht einmal die Information auf dem allerersten Slide – das kann mit dem, von der Nielsen Norman Group beobachteten Effekt, der Banner Blindness erklärt werden.
Bi-direktionales Scrolling alleine ist offenbar nicht der (einzige) Grund für die schlechte Performance des Sliders, weil es in anderen Situationen – zum Beispiel in einem Karussell über beliebte oder besonders beworbene Produkte – durchaus von den User:innen angenommen wird.
UI-Patterns müssen immer im Zusammenhang mit ihrem Umfeld betrachtet werden. Slider haben das Problem, dass sie so omnipräsent sind, dass man sich oft nicht die Mühe macht, ihre Anwendung im Kontext zu prüfen.
Fazit
Auf der Basis dieser Daten werden wir in diesem speziellen Fall, bei zukünftigen Optimierungsschritten unserem Kunden raten, auf den Karussell-Slider zu verzichten und stattdessen besonderes Augenmerk auf Gestaltung und Textierung eines Hero-Elements zu legen.
Es bestätigt sich, dass ständige Beobachtung und Messung der Schlüssel zu guter User Experience – und damit zur Erzielung optimaler Conversion-Rates ist. Die Organisation und Philosophie von SPiNNWERK – unser Vertrauen auf ständige Optimierung unter Verwendung zuverlässiger Daten – macht sich bezahlt.