Carousel

Wat is hetEen carousel is een browse optie voor de gebruiker die (meestal) horizontaal verloopt. Door door de items in de carousel te navigeren kan met een item kiezen om te selecteren en bijvoorbeeld te vergroten. Meestal worden er 3 tot 8 afbeeldingen per keer getoond en kun je door de pijlen links en recht weer 3 tot 8 nieuwe afbeeldingen naar voren halen. Je kunt dus vooruit en achteruit ‘bladeren’.

Wanneer te gebruiken als je veel items hebt om te laten zien, maar niet wilt dat de gebruiker zijn

attentie richt op slechts een select aantal items als je de gebruiker wilt verleiden/nieuwschierig maken; met een carousel

wordt niet alles in een keer laten zien, door te navigeren kun je meer beschikbare items ontdekken

als je niet genoeg ruimte hebt om alle items in één keer te laten zien als je items met hoge visuele waarde hebt om te presenteren, zoals

filmposters of albumcovers. Als je dan alles in één keer aanbiedt, is het een chaos

Wanneer niet gebruiken: Als je niet-visuele items hebt om te tonen, zoals artikelen en documenten Als de content niet duidelijk kan worden gevisualiseerd/weergegeven in de

afbeelding

VOORBEELD 1: Cover Flow

Je kunt in de Finder je bestanden ook echt zien, niet als symbolen, maar zoals ze er in werkelijkheid uitzien. Op dezelfde manier zoals je met Cover Flow je albumhoezen in iTunes kon bekijken, zo kun je net zo makkelijk door je documenten bladeren. Cover Flow geeft de eerste pagina van ieder bestand weer. Bovendien kun je bladeren door documenten met meerdere pagina's en films bekijken.

Cover Flow van Apple bestaat sinds 2006 op iTunes, na groot succes werd de Cover Flow ook doorgevoerd op de iPhone en later in 2007 werd het een optie om bestanden te tonen in finder van Leopard (Mac). Inmiddels bij iTunes 11.0 is de optie Cover Flow verwijderd.

Bronnen:http://web.archive.org/web/20080418081920/http://www.apple.com/nl/macosx/features/finder.htmlhttp://nl.wikipedia.org/wiki/Cover_Flow

VOORBEELD 2: Diavoorstelling

Met dit carousel-voorbeeld kun je op de miniatuurweergaven beneden klikken om ‘m vervolgens in het groot te bekijken. Door op een foto rechts te klikken, ga navigeren de miniatuurweergaven ook mee naar links, dus laadt je steeds nieuwe foto’s. Zie als voorbeeld het verschil in miniatuurweergaven in beiden afbeeldingen. In afbeelding 1 zie je de landingsbaan helemaal recht maar door een paar keer op de meest rechtse foto te klikken, verschuiven de foto’s naar links. Vandaar dat de landingsbaan op de tweede afbeelding helemaal links te zien is.

Bron: http://coolcarousels.frebsite.nl/c/61/

VOORBEELD 3:

Dit is een wat ingewikkeldere carousel. Bij dit voorbeeld kun je om de rondjes eromheen klikken om ‘m vervolgens in het groot te zien. Het rondje waarop je geklikt hebt, ‘verdwijnt’ dan als het ware in de grote afbeelding.

Bron: http://coolcarousels.frebsite.nl/c/62/

VOORBEELD 4:

Bij dit voorbeeld zie je eerst de foto in het groot en als je er dan met je muis op gaat staan komt er links over de foto informatie te staan + de navigatiebolletjes om naar andere foto’s en informatie te scrollen. Ga je weer met je muis weg, zie je de foto weer in het groot.

Bron: http://coolcarousels.frebsite.nl/c/63/

Verdere inspiratie: http://coolcarousels.frebsite.nl/