Es scheint oft, dass die beliebtesten Dinge auch zu den spaltendsten gehören können. Das gilt für Webdesign, genauso wie im Leben. Ein Paradebeispiel dafür ist der Schieberegler.

Auf Websites werden seit Jahren verschiedene Arten von Slidern oder Slideshows eingesetzt. Und es gab eine Zeit, in der es schwierig war, eine moderne Website zu finden, die sie nicht nutzte. All dies trotz einer lautstarken Gegenreaktion der Design-Community gegen das Feature.

Ich gebe zu, dass ich einst ein Befürworter von Slidern war. Das Argument, dass sie die Präsentation mehrerer Inhalte innerhalb eines einzigen Bereichs ermöglichen, war verlockend. Ebenso wie die Möglichkeit, Bewegung und Interaktivität auf recht einfache Weise hinzuzufügen. Es gab viel zu gefallen.

Abgesehen davon versuche ich auch, deren Verwendung heutzutage nach Möglichkeit zu vermeiden. Dafür gibt es viele Gründe – darunter Leistung, Erreichbarkeit und der ganze Klischeefaktor.

Da habe ich mich gefragt: Sollten Webdesigner den Slider endlich in den Papierkorb legen?

Eine Möglichkeit, Inhalte zu komprimieren und Benutzer zu begeistern

Entwicklung einer effektiven Content-Strategie ist eine der großen Herausforderungen im Webdesign. Designer und ihre Kunden suchen ständig nach Möglichkeiten, Inhalte in einem attraktiven, leicht verständlichen Format anzuzeigen. Es wird auch großer Wert darauf gelegt, dass die Benutzer keine wichtigen Dinge verpassen. Dies ist entscheidend für die Durchführung von Konvertierungen.

Slider wurden unter anderem deshalb so beliebt, weil sie es uns ermöglichten, alle unverzichtbaren Elemente ganz oben auf der Startseite zu platzieren. Möchten Sie alle Ihre großen Produktverkäufe anzeigen? Benötigen Sie eine Möglichkeit, Ihre neuesten Nachrichten direkt zu erhalten? Ein Schieberegler bietet eine einfache Möglichkeit, dies zu tun.

Präsentation ist auch eine ziemlich große Sache. Die fortgeschritteneren Slider-Implementierungen bieten komplexe Animationen und Spezialeffekte. Dies ist möglicherweise der einfachste Weg, um selbst Low-Budget-Projekten teuer aussehende Interaktivität hinzuzufügen. Alles in allem kann diese Art von Funktion sicherlich eine atemberaubende Qualität haben.

Alles zusammen und es ist kein Wunder, dass Schieberegler allgegenwärtig wurden. Was ist nicht zu lieben?

Wie Evolution und harte Realität die Slider-Blase zum Platzen bringen

Leider ist viel von diesem anfänglichen Glanz verloren gegangen. Das liegt daran, dass eine Reihe von harten Realitäten ans Licht gekommen sind.

Nehmen Sie zum Beispiel die Studien die zeigen, dass Benutzer nicht wirklich auf jede Folie warten oder sie durchklicken. Dann ist da noch der Performance-Hit, der Googles missfällt Core Web Vitals, unter anderen Metriken.

Das Web hat sich auch so weit entwickelt, dass sowohl die Zugänglichkeit als auch die mobile Kompatibilität ein wichtiges Anliegen sind. Slider sind in diesen Bereichen nicht immer so toll.

Und vergessen Sie nicht die Softwareentwickler, die in einem umkämpften Markt so viel JavaScript und andere Aufblähungen wie möglich in Slider-Plugins stecken. Es stellt sich heraus, dass dieser Schnickschnack seinen Preis hat.

Am Ende haben wir eine clevere Idee, die vielleicht weit über ihre ursprüngliche Absicht hinausgegangen ist. Trotzdem Kunden immer noch fragen für Slider und wirken ratlos, wenn wir davon abraten. Seufzer…

Ein auf der Sony-Website verwendeter Karussell-Schieberegler.

Slider-Alternativen für moderne Websites

Slider kamen während einer Übergangszeit für das Web hinzu. Robuste Content-Management-Systeme (CMS) und leistungsstarke JavaScript-Frameworks begannen gerade erst Fuß zu fassen. Das Versprechen der fortschrittlichen Layouts von CSS3 begann gerade erst aufzublühen.

So viele Webtechnologien haben sich so weit entwickelt, dass es mittlerweile viele Alternativen zur guten alten Diashow oder zum Karussell gibt. Unten sind einige, die auffallen. Sie können einzeln oder sogar kombiniert zu einer erfolgreichen Content-Strategie eingesetzt werden.

Heldenbereiche

Ein Heldenbereich kann genauso aufmerksamkeitsstark sein wie ein Slider. Da sie sich jedoch in der Regel auf eine einzige Sache konzentrieren, können sie so erstellt werden, dass sie sich auf Conversions konzentrieren, ohne die Leistung oder Zugänglichkeit zu beeinträchtigen. Außerdem ist die Aufnahme von Standard-HTML-Inhalten wahrscheinlich ein Segen für SEO auch.

Spotify verwendet einen einfachen Heldenbereich.

Kartenlayouts

Mehrspaltig Kartenlayouts sind schon lange ein Ding. Aber Fortschritte bei CSS-Layout-Techniken haben ihre Erstellung und Verwaltung viel einfacher gemacht. Sie können sowohl optisch ansprechend sein als auch sich wunderbar an kleinere Bildschirme anpassen.

Die Etsy-Website verwendet ein mehrspaltiges Layout, um Shop-Kategorien hervorzuheben.

Komplexe CSS-Grids

Auch wenn Karten nicht dein Ding sind, kannst du trotzdem welche erstellen tolle Layouts mit CSS-Grid. Ein Responsive Design Pattern, das Ihre Top-Inhalte kreativ hervorhebt, ist sehr gut möglich. Überspannen Sie mehrere Zeilen oder Spalten und schaffen Sie einen sehr visuellen Raum für Ihre neuesten Blog-Posts. Die größte Grenze hier könnte Ihre Vorstellungskraft sein.

The Athletic verwendet ein Raster-Layout, um Top-Geschichten zu präsentieren.

Video

Während niemand dem Video vorwerfen wird, dass es sich für die Ladezeiten eignet, kann es eine effektive Alternative zu Schiebereglern sein. Denken Sie nur: Es fügt Interaktivität hinzu und ermöglicht es Ihnen, mehrere wichtige Punkte an einem einzigen Ort zu machen. Fügen Sie eine großartige Produktion hinzu, Spezialeffekte und Bildunterschriften, um das Erlebnis für die Benutzer positiv zu gestalten.

Poltrona Frau verwendet eine Videopräsentation auf ihrer Homepage.

Der Platz des Sliders im Webdesign

Auch wenn ein Slider vielleicht nicht die effizienteste Lösung ist, um Ihre Top-Inhalte zu präsentieren, bedeutet das nicht, dass es im Webdesign keinen Platz dafür gibt. Es gibt immer noch einige großartige Nischenanwendungen.

Eine interaktive Anzeige von Fotos oder (keuchen!) Präsentationsfolien sind großartige Beispiele. Dies dient mehr oder weniger dem ursprünglichen Zweck einer Diashow. Auch andere kreative Möglichkeiten, wie zum Beispiel ein Portfolio oder eine Zeitleiste, sind es wert, ausprobiert zu werden.

Zumindest anekdotisch scheint es, dass die Verwendung von Slidern als Herzstück der Homepage möglicherweise rückläufig ist. Das ist toll zu sehen. Das Web hat einen langen Weg zurückgelegt, seit die Funktion zum ersten Mal auftauchte. Es macht nur Sinn, dass Designer zu besseren Lösungen übergehen.

Quelle: https://speckyboy.com/web-designers-retire-slider/