Projektplanung | Die ideale Startseite

WAS FINDEST DU HIER?

Informationen zur Gestaltung der Startseite mit dem Fokus auf Webdesign, Marketing, Inhalte und mit einer Anmerkung zur Suchmaschinenoptimierung.

EINFÜHRUNG

Wir haben uns einmal Gedanken darüber gemacht, wie die ideale Startseite aussehen könnte. Um einen möglichst hohen Grad der Anwend- und Übertragbarkeit bezüglich der verschiedenen Plattformvarianten (Information, Shop, DL) zu erreichen, müssen Aspekte aus den Bereichen Marketing (inklusive Suchmaschinenoptimierung), Gestaltung und Nutzen in die Betrachtung einbezogen werden. Wir führen die nachfolgenden Überlegungen am Beispiel eines Shops aus, weil hier der monetäre Hintergrund eine zentrale Rolle spielt und die Anstrengungen der Kundenschöpfung und -bindung für viele Webmaster integraler Bestandteil des eigenen Schaffens im WWW sind.

Jede Website stellt ein Angebot vom Plattformbetreiber an den Besucher dar, weshalb wir für die nachfolgenden Erörterungen eine wirtschaftliche Betrachtungsweise zugrunde legen können, einzuleiten mit der Frage: "Wie erhalte ich Besucher und wie binde ich diese?". Den ersten Teil der gestellten Frage brauchen wir eigentlich nicht primär zu beachten, denn dieser ist für den wahrnehmbaren Aufbau und die Gestaltung der Startseite nur von nachrangiger Bedeutung. Ganz zu vernachlässigen ist er allerdings nicht, weil sonst das Thema Suchmaschinenoptimierung einer unzureichenden Berücksichtigung im Kontext unterläge, welche allerdings einen nicht zu unterschätzenden Einfluss auf die Website hat. Wir gehen hier deshalb nicht auf die Grundlagen ein, sondern erhellen Sie lediglich mit ein paar Randbemerkungen.

Kurzum, die Kernfragen die man sich stellen sollte, um den Besucher zu halten:

1. Ist das Webdesign ansprechend?
2. Ist die Navigation einfach in der Handhabung?
3. Ist Übersicht und Funktionalität geboten?
4. Ist das Gesamtbild stimmig?
5. Wirkt die Seite in der Wahrnehmung zu überladen?

1. Ist die Seite so gestaltet, dass ich den Besucher bewusst durch mein Angebot "führe"?
2. Sind die Informationseinheiten komprimiert?
3. Wie lebendig wirkt das Ganze?
4. Ist die Präsentation so umgesetzt, dass die umsatzträchtigsten Angebote ihrer Bedeutung nach richtig gewichtet sind?
5. Erkennt der Besucher Faszinations- und Schwerpunkte?

1. Sind die Inhalte für den Besucher relevant genug (Nutzen)?
2. Ist er prägnant und aussagekräftig gestaltet?
3. Ist die Erreichbarkeit der zentralen Informationen jederzeit gegeben?

Bevor wir die einzelnen Sachverhalte genauer erläutern, hier ein Beispiel in Form einer Grafik:

Komplettansicht

VISUELLE AUFMACHUNG UND USABILITY

Was an diesem Design gleich auffällt, ist die Übersichtlichkeit. Header, Navigation und eigentlicher Inhalt sind voneinander abgegrenzt. Die einzelne Elemente und Informationsgruppen sind gut erkennbar und werden auch so als Einheit wahrgenommen. Nichts wirkt wirklich deplatziert. Die Grafiken peppen die Startseite auf und signalisieren dem Besucher Professionalität. Keine verwaschenen Bilder oder Farben, starke Kontraste. Keine Links und keine Textpassagen, welche aus der Reihe springen und die Asymmetrie verschieben. Durch Farbverläufe und Abrundungen schafft man angenehme Übergänge und Hervorhebungen simulieren einen plastischen Effekt. Genügend Leerfläche gibt der Seite "Luft zum atmen" und bringt Lockerheit hinein. Das Schriftbild erhöht durch die Begrenzung auf drei Schriftarten und die Verwendung von Blocksätzen die einheitliche Wirkung. Kleinere Nuancen durch Punkte und Linien verleihen dem Ganzen etwas mehr Individualität und füllen sonst vorhandene, überflüssige Leerräume. Die 10 Regeln für gutes Webdesign sind somit eingehalten. Beachten Sie aber bitte, dass sich Zielgruppen im visuellen Empfinden unterscheiden. Das eher jüngere Publikum bevorzugt den hier gewählten Stil. Für ältere Mitbürger kann dieser bereits zu freaky sein und es empfiehlt sich "natürlicher" wirkende Bilder zu wählen sowie die Verwendung statischer Farben zur Verringerung der Dynamik.

Hinweis:
Fertige Templates sind meist schön anzusehen, erfüllen jedoch selten die Anforderungen an eine gute Startseite, insbesondere was die Anpassung an individuelle Inhalte und Suchmaschinenoptimierung (Onpage) betrifft. Unterziehen Sie erworbene Vorlagen dementsprechend einer kritischen Prüfung und Überarbeitung.

MARKETING

Randbemerkung

Die Startseite ist DAS Aushängeschild einer Website und bedarf deshalb einer stetigen, regelmäßigen Analyse und Adaption. Der größte Fehler, den Webmaster immer wieder begehen, ist jener der Selbstbezogenheit. Was man selbst gut findet, müssen Andere ebenfalls so sehen. Nun, jeder Plattformbetreiber übt ein persönliches Hausrecht aus und kann deshalb frei über die Inhalte nach eigenem Gutdünken bestimmen. Doch diese Sichtweise ist einfach unvollständig. Webmaster und Besucher müssen auf der gleichen Frequenz funken, um eine Kommunikation aufbauen zu können. Dabei agieren sie jeweils gleichermaßen als Sender und Empfänger. Einseitige Schwerpunktverlagerungen auf die Interessen der Besucher sind genauso ungeeignet wie das Versteifen auf eigene Präferenzen. Ganz wichtig ist es eine Art Verbindung aufzubauen. Ein weit unterschätzter Marketingaspekt.

Das modern ausgelegte Marketing lehrt uns den Aufbau von Austauschbeziehungen (Interagieren), wobei viele Planer die Essenz des "Zusammen" nicht wirklich erfassen. Nur wenn beide Seiten spüren, dass der Betreiber sich für die Belange des Besuchers mit Herzblut einsetzt und die Kunden dies zu schätzen wissen, nur dann haben wirklich beide Seiten etwas von dieser Austauschbeziehung. Unterschätzen Sie nie die Gegenseite! Menschen besitzen ein feines Gespür für diesen Sachverhalt, auch wenn man genügend Beispiele dagegen findet. Verinnerlichen Sie diese Gedanken und lernen Sie diesen zu schätzen. Dann sind Ihrem Freigeist und Ihrer Kreativität keine Grenzen mehr gesetzt und Ihre Ideen gewinnen an Qualität und Einfallsreichtum - die besten Voraussetzungen für ein erfolgreiches (wie auch immer man das für sich selbst definiert) Handeln und Unternehmertum. Webmaster und Besucher sehen die gleiche Startseite. Diese muss so konzipiert sein, dass für beide Seiten eine maximale Bedürfniserfüllung gegeben ist und, wenn das eigene Talent gut genug ausgeprägt ist, für jede Partei ein Mehrwert entsteht.

... und wieder zurück zum Thema

Der Header beinhaltet wichtige Elemente für Besucher. Seitenübergreifende Informationen zum Warenkorb, zur Zahlung, zum Versand und zum Datenschutz ermöglichen es dem Kunden auf die wichtigsten Shopbestandteile jederzeit schnell und flexibel zurückgreifen zu können. Dies schafft Vertrauen, erleichtert die Klickwege für den angestrebten Lead durch höhere Gesamttransparenz mittels zentraler Platzierung & Abrufbarkeit. Das Kundenlogin ist unkompliziert und ermöglicht eine personalisierte Darstellung mit nur einem Klick. Diese Art der Informationsbereitstellung und -aufbereitung erspart dem Rezipienten Zeit sowie Nerven, bietet für generell aufkommende Fragen Lösungswege und erfüllt bereits zwei der sieben bestimmenden Entscheidungsmotive (Sicherheit + Komfort). Die Navigationsleiste (schwarz) kann individuell angepasst werden. Hier sind wichtige Aspekte einzupflegen, welche dem Besucher Unternehmensinformationen und Kontaktmöglichkeiten der Seriosität wegen zur Verfügung stellen. Der Header sollte eher "Rahmeninformationen" beinhalten, weniger Angebote. Möchte man beides vermischen, sind diese Bereiche klar und deutlich durch das Webdesign abzugrenzen. Ansonsten schmälert es den Blick für Klarheit und Struktur.

Auch die Navigation ist zu strukturieren, gemäß den Prinzipien der Relationen und Relevanzen. Ganz oben steht das Hauptangebot, bei Shops sind dies meistens Produktpaletten und -kategorien. Verwenden Sie bitte nur Produktgruppen. Subkategorien oder Unterpunkte sind via Klappmenü einzubinden, weil sonst die Scrollaktivitäten für den Besucher zeitraubend wären. Dem schließen sich dann je nach Konzept Suchformulare, Wissensbereiche, Partner, Empfehlungen usw. an. Wählen Sie bitte nur prägnante, aussagekräftige und kurze Stichwörter. Alles andere fordert dem Besucher zuviel ab, denn dieser wird beim Erstkontakt nur nach markanten Verweisen suchen. Die Navigation sollte grundsätzlich straff und spartanisch ausfallen, jedoch darf nicht der Eindruck der "Unvollständigkeit" entstehen. Im Übrigen empfiehlt es sich den linken Teil der Seite dem rechten in der Höhe weitgehend anzugleichen. Aber bitte nicht mit blinkender, nerviger Werbung oder Ähnlichem. Im Gegensatz zu anderen Marketeer propagieren wir werbefreie (payment-emplacements) Startseiten. Insbesondere für Shopbetreiber kann dies tödlich sein, denn somit maximieren Sie die Chancen für Absprünge. Nicht zu vergessen, dass spätestens in der Navigationsleiste das Firmenlogo erscheint. Dieses kann durch alle Unterseiten durchgezogen werden und verhilft zu Branding-Effekten (Wiederholung & Erkennungswert). Auch sind Überschriften und Verweise durch Größe, Farbe und/oder Textauszeichnung eindeutig zu kennzeichnen.

Der Hauptteil ist einzig und allein als Verkaufsfläche gedacht. Unabhängig von Ihrem Angebot (Produkte, DL, Know-how) werben Sie hier mit jedem Wort, jeder Silbe, jeder Grafik. Sehr trendy sind zurzeit kleinere Gadgets in Form von Homepage-Effekten wie beispielsweise eine Slideshow für Produktvorführungen (Faszinationspunkte). Es erhöht die Lebendigkeit und bietet Ihnen die Möglichkeit auf begrenzter Fläche die Informationsdichte zu steigern. In der Nähe können kleinere Texte oder Grafiken stehen, mit etwas "reißerischer" Wirkung. Ideal sind Slogans aus drei Worten oder Gütesiegel. Die Überschrift selbst ist fast das wichtigste Werbemittel auf Ihrer Startseite. Sinnentleerte Floskeln, ellenlange Abhandlungen und unbedacht gewählte Worte ohne Gehalt sorgen für Verwirrung bzw. eine unklare Botschaft. Das können Sie sich keinesfalls leisten, weshalb den Überschriften im Allgemeinen der gebührtige Wert beizumessen ist (inhaltlich wie visuell). Überhaupt sollten Sie den oberen, sichtbaren Teil nur für knappe Botschaften reservieren. Wenn Sie Ihre Startseite einmal daraufhin untersuchen, stellen Sie sicherlich Optimierungsbedarf fest, i.d.R. liegt dieser zwischen 20 bis 40 Prozent. In vielen Fällen raten wir ergänzend oberhalb der Hauptüberschrift zu horizontalen Strukturbäumen. Mit der Darstellung der Klickebenen (Home -> Produktgruppe -> Produkt -> Detaillierte Angaben) oder weiterer, kleinerer Menüpunkte (Allgemeine Anfragen ++ Für Webmaster ++ Support) erhöhen Sie die Performance und verringern Anfragen zu sekundären Belangen.

Haben Sie den bisherigen Teil bewältigt, liegt die "schwere" Denkarbeit bereits hinter Ihnen. An diesem Punkt müssen Sie den Besucher bereits überzeugt haben, dass Ihre Seite die richtige Wahl ist und Sie genau das bieten was gesucht wird. Alles was jetzt kommt sind frei miteinander kombinierbare Content-Bausteine. Sie bauen sozusagen Ihre Inhalte nur noch an. Fokussieren Sie sich weiterhin auf mögliche Besucherinteressen, geordnet nach Relevanz und Wichtigkeit. Denkbar wären Newsrubriken, weitere Produktangebote, interaktive Inhalte, Sonderaktionen oder noch besser - Ungewöhnliches! Vergessen Sie nicht diese in Intervallen auszutauschen oder zu aktualisieren, um Besucher zur Wiederkehr zu bewegen. Je individueller und persönlicher dies geschieht (Entscheidungsmotive Exklusivität + Fürsorge), desto mehr Sympathie wird Ihnen und Ihrer Website entgegen gebracht. Geben Sie Ihren Kunden auch Zeit auf Entdeckungstour zu gehen. Deuten Sie Interessantes an ohne zu täuschen. Das alles sind Basics für ein erfolgreiches Marketing! Beherzigen Sie diese bitte.

INHALTE

Zu den Inhalten wurde ja in Verbindung mit dem Marketing bereits das Wesentliche gesagt. Wer eine top Homepage aufweisen will, muss sich explizit mit den Inhalten der Startseite auseinandersetzen. Alles überflüssige, unrelevante ist zu entfernen. Neuere Webprojekte können die Inhaltsdichte (Verhältnis: Gesamtinhalt/ Gesamtfläche) etwas "ziehen", d.h. mehr Leerfläche produzieren - allerdings nicht in Form von Lücken. Wächst Ihre Unternehmung, wachsen automatisch die Inhalte. Dann kann man die Informationseinheiten weiter zusammenschieben und komprimieren, allerdings ohne die Seite zu überladen.

Der Aktualität der Inhalte ist ebenfalls Wert beizumessen. Aktualisierungsfrequenzen größer als drei Monate lassen Sie bei einigen Besuchern bereits schon alt aussehen. Es entsteht der Eindruck, dass Sie nicht mehr Schritt halten können oder up to date sind. Shopbetreibern springen hier bei Nichtberücksichtigung gern einmal ein paar Kunden ab. Darum immer das aktuelle Datum anzeigen und den Content mindestens in monatlichen Intervallen anpassen.

EINE KURZE ANMERKUNG ZUR SUCHMASCHINENOPTIMIERUNG

Ohne hier weiter auf das Thema Suchmaschinenoptimierung eingehen zu wollen, achten Sie bei der Konzipierung der Startseite immer auf die Linkstruktur. Jüngere Seiten haben meist das anfängliche Problem genügend Inhalte zu produzieren/ simulieren. Jede neu generierte Unterseite wird dann mit der Startseite verlinkt. Mit Projektfortschritt nimmt dies dann Überhand und eine einheitliche Abgrenzung der Sinneinheiten ist nicht mehr gegeben. Dann wird der neue Link irgendwo "hingeklatscht" - das Gesamtbild wird inhaltlich wie visuell zerstört. Ab einem gewissen Zeitpunkt hat man selbst keinen Überblick mehr und das Projekt versinkt im Chaos. Für eine ordentliche Suchmaschinenoptimierung ist aber nun mal eine durchdachte Linkstrukturierung unerlässlich. Zum einen zur Steuerung des "Linkjuices", zum anderen zur Taktik der Empfehlungssteuerung (freiwillige Verlinkung). Was man selbst nicht findet, finden Andere auch nicht.

Ansonsten gelten die etablierten Onpage-Faktoren. Sinngemäße Verwendung der Tags (vor allem für Überschriften), auf die Suchbegriffe ausgerichtete URL, Titel, Headlines und Texte.

ANMERKUNG UND FAZIT

Alle hier beschriebenen Ausführungen dienen lediglich als Ausgangsbasis. Die vermittelten Grundlagen sind dem eigenen Konzept anzupassen. Lassen Sie nie die Entscheidungsmotive von Besuchern bei Ihrer Planung außer Acht. Profis können sich Abweichungen leisten. Anfänger, insbesondere im Marketing, sollten die obigen Empfehlungen durchdenken und versuchen den eigentlichen Sinn dahinter zu verstehen. Natürlich ist dies hier alles sehr unvollständig, denn um eine wirklich gute Startseite unter Berücksichtigung der mehrheitlich bestimmenden Faktoren zu entwerfen, bedarf es viel Übung und Wissen. Dies erlangt man nur mittels Lesen und dem allseits geliebten/ gehassten Try and Error-Verfahren.

Kommentare, Ideen, Anregungen und Nützliches

unsere WebSite habe ich "gebaut", bevor ich diese tollen Seiten gefunden habe.
Nachdem ich mich hier durchgelesen habe, meine ich, als Laie nicht soviel falsch gemacht zu haben.
Verbesserungswürdig ist sie sicherlich ;-))
Ein Fach-Fazit würde mich schon interessieren

hArzlichst
frank

P.S:
Stell Deine Seite mal ins SEO Abakus Forum. Da kriegst du gleich ein Feedback zu SEO, Design und Usability. Ich poste dann auch da. Ansonsten mal einige Foren (Webdesign, XHTML) aufsuchen. Dort kann man sich immer Meinungen einholen.