PHP Blogger

Startseite Schreib mir ne Mail! RSS Abo Webnews

10 Dinge, die man beim Layout einer Startseite beachten sollte

Ich bin heute in Schreiblaune ;) Da ich mich im Moment intensiv mit dem Entwurf einer Startseite auseinandersetze, habe ich eine Liste zusammengestellt, was man beim Entwurf einer guten Startseite beachten sollte.

Bevor man daran geht, die Startseite zu entwickeln, ist es wichtig erst einmal festzustellen, was man mit der betreffenden Website als Kernziel erreichen möchte. Ein Downloadservice? Ein Unternehmens-Portal? Ein Blog? Eine private Website?

Wichtig ist schon auf der Startseite den Kerninhalt herauszustreichen und leicht zugänglich zu machen.

  1. Das Logo muss an einer auffallenden Stelle angebracht sein
    Bei Sprachen, die man von links nach rechts liest, ist die linke obere Ecke einer Website am besten.
  2. Der Zweck der Website muss klar ersichtlich sein
    Hierzu eignet sich eine aussagekräftige Tagline z.B. unterhalb des Logos - etwa “Informationen rund um unser Unternehmen” oder “Der frische PHP Blog” - dann weiß der Besucher gleich um was es geht.
  3. Biete dem Benutzer Deeplinks zu den wichtigsten Inhalten an
    Inhalte und Services, auf die der Fokus liegt, sollten schnell zugänglich sein (über sogenannte Deeplinks). Diese Links oder Buttons sollten hervorgehoben sein
  4. Sprich die Sprache des Besuchers
    Gekünsteltes Marketing Blabla beachtet und versteht niemand. Klar ausdrücken und Dinge aus der Sicht des Besuchers benennen.
  5. Es darf nur eine einzige Startseite geben
    Vermeide mehrere Startseiten für irgendwelche Themenbereiche. Wenn es nicht anders geht, richtige Subportale ein, die sich klar von der Hauptstartseite abheben. Ein Link auf ein Subportal sollte im besten Fall auf eine andere Domain routen (z.B. eine Subdomain: http://subportal.portal.de).
  6. Die Startseite muss sich optisch von den Subseiten unterscheiden
    Ein wichtiger Aspekt, der leider oft bei Bloglayouts vernachlässigt wird: Die Startseite sollte gestalterisch von den Unterseiten verschieden sein.
  7. Auf der Startseite niemals einen Link auf die Startseite anbieten
    Das verwirrt nur. Im allgemeinen sollte man niemals auf die Seite (Auch Subseite) verlinken, auf der sich der Besucher bereits befindet.
  8. Folgende Links sollten auf jeden Fall auffällig sein
    Am besten im Hauptmenü unterbringen: “Über XY” (Informationen über den Betreiber), “Presse” (Wenn die Berichterstattung über die Firma/Website wichtig ist), “Kontakt” (Link zum Kontaktformular UND der Postanschrift / Emailadresse)
  9. Meta-Informationen offensiv anbieten
    Links wie “Impressum”, “Datenschutz” und “Kontakt” bzw. “Anfahrt” eigenen sich prima als Metainformationen
  10. News auf die Startseite
    Wenn möglich, die letzten 4-5 News direkt auf der Startseite abbilden. Ist das Unternehmen börsennotiert, empfiehlt sich die Integration des Aktionenkurses mit Tendenz (vielleicht sogar Chart) auf der Startseite.
  11. Soweit zu 10 Dingen ;)
    Wenn ein Portal Subportale verlinkt, ist es unter Umständen ratsam direkt von der Startseite aus den Zugang zu Subportalen anzubieten.

Wer sich für mehr Informationen zur Startseitenoptimierung interessiert, dem sei das Buch “Homepage Usability” von Nielsen und Tahir empfohlen. Es bespricht erstmal die Basics und zeigt dann an 50 Fallbeispielen, was gut und was weniger gut ist. Die Fallbeispiele sindzwar etwas in die Jahre gekommen, aber an der Kernaussage hat sich nichts verändert. Auf jeden Fall lesen!

Teile und genieße
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Hyperkeks meint dazu:

9. Oktober 2007 um 12:52

Naja, Usability… Menschen sind verschieden und auch deren Nutzungsgewohnheiten.
Man sollte in jedem Projekt aufs neue überprüfen, ob die Regel Sinn macht. Insbesondere die Punkte 1, 5, 6 & 10 sind sehr diskutabel. 2, 3 & 4 finde ich hier von allen am wichtigsten.

timi meint dazu:

9. Oktober 2007 um 13:01

Natürlich muss für jedes Projekt eine neue Startseite konzipiert werden, da gibt es kein Patentrezept. Generell sollte man sich bei der Gestaltung einer Website und deren Aufbau an einer konkreten Zielgruppe orientieren. Recht machen kann man es ohnehin nicht allen.

Dennis Morhardt meint dazu:

9. Oktober 2007 um 17:38

“Ein Link auf ein Subportal sollte immer in einem neuen Fenster oder Tab öffnen.” Wohl eine der größten Süden, die man machen kann. Als könne der Benutzer verwirrt werden, wenn alles in einem Tab/Fenster bleibt und ihm somit die Entscheidung abnimmt. Der normaler Benutzer schafft es ganz alleine zurück auf die Startseite zukommen, dafür sorgen “Back”-Button und Link zur Startseite, außerdem sollte man so keine Angst haben, das der User “abhaut” und zu guten Letzt, es ist verboten in XHTML.

Gruß Dennis

timi meint dazu:

9. Oktober 2007 um 18:02

Stimmt, mit Blick auf XHTML hast Du Recht, ich werde den Artikel entsprechend anpassen. Ein “Home”-Link in einem Subportal sollte aber auf dessen Startseite verlinken, nicht auf die Startseite des Gesamtportals - wir reden schließlich von unterschiedlichen Webseiten.

Ob der Benutzer ohne weiteres auf die Gesamtstartseite zurückfindet, entscheiden mehrere Faktoren, nicht nur ob es einen Homelink auf der Website oder Backbutton im Browser gibt ;)

Phil meint dazu:

10. Oktober 2007 um 11:00

Ich würde das Logo mit immer mit der Startseite verlinken und denke das dies mittlerweile bei den meisten Surfern bekannt ist, dass ein Klick aufs Logo zur Startseite führt, denn die meisten Seiten tun dies so.

timi meint dazu:

10. Oktober 2007 um 11:49

Ich bin ganz Deiner Meinung Phil.

Crank meint dazu:

16. Oktober 2007 um 15:05

Ich würde noch etwas hinzufügen bzgl. Benutzerfreundlichkeit.

11. Die Seite muss farblich die Zielgruppe ansprechen und die Texte sollten leserlich sein. Hier ist leider das gegenteil der Fall. Die Texte sind nicht leserlich da sie zu hell sind. Bei den Links ist es genau so, viel zu grell.

Über den Punkt 7 kann man sich streitet. Ich finde ein Link zu “Home” / “Startseite” sollte auf jeder Seite verlinkt sein. Auch auf der Startseite, soll hat man immer Kontrolle und man weiß wo man ist.

timi meint dazu:

16. Oktober 2007 um 15:40

Hi Crank,

es geht hier weniger um den PHP Blogger, vielmehr um ein allgemein gültiges Format. Wenn Du konstruktive Kritik loswerden möchtest, freue ich mich wenn Du das Kontakformular verwendest ;) Übrigens, mein Monitor ist ziemlich hell eingestellt, trotzdem kann ich alle Texte prima lesen…

Man kann sicherlich über alle Punkte stundenlang diskutieren. Aber Punkt 7 ist, meine ich, von allen der eindeutigste. Denn warum soll man auf eine Seite verlinken, auf der man bereits ist?

Als Orientierung ist ein Breadcrumb sicherlich eine prima Idee, dann sieht man auf den ersten Blick, wo und in welcher Ebene man sich gerade befindet.

Crank meint dazu:

17. Oktober 2007 um 16:22

Hi Timi,
sorry du hast recht ich entschuldige mich dafür. Ich mach das in Zukunft über dem Formular.

Punkt 7: Viele Besucher einer Webseite vor allem neue Besucher wissen gar nicht, dass sie auf der Startseite sind. Die meiste klicken aus gewohnheit auf das Logo oder “Home” link.

Eins muss ich noch zur phpblogger sagen: Die Linke Navigation mit Buttons ist ein super Beispiel für die Navigation der User. Es ist hier ganz gut gelungen. Man kann jederzeit auf die Startseite.

RSS für Kommentare zu diesem Artikel · TrackBack URI

Schreib Deine Meinung