Screencast: Site Tour leicht gemacht mit Amberjack
Wer eine etwas umfangreichere Website z.B. für eine Community oder eine Webapplikation gestaltet, hat das Problem, dem Nutzer möglichst schnell und plausibel klar zu machen, worum es sich dreht, was angeboten wird und was auf keinen Fall verpasst werden darf. Zu diesem Zweck eignet sich ein Rundgang durch die Site, der technisch möglichst wenig verwirrend gestaltet und schnell zu bedienen ist. Bei der Gestaltung einer solchen Tour hilft Amberjack, ein Site Tour Creator, der neben einer absolut genialen Handhabung auch noch komplett kostenlos ist.
Amberjack ist eine kleine Javascript-Bibliothek, die es dem Betreiber einer Site erlaubt, schnell und komfortabel eine kleine Tour zu gestalten, wie ich es hier für pixelgraphix erstellt habe. Amberjack erlaubt die Anpassung des Tour-Layouts per CSS und eine Einbindung der Library über den eigenen Server. Zur besseren Veranschaulichung habe ich einen Screencast verfasst, der zeigt, was Amberjack zu bieten hat.
Der Screencast liegt im Movie-Format (10 MB) vor, ist vier Minuten lang und kann auch separat geladen werden. Viel Spaß!
Weiterführende Links
Zur technischen Seite: Das Video wurde mit iShowyou unter OS X aufgenommen und mit Camtasia Studio unter Parallels editiert.
Werbeunterbrechung
Kommentare und Feedback (14)
Folgende Seiten verweisen auf diesen Beitrag
Werbung
Vorheriger Artikel: Passwort Sicherheitslücke in Firefox, Safari und Internet Explorer, nächster Artikel: Icons für die Weihnachtszeit
21.11.2006, 13:40
cool :-)
vielen dank! werds bei gelegenheit gleich mal einbauen…
21.11.2006, 13:51
Vielen Dank für diesen guten Tipp! Das werde ich mir mal genauer anschauen…
Viele Grüße
Mike
21.11.2006, 17:23
Ich finde, wer soetwas – für welchen Typ Site auch immer – braucht, hat etwas bei der Usebility falsch gemacht. Websites sollten ohne jeglich Hilfe intuitiv genutzt werden können.
21.11.2006, 19:20
Das kann man nicht in einen Topf werfen, finde ich. Es gibt eine ganze Menge Einsatzzwecke, die eine intuitive Nutzung einer Site trotzdem nicht ausschließen. Ich gehe dabei nicht von mir aus – ich klicke sowieso überall ;
) – sondern z.B. von meinen Eltern. Die sind über die eine oder andere Erklärung mehr sehr dankbar :).Und so manches Video-Tutorial, das mir auf der Suche nach Futter für das Screencasting Weblog so begegnet ist, hätte durch eine so einfache Sache ersetzt werden können. Aber klar, ist immer alles Ansichtssache.
21.11.2006, 20:15
Danke. Sehr schönes Tool. Ich weiß zwar noch nicht, wozu ich es brauchen kann, werde es mir aber dennoch gut merken.
BTW: Sehr nette Stimme :-D
21.11.2006, 20:37
Oho, ist um einiges schicker geworden, die Einbindung. Coole Idee. Wieder mal ein Schritt weiter als andere.
21.11.2006, 20:39
ich betrachte das script als gimmick, natürlich sollte eine webseite intuitiv nutzbar sein. die site-tour schadet aber niemand sondern hilft eher.
…anders wäre es, wenn man zum benutzen gezwungen wäre.
21.11.2006, 23:27
Manuela,
ich denke im Großen und Ganzen kann ich mich deinen und Marios Argumenten anschließen, so sollte es sein; es kann als ein interessantes und hilfreiches Gimmick für nicht ganz so bewanderte Nutzer gesehen werden
22.11.2006, 08:06
Nette Sache, mir persönlich mag die Lösung nicht so toll gefallen. Muss auch mal sein. :)
Ich hatte vor Jahren eine noch mit Frames realisierte Variante im Einsatz, bei der nach damaligem Vorbild von DrWeb im unteren Bereich der Seite der Info-Screen (mit Navigation) aufging oben dann die jeweilige Seite eingeblendet wurde.
Wer solche Dinge heute mit CSS und moderem Webdesign framelos löst, bekommt mehr Funktionalität und flexibleres Herangehen. Zu dem Schluss komme ich für mich nach Live-Eindruck bei Dir.
22.11.2006, 08:25
Ich hatte nach dem Redesign meiner Site mehrere Kommentare nach dem Motto: Warum brauchst Du denn auch noch Tipps und Links? Viiiel zu unübersichtlich. Ich konnte/kann das Problem nicht nachvollziehen aber wer also dieses Problem haben sollte, kann sich auf die Tour begeben ;-). Was sie mir wirklich spart, sind die Erklärungen für die Startseite.
Was mir an der Lösung extrem gut gefällt ist die einfache Handhabung und die absolut zugängliche Umsetzung.
Ich habe für einen Kunden an einer großen Community-Site gearbeitet und dabei hat man immer das Problem: Wo kommen die erklärenden Boxen hin? Wie wird dem User klargemacht, welche Features es gibt? Mit Amberjack gibt es neben dem Video-Tutorial, was ja heute schon fast dazu gehört, nun auch noch diese Lösung, in die man ja sogar Videos integrieren kann.
22.11.2006, 13:40
Also bei mir dauert es beim klicken vom ersten zu jedem weiteren Tipp (DSL 16.000) ca. 5 Sekunden bis das bisschen Text geladen ist. Nicht so sexy. Aber ansonsten ein interessanter Ansatz.
22.11.2006, 13:49
Ingo, das liegt leider am Run auf das Movie bzw. den Server heute als am Skript.
22.11.2006, 14:31
Ah okay, danke für die Info… dann schau ich mir das bei Gelegenheit nochmal an. Hab auch grad erst gesehen, dass es hier schon einen Ingo gibt. Ich bin somit quasi ingo2 ;-)
28.11.2006, 17:30
da sind zwei kleine Vertipper in Punkt 5… (“Linkvereichnis” & “Seiteleiste”)
(bin zu faul deine E-Mail-Adresse abzuschreiben, deshalb mache ich die Typos gerade mal öffentlich SCNR und: nö, ich bin kein Pedant… jedenfalls nicht oft…)