Rotation ist in – das Web-Karussell

16. Juni 2008 von Judith Biesenbach
 
 Rotation ist in – das Web-Karussell [4:29m]: Play Now | Play in Popup | Download

Das Karussell: Rotierende Bilder und vielfältige Gestaltungsmöglichkeiten

Es war einer DER Trends 2007 – die Rotation von Inhalten auf Websites. Kaum eine Komponente im Netz hat sich zuletzt so inflationär verbreitet wie das Web-Karussell. Als Vorreiter gilt einmal mehr Apple: Bereits seit einiger Zeit kann im iTunes-Store über Links- und Rechtspfeile in CD-Covern geblättert werden – und das auf so fließende und elegante Weise, dass nicht wenige User unabhängig vom eigenen Musikgeschmack und aus reinem optischen Genuss weiter und weiter blättern. Jüngste Relaunchs großer Seiten und Portale haben die Rotation des Karussells zusätzlich mächtig angekurbelt.

Das Web-Karussell ist ein Tool, das mehrere Elemente – in der Regel Bilder – enthält. Der Clou besteht in der Vielzahl der Möglichkeiten. Das Karussell lässt sich sowohl horizontal als auch vertikal darstellen und dementsprechend sowohl von oben nach unten (und umgekehrt) als auch von links nach rechts (und umgekehrt) navigieren. Diese reizvolle Navigation wird oft durch Animationen wie etwa Blenden oder auch aufwändige 3D- und Spiegeleffekte usw. unterstützt, die heute vor allem mit Ajax und Java, aber nach wie vor auch mit Flash umgesetzt werden.

Gründe für den Boom

Das alles ist zwar nicht wirklich neu und gibt es seit Jahren in Flash-Umsetzungen. Die derzeit zu beobachtende Häufung ist allerdings bemerkenswert und lässt sich auf vier wesentliche Gründe zurückführen:

01 / Der Bedarf an Platz sparenden Präsentationsformen wächst. Wer ein Karussell verwendet, kann auf wenig Raum viel Inhalt darstellen. Das wird immer wichtiger, weil auch der Umfang an Inhalten zunimmt, seien es Nachrichten auf News-Portalen oder Produkte in Online-Shops.

02 / Haptik und Materialität sind im Trend und finden immer stärkere Berücksichtigung beim Web-Design.

03 / Mit neuen Web-2.0-Technologien wie Ajax ist die Komponente noch einfacher als bisher zu implementieren.

04 / Designer und Entwickler sind stets bestrebt, neue und alternative Einstiegsmöglichkeiten in die Tiefe von Websites zu kreieren und umzusetzen. Das mit Bildern bestückte Web-Karussell eignet sich dafür ideal. Die Komponente ist Platz sparend, sendet starke Reize aus, ist einfach zu bedienen und sorgt obendrein für den viel gepriesenen Joy of Use.

Die Aussichten und die Herausforderung

Wer sich mit offenen Augen im Internet bewegt, der kommt am Web-Karussell heute nicht mehr vorbei. Die rotierenden Bilder begegnen uns als Amazon-Bestseller, beim Blättern auf MyVideo.de, auf der Website der ZDF-Mediathek, beim Betrachten der Bilder des Tages auf Bild.de und zu unzähligen weiteren Gelegenheiten. Das Web-Karussell dreht sich unaufhaltsam und wird weiter kräftig an Geschwindigkeit zulegen um das vorauszusagen, muss man kein Prophet sein.

Allerdings besteht die Herausforderung für alle Projektbeteiligten von den Konzeptionern über die Designer bis hin zu den Programmierern darin, Vorhandenes nicht einfach wieder und wieder zu klonen, sondern jeder Anwendung Persönlichkeit und eine individuelle Note zu verleihen, und so immer wieder aufs Neue für optische und benutzerfreundliche Überraschungen zu sorgen.

Einige bemerkenswerte Beispiele:

Gravis.de: Eine individuelle horizontale Lösung

Apple.com: Navigation über Scrollbalken

Amazon.de: Karrussell mit 3D-Effekt

Weitere Informationen:

Den //SEIBERT/MEDIA-Podcast abonnieren

Weitere Informationen zu Corporate Design

5 Reaktionen zu diesem Beitrag

  1. Jens Niemann

    Hallo Judy,

    kennt ihr wie oben beschrieben “Karussell-PlugIns” für Wordpress? Das wäre doch mal ein sinnvolles PlugIn.
    LG
    Jens


  2. Martin Seibert

    Die Technologie lässt sich durchaus auch für Weblog-Artikel anwenden. Mir ist kein vergleichbares Plugin bekannt. Wir verwenden hier ja einfach immer eine Liste der “verwandten” Artikel. Die sind manchmal besser, manchmal schlechter. Die Treffer könnte man jedenfalls in einem Karussell abbilden. Gute Idee.


  3. holgerr

    Hallo,

    sieht suuuper aus, hab ich jetzt auch schon bei mehreren Seiten gesehen, aber ein entsprechendes Tool/Modul hab ich nocht nicht gefunden ? Hat jemand einen Link für mich :)

    Danke und Gruß
    Holger


  4. Aurora: Mozilla arbeitet am Browser des Jahres 2018 | //SEIBERT/MEDIA Weblog

    [...] eigene Artikel im //SEIBERT/MEDIA-Weblog: Warum man auf Firefox als Browser umsteigen sollte Rotation ist in – das Web-Karussell Typografie auf Websites Navigationsmenüs: Trends und Beispiele Dieser Eintrag wurde am Mittwoch, [...]


  5. thomas57

    Hallo,
    einige Scripte dazu könnt Ihr euch hier herunterladen, einige sogar kostenlos.
    Die Homepage: http://www.sector12.de/
    Gruß aus dem Norden von
    Thomas


Eine Antwort hinterlassen





//SEIBERT/MEDIA besteht aus den vier Kompetenzfeldern Consulting, Design, Technologies und Systems und gehört zu den erfahrenen und professionellen Multimedia-Agenturen in Deutschland. Wir entwickeln seit 1996 mit heute über 65 Mitarbeitern Intranets, Extranet-Systeme, Web-Portale aber auch klassische Internet-Seiten. Seit 2005 konzipiert unsere Designabteilung hochwertige Unternehmensauftritte und kommunikative Konzepte. Beratungen im Bereich Online-Marketing und Usability runden das Leistungsportfolio ab.

Zu unseren teils weltweit agierenden Kunden gehören u.a. Accor, Allianz, Atlas MTT, BAD, Deutsche Klinik für Diagnostik, Deutsche Post, Hitachi, Honda Motor, Hotel InterContinental, Institut Fresenius, Kabel Deutschland, Lufthansa, SAP, SGS AG, STA Travel, StepStone sowie viele andere große und kleine interessante Unternehmen.