Monthly Archives: Januar 2006

Bessere Startseiten für Deine Websites

Und [schon wieder](http://www.itst.org/web/436-three_column_layout_mit_css.shtml) A List Apart ;-)

In [Home Page Goals](http://www.alistapart.com/articles/homepagegoals) stellt [Derek Powazek](http://www.alistapart.com/authors/p/derekpowazek) vier Ziele vor, die eine Startseite (aka Homepage) einer Website erreichen sollte.

Als Zugabe von mir liefere ich Ideen, wie man die Erfüllung der Ziele mit [Google Analytics](http://www.google.com/analytics/) überprüfen kann und verknüpfe Dereks Aussagen mit denen von Steve Krug in seinem Buch [*Don’t make me think!*](http://www.amazon.de/exec/obidos/redirect?link_code=ur2&tag=itstsystemb&camp=1638&creative=6742&path=external-search%3Fsearch-type=ss%26index=books-de%26keyword=3826608909)

Ich gehe mal davon aus, dass die meisten meiner wehrten Lesen Google Analytics kennen. Für die Nicht-Eingeweihten: GA stellt Zugriffsstatistiken für Websites zur Verfügung. Diese Analysen sind sehr mächtig und helfen enorm beim Bewerten der Zugriffe auf Websites.

Krugs Buch *Don’t make me think!* gehört eigentlich auf den Schreibtisch eines jedes Webdesigners. In elf Abschnitten erläutert es anhand vieler Beispiele, wie man nutzbare Websites gestaltet und worauf man dabei achten sollte. Natürlich widmet Krug auch dem Design der Startseite einen eigenen Abschnitt. Dazu später mehr.

## Answer the question, “What is this place? — Worum geht es auf dieser Website?
Diese Frage stellen sich wohl die meisten Besucher an eine ihnen unbekannte Website. Die Antwort sollten sie auf der Startseite finden; in knappen Worten und leicht verständlich. Finden sie keine Antwort, sind sie in der Regel auch schon wieder weg.

Versteht man nicht, worin der Sinn der Site besteht, bzw. was man tun kann und welche Bedürfnisse hier erfüllt werden, hat man keinen Grund, länger dort zu bleiben. Ziel ist es also, den Besuchern zu zeigen, was sie hier tun können und was sie davon haben.

dashboard.jpg GA stellt dazu den Report *Entry Bounce Rate* (aka One-Page-Visits) zur Verfügung. Dort erkennt man, wie viele Besucher nach nur einer Page Impression sofort wieder verschwinden. Mit einem Klick auf die Überschriften der Spalten sortiert man die Tabelle um. Dieser Report ist natürlich zu mehr nützlich als nur zur Überprüfung der Startseite. Man sieht detailliert, welche Seiten der Website die meisten Bounces erzeugt und kann die Zahlen in Relation zu den gesamten Bounces setzen. Damit erkennt man, welche Seite zu den meisten Bounces führt:
home-bounce.jpg

## Don’t get in the repeat visitor’s way — Besucher zu Benutzern machen
Wer eine Website bereits kennt und weiß, was er dort möchte, dem helfen Erläuterungen zur Website nur wenig. Diese Besucher möchten sehen, was es neues gibt (Ziel 3) und möchten so schnell wie möglich dorthin gelangen. Derek führt als Beispiel [Flickr](http://flickr.com/) an, das zwei Startseiten hat: eine für neue Besucher — technisch gesehen nicht eingeloggte Benutzer — und eine für eben diese.

Google Analytics liefert die Analyse *Initial Navigation*, die zeigt, welchen Weg Besucher nehmen. Dabei wird der Klickpfad je nach Einstiegspunkt analysiert.

inital-navigation-detail.jpg

Der hier geöffnete Pfad zeigt die Navigation der Benutzer nach der Startseite. Man sieht, wohin sie von dort aus gehen und kann durch einen Klick auf die Toggles (das kleine Plus-Zeichen) für jede Seite sehen, wie es von dort aus weiterging.

Die Erkenntnisse aus dieser Analyse könnten zum Beispiel dazu führen, bestimmte Link-Optionen auf der Startseite hervorzuheben oder einfacher zugänglich zu machen. Für wiederkehrende Besucher ist es wichtig, möglichst schnell an ihr Ziel zu gelangen. Sie ziehen einen bestimmten Nutzen aus der Website. Der Weg zu diesem Nutzen sollte nicht untergehen, sondern möglichst einfach sein.

## Show what’s new — Was gibt es neues?
Wenn die Besucher bis hierhin die Website nicht verlassen haben, wurden die Ziele 1 und 2 erreicht. Herzlichen Glückwunsch! Allerdings ist das kein Grund, sich auf den Lorbeeren auszuruhen :-)

Jetzt geht’s es darum, den Besuchern zu zeigen, was es seit ihrem letzten Besuch neues gibt. Es muss sich lohnen, auf der Website zu verweilen.

lenght-of-visit.jpg Google Analyitcs hilft uns auch hier weiter. Mit der Analyse der Verweildauer — *Length of Visits* — zeigt es uns, wie lange Besuche auf der Website dauern. Dabei unterteilt GA die Verweildauer in sieben Kategorien: von sehr kurzen Besuchen bis 10 Sekunden bis sehr langen Besuchen über 30 Minuten. Die Zahl der Besuche bis 10 Sekunden korreliert dabei mit der Gesamtzahl der Bounces.

lenght-of-visit-detail.jpg

Weiterhin kann man mit GA die Tiefe der Besuche analysieren. Dazu zählt GA die Anzahl der Seitenaufrufe pro Besuch und stellt sie als Chart dar:

depth-of-visit-detail.jpg

## Provide consistent, reliable global navigation — Klare und verläßliche Navigation
Diese Maxime gilt natürlich nicht nur für die Startseite, sondern für die ganze Website. Wichtig ist, aus Sicht des Startseiten-Designs, dass man den Benutzern von der Startseite ab konsistente Navigations-Optionen bietet. Dazu gehört, dass sich zum Beispiel die Position der Hauptnavigation nicht ändern sollte und dass sie die immer gleichen Optionen beinhalten sollte. Natürlich ist es möglich — und manchmal auch sinnvoll — im Hauptmenü Punkte aufzuklappen und wieder zu verbergen. Websites wie die des [Spiegels](http://www.spiegel.de/) blenden die Navigation auf [Unter- und Inhaltsseiten](http://www.spiegel.de/politik/) aus und lassen sie erst per Roll-Over wieder erscheinen. Dennoch verändert sich die Position der Navigation nicht und man kann sie leicht wieder finden.

Dieses Ziel lässt sich mit GA nicht überprüfen. Wer hat denn gesagt, das GA *alles* kann? :-)

Dennoch stellt GA ein mächtiges Werkzeug zur Verfolgung der Navigation bereit, die Analyse *All Navigation*:

Man klickt zunächst in der Liste links auf eine der Seiten der Website. Rechts sieht man dann, *woher* die Benutzer auf diese Seite kamen und *wohin* sie von dort aus gehen.

## Krug on Homepages
Wie versprochen ein kurzer Abriss über Krugs Äußerungen zum Thema Startseite in seinem Buch [*Don’t make me think!*](http://www.amazon.de/exec/obidos/redirect?link_code=ur2&tag=itstsystemb&camp=1638&creative=6742&path=external-search%3Fsearch-type=ss%26index=books-de%26keyword=3826608909).

Krug nennt acht Anforderungen, denen eine Startseite genügen muss. Sie soll folgende Aufgaben erfüllen bzw. Funktionen oder Inhalte bereitstellen:

Identität und Auftrag der Site. Hierarchie der Site. Suche. Aufhänger *(Damit meint Krug Hinweise auf wichtige, neue, die besten oder populärsten Inhalte)*. Aktuelle Inhalte. Geschäftliches *(Gemeint ist Platz für Werbung, Cross-Promotion u. ä.)*. Abkürzungen *(Hier möchte Krug Links auf die am Häufigsten genutzten Inhalte sehen)*. Registrierungsmöglichkeit *(So die Website so etwas bietet oder benötigt)*.

Wichtig ist nach Krug die Platzierung von Inhalten und Optionen auf der Startseite. Je prominenter platziert, desto mehr Aufmerksamkeit bekommt ein Inhalt. In diesem Zusammenhang nennt Krug die Startseite ein *Ufergrundstück*. Damit möchte er ausdrücken, wie begehrt ein Link auf der Startseite ist und wie beschränkt der zur Verfügung stehende Raum dort. Quintessenz ist, je wichtiger ein Inhalt zur Erreichung der Ziele einer Website, desto eher und prominenter sollte auf der Startseite ein Hinweis dazu angebracht werden.

[*Don’t make me think!*](http://www.amazon.de/exec/obidos/redirect?link_code=ur2&tag=itstsystemb&camp=1638&creative=6742&path=external-search%3Fsearch-type=ss%26index=books-de%26keyword=3826608909) ist in jedem Fall ein sehr lesenswertes Buch, und, ich wiederhole mich, gehört in die Bibliothek jedes Webdesigners. Mit interessanten Beispielen gewürzt liefert Krug Denkanstöße, die aus jeder Website eine bessere machen können. Aus dem Vorwort von [*Don’t make me think!*](http://www.amazon.de/exec/obidos/redirect?link_code=ur2&tag=itstsystemb&camp=1638&creative=6742&path=external-search%3Fsearch-type=ss%26index=books-de%26keyword=3826608909):

> An Steve Krugs Sachverstand kann man kaum vorbei kommen. Und jetzt liegt eine Menge davon vor Ihnen. [&hellip], und wenn Sie das verinnerlichen können, was er hier zu sagen hat, werden Sie noch einiges mehr sparen können.

**Hui, das ist ja doch länger geworden als gedacht. Ich wünsche viel Spaß beim Lesen und Ausprobieren und würde mich über Feedback sehr freuen :-)**

Three Column Layout mit CSS

Wer hier öfter reinschaut wird wissen, dass ich absolut kein (Web-)Designer bin. Daher bin ich immer dankbar für lesbare Tipps — wie [Matthew Levines](http://www.alistapart.com/authors/l/matthewlevine) [Artikel bei A List Apart](http://www.alistapart.com/articles/holygrail).

Matthew zeigt eine simple und — sogar für mich — nachvollziehbare Technik, mittels CSS ein Drei-Spalten-Layout hinzubekommen. Als Bonus verrät er auch, [wie man die Spalten gleich hoch formatieren kann](http://www.alistapart.com/d/holygrail/example_3.html). Danke Matthew!

So bewirbt man Websites - nicht

Über Golems Meldung [DIMP: IMP nach Ajax-Art](http://www.golem.de/0601/42860.html) bin ich auf Friedrich Schönmanns Weblog gestossen. Der trackbackte nämlich einen Artikel aus seinem Blog, mit der Überschrift: [Deutschsprachiges AJAX Forum](http://www.schoenmann.org/archives/96-Deutschsprachiges-AJAX-Forum.html).

Halb in Erwartung, einen Link auf Dominik Hahns [ajaxTalk.de](http://ajaxtalk.de/) zu finden, erzählt Friedrich statt dessen:

> Endlich gibt es ein deutschsprachiges AJAX Forum. Nach langem Suchen bin ich darauf gestossen: http://www.ajax-community.de/

Nun denn, folgen wir dem [Link](http://tinyurl.com/a8ete). Wir landen in einem nett gemachten Forum, und als alte Hase erkennen wir auf den ersten Blick: das ist ein phpBB. Das Interesse ist geweckt. Scrollen wir einmal ans Ende der Seite. Kein Hinweis auf phpBB — na gut, den *muss* man ja nicht anzeigen. Unfair, wie ich finde, aber OK.

Doch halt, was steht denn da? Den Namen kennen wir doch!
> © 2006 Friedrich Schönmann.

Sekunde. Ist das etwa der gleiche Friedrich, der sagte, er sei nach langem Suchen endlich auf ein deutsches Ajax-Forum gestoßen? Ein Klick auf den nebenstehenden Impressum-Link (http://www.schoenmann.org/impressum.html) offenbart es: er ist es.

Süß. Ganz ehrlich.

Serverschleuder und negative Presse

Thomas, Ex-Kunde bei Serverschleuder und Mitglied bei phpBB.de berichtete dort [immer mal](http://www.phpbb.de/viewtopic.php?t=96111) [wieder](http://www.phpbb.de/viewtopic.php?t=93533) von — seltsamen Vorfällen bei diesem Hoster. So wurden immer wieder Dateien gelöscht, Kündigungsfristen willkürlich umgedeutet und schlicht keine Leistung geliefert.

Auch sonst sind die Meinungen zu Serverschleuder auf phpBB.de eindeutig:

> [finger weg von serverschleuder](http://www.phpbb.de/viewtopic.php?t=108848)

> Als [Noch-Kunde] bei Serverschleuder kann ich echt nur warnen vor dem Laden….
> [Quelle](http://www.phpbb.de/viewtopic.php?p=581012#581012)

> Ich bin bei Serverschleuder.de und was in deren Augen Kundensupport ist will ich hier mal in einem kleinem Auszug wiedergeben: […]
> [Quelle](http://www.phpbb.de/viewtopic.php?p=283933#283933)

Auch bei der WHL kommt Serverschleuder [nicht gut weg](http://www.webhostlist.de/provider/webhoster/2513/Meinungen.html) — selten so viele **0 von 10**-Meinungen gesehen.

Vor einger Zeit hat Thomas sich den ganzen Frust in [einem Blog-Eintrag](http://www.thomas-hoelscher.de/?page_id=55) (Thomas hat diesen Eintrag mittlerweile mit einem Passwort versehen zum der Seele geschrieben. Jetzt, nach fast einem halben Jahr, kommt Serverschleuder mit zwei Mails:

1. Man lädt Thomas ein, die Leistungen zwei Wochen kostenlos zu testen… **Haben wohl vergessen, das Thomas schon mal Kunde war…**

2. **Jetzt haben sie verstanden, was da eigentlich abgeht, das nämlich ein Ex-Kunde da spricht und Serverschleuder auseinandernimmt** Man droht Thomas, man habe Strafantrag bei der Staatsanwaltschaft Mannheim gestellt, aufgrund der *unware[n]* Aussagen in Thomas Blog-Eintrag.

Nicht zum ersten Mal schießt sich also jemand selbst in den Fuss — [bei vollem Bewusstsein](http://www.thomas-hoelscher.de/?p=58#comment-113).

Gäste zu Benutzern machen

Seit Mai 2005 prangt über den Inhaltsseiten von [phpBB.de](http://www.phpbb.de/) ein nur für Gäste sichtbarer Hinweis:

Diese Art von Hinweisen findet man mittlerweile in vielen Foren, oft als Browserhinweis getarnt in einem gelb unterlegten Balken im Kopf oder Fuß der Seite.

Das durch die Anbringung des Hinweises avisierte Ziel ist klar: die Zahl der Registrierungen deutlich zu erhöhen. Für nur wenige Neu-Anmeldungen mehr lohnt sich der Aufwand nicht.

An Anlehnung an einen [Eintrag zum Ferenghi-Instikt](https://itst.net/404-adieu-gurus-conversion-rate-testing) frage ich: Um wieviel Prozent steigt die Zahl der Registrierungen, wenn man Gäste deutlich auf die Vorteile einer solchen hinweist?

A) 70%?

B) 35%?

C) 10%?

**Faites vos Jeux!**
Seit Mai habe ich regelmäßig die Zahl der Registrierungen pro Tag überprüft. Und siehe da, die Registrierungen schossen geradezu in die Höhe:

Registrierungen pro Tag pro Monat auf phpBB für 2005

Der Anstieg der Neu-Anmeldungen ist beachtlich. Von bis dahin durchschnittlich 29 Registrierungen am Tag stieg die Anzahl auf 49, ein Plus von runden **70%**.

**Randnotiz 1:**
Natürlich sind das nicht alles super-aktive Benutzer, die jeden Tag zig Beiträge schreiben. Aber jeder Benutzer mehr ist eine Person mehr, die phpBB.de kennt und darüber erzählen kann, die Seite vielleicht verlinkt, phpBB einsetzt oder einsetzten wird. Wir können dabei nur gewinnen.

**Randnotiz 2:**
phpBB.de nimmt für andere phpBB-Foren eine Vorreiterstellung ein. Das haben wir mit dem *[Kleinen Knigge](http://www.phpbb.de/doku/kb/knigge)* [erlebt](http://www.google.de/search?hs=SvU&hl=de&client=firefox-a&rls=org.mozilla%3Ade%3Aofficial&q=%22Kleine+Knigge%22+phpbb&btnG=Suche&meta=lr%3Dlang_de) und mit der *[Schon gewusst”-Box](http://www.google.de/search?hs=wFp&hl=de&client=firefox-a&rls=org.mozilla%3Ade%3Aofficial&q=%22Schon+gewusst%22+phpBB+-%22sascha+carlin%22+-archiv&btnG=Suche&meta=lr%3Dlang_de)* — und [das gilt auch für den Registrierungshinweis](http://www.google.de/search?hs=oyU&hl=de&client=firefox-a&rls=org.mozilla%3Ade%3Aofficial&q=Nur+als+registriertes+Mitglied++vollen+Zugriff+Funktionen+Website.&btnG=Suche&meta=lr%3Dlang_de).

iTunesForum - das Forum für iTunes- und iPod-Fans

Mario Heiss und sein Team haben das [iTunesForum](http://www.itunesforum.de/) erst im November überarbeitet und präsentieren es nun schlicht und einfach in Grautönen und Rot. Sehr gut gefallen mir die drei Spalten über dem Forenindex, mit denen auf interessante Inhalte aufmerksam gemacht wird.

Mario war so freundlich, mir zum Redesign und dem Forum an sich einige Fragen zu beantworten. Das Interview wurde per E-Mail geführt.

Sascha Carlin (SC): **Das iTunesForum.de wurde Ende 2005 relauncht. Worauf habt Ihr bei dem Redesign Wert gelegt?**

Mario Heiss (MH): Zu aller erst war uns die Navigation sehr wichtig, damit sich auch neue User schnell zu Recht finden.
Wichtig war uns auch, dass wichtige Funktionen und Informationen direkt auf der Startseite bzw. im ganzen Forum verfügbar sind. Dazu zählt die Foren-Suche, Login/out, Abfrage neuer und ungelesener Beiträge.
Wichtig war natürlich auch das Update auf die neueste Version!

SC: **Welche Seite - Forenindex, Forenansicht oder Themenansicht - hat Euch
Kopfschmerzen bereitet?**

MH: Wirkliche Probleme hatten wir eigentlich mit keiner Seite. Selbst der Einbau verschiedener MODs hat ohne Probleme geklappt, obwohl PHP für mich ein Buch mit 7 Siegeln ist.
Kleinere Probleme traten beim integrieren der Newsfeeds auf, da PHP in den Templates nicht funktioniert, wir haben aber relativ schnell eine sehr gute Lösung gefunden ( http://zvonnews.sourceforge.net/ ) die sich leicht integrieren lässt. Mit zFeeder haben wir auch die Beiträge aus unserem “News & Updates”-Forum auf der Startseite integriert.

itf-cols.gif

SC: **Wie ich sehe, benutzt Ihr phpBB auch zum Verwalten von Downloads. Erzähl doch etwas über dieses Download-Archiv.**

MH: Wir wollten einen Downloadbereich, der genauso funktioniert wie das Forum, so muss sich der Benutzer nicht auf ein anderes System umstellen wenn er eine Software bewertet oder einen Kommentar abgeben möchte.
Der Umbau war nicht sehr umfangreich, die meiste Arbeit war der Einbau der Mods (Post Icon, Unterforen und Untertitel) aber auch das ging recht problemlos.

SC: **Welche MODs benutzt Ihr außerdem? Welche Änderungen habt Ihr selbst programmiert?**

MH: Folgende MODs verwenden wir für das Forum:

1. [Post Icon](http://phpbbhacks.com/download/1861)
1. [Avatar im Header](http://phpbbhacks.com/download/3955)
1. [Schnellsuche](http://phpbbhacks.com/download/1094)
1. [Neue Beiträge / Beiträge nach Zeitraum](http://phpbbhacks.com/download/589)
1. [Musikbewertungen](http://www.phpbbhacks.com/download/1203)
1. [Umfragen auf eigener Seite](http://www.phpbbhacks.com/download/3269)

Selbst gebaut ist die komplette Navigation und die Seiten Fragen & Antworten, Musik- und Hörbuch-Downloads, die News-Seite, Impressum und Nutzungsbedingengen alle auf Basis einer leeren FAQ-Seite.
Die RSS-Feeds der verschiedenen Seiten wurden integriert mit rss2html.

Zum Bewerten der Downloads verwenden wir den MOD *Post Icons*. Für die Kurzbeschreibung auf der viewforum.php verwenden wir einen MOD für Untertitel.

SC: **Letzte Frage: phpBB in sechs Worten?**

MH: Flexibel, erweiterbar, durchdacht, funktioniert, übersichtlich, durchschaubar *(auch für Admins ohne PHP-Kenntnisse ;) )*

Vielen Dank für das Interview und weiterhin viel Spaß und Erfolg mit phpBB und dem [iTunesForum](http://www.itunesforum.de/) :-)

iTunesForum  Index.gif

Techies und Autismus

aq.gif

[Wie hoch ist dein AQ?](http://www.msnbc.com/modules/newsweek/autism%5Fquotient/)

via [[Sven](http://www.guerilla-projektmanagement.de/index.php/archives/2006/01/19/asperger-test/)]

Ja, der Test IST [ernstgemeint](http://www.psychotherapiepraxis.at/a_survey.phtml).

Webmontag in Frankfurt

06.02.2006 ab 19h, [kp21](http://www.kp-21.de/) in der [Brotfabrik](http://www.brotfabrik.info/) ([Anfahrt](http://www.brotfabrik.info/index.php?id=10)).

Themen und Teilnehmer gibts im [Wiki](http://www.webmontag.de/doku.php?id=frankfurt), wer auch kommen will, hinterlasse eine Mitteilung auf der [Klowand](http://www.itst.org/web/427-von_matt_demontiert_sich.shtml). Moment, sind Wikis denn auch Klowände? Unbedingt Jean-Remy fragen.

Moi kommt also auch. Mal schaun, vielleicht erzähle ich ja was zu [eRONA](http://aggregator.de/) oder phpBB (auch wenn das sooo Web 1.0 ist ;)). Und vielleicht treffe ich endlich mal [Stephan](http://weblog.plasticthinking.org/item/2006/1/20/webmontag-in-frankfurt-am-main)… Geplant wars ja nun schon ein paar Mal ;)

Chatten mit Menschen auf der gleichen Website

Lluna/Webmob ist ein Chat-Client. Aber nicht irgendeiner. Man chattet mit den Menschen, die auf der gleichen Website surfen wie man selbst. [bluehands](http://www.bluehands.de/) haben das umgesetzt und präsentieren es unter [lluna.de](http://www.lluna.de/) und seit neustem unter [webmobs.de](http://webmobs.de/) — in bester Web 2.0-Manier samt Buzzword Bullshit Bingo. Es sei ihnen zu Gute zu halten, [dass sie ein phpBB-Forum haben](http://forum.community.lluna.de/forum/) ;)

[Yakalike](http://yakalike.com/) kann das auch, allerdings ist das ein Firefox-Plugin. Damit scheiden zwar alle anderen Browser als Plattform aus, aber als POC und AdSense-Quelle sicher nicht zu verachten ;)

Ein weiterer Client der diese Funktion beherrschtist TOM, der [T-Online Messenger](http://service.t-online.de/c/00/01/37/1370.html). Der kann auch ICQ, Yahoo! und MSN, ist also zumindest mal einen Blick wert.

Weitere (und weit ältere) Clients mit diesem Feature beschreibt ein Golem-Leser in einem dortigen [Foren-Beitrag](http://forum.golem.de/read.php?47,250283,250290#msg-250290). Dieses Feature existiert scheinbar seit 2000 (oder gar 1999): Gooey zumindest stammt [aus dieser Zeit](http://www.zdnet.de/news/software/0,39023144,2050852,00.htm).

Gute Ideen kommen eben immer wieder ;)