Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 5.7.10a, b: Hilfefunktion und Guided
Tour in der Flash-Lerneinheit „Bildgestaltung"
(Design und Inhalt: Hammer, Ruske, Einsatz in
der virtuellen Fachhochschule vfh)
Abb. 5.7.11a: Der Autoplay-Slider verlinkt direkt
zu den zugehörigen Produktseiten.
(http://www.hammer-runge.de)
180
Interaktionsdesign
E-Commerce oder im E-Learning kann jedoch im Einzelfall eine Hilfe
nützlich sein (Abb. 5.7.10a). Diese kann im einfachsten Fall in Form
einer zusammengefassten Erklärungsseite ausgeführt sein, besser
jedoch in interaktiver Form, indem vom Nutzer Hilfeeinblendungen
bei Bedarf zuschaltbar sind.
Alternativ oder zusätzlich zu einer Hilfefunktion kann eine „Guided
Tour“ angeboten werden, d. h. eine selbstablaufende Erklärung
(Abb. 5.7.10b). Diese muss unbedingt Interaktionselemente für Start,
Stopp, Vor und Zurück sowie gegebenenfalls eine Lautstärkeregelung
beinhalten. Guided Tours werden meist als Flash-Animationen
oder mit JavaScript realisiert.
5.7.11 Slider, Carousel etc.
Neben den statisch dargebotenen Interaktionselementen findet
man verbreitet solche, die animiert sind. Das trifft insbesondere
für Bildübersichten zu, die gleichzeitig als Link zum dargestellten
Inhalt dienen.
Hier sind diverse Slider-Ausführungen bekannt, bei denen man über
Richtungspfeile, Überfahren der Bilder mit der Maus oder über
Autoplayfunktionen einzelne oder mehrere der im Angebot verfügbaren
Interaktionsbilder in den sichtbaren und klickbaren Bereich
bringt. Derart gestaltete animierte Interaktionselemente bieten
den Vorteil der schnellen optischen Sichtung von Bildlinks.