Leitfunktion der Farben

Die eingesetzten Farben haben eine "Leitfunktion". Für Schrift, Schaltflächen, Hintergründe, Rahmen innerhalb einer Webseite gilt: Gleiche Farbe hat die gleiche Bedeutung. Wenn die Navigation z.B. blau gehalten ist, ist das durchgängig so. Wenn der Mauszeiger in eine Schaltfläche zeigt, verändert sich deren Farbe, der Link ist zum Klick bereit.

Die hervorgehobene Farbe auf diesem Hintergrund weist auf die aktuelle Position hin.

oben

Die Navigation kann oben sein

Die Navigation kann auch am oberen Rand unter dem Logo sein, wie auf dieser Seite:

Startseite * Navigation weitere Seiten * Impressum *

oben

Die Navigation kann links sein

Die Navigation kann am linken Rand sein:

Startseite * Navigation weitere Seiten * Impressum *

oben

Die "Brotkrümel"- Navigation ist oben

Der Name "Brotkrümel"-Navigation wurde in Anlehnung an das Märchen Hänsel und Gretel gebildet, in dem die in den Wald geführten Kinder Brotkrumen auf den Weg streuen, um den Weg zurück zu finden. "Breadcrumb"-Navigation ist der englische Ursprung, sie erleichtert die Orientierung innerhalb tief verzweigter Webseiten, indem sie Links zu vorher besuchten, übergeordneten oder themenverwandten Elementen anbietet.

Sie sind hier: LITFAS.DE > Sign > Gestaltung > Navigation, Suche, Links

oben

Die Navigation ist auch unten

Außerdem gibt es am unteren Rand aller Seiten Links, die für Orientierung, Aktion und Dokumentation nützlich sind. Dieser Teil der Navigation enthält Komfort-Funktionen, die den Zweck der Webseite fördern.

Orientierung

Die Startseite ist der "normale" Einstieg in eine Webseite. Wer sich in der Webseite "verlaufen" hat, kommt hier wieder zu einem sicheren Orientierungspunkt.

Der Befehl oben führt zum Seitenanfang. Bei längeren Seiten ist das ein schneller Befehl, der zurück zu Navigationshinweisen für Ziele innerhalb der Seite führt.

Aktion per E-Mail

E-Mails machen es Besuchern einfach, spontan Kontakt aufzunehmen, Entscheidungen und Informationen mitzuteilen und Fragen zu stellen. Wenn Besucher auf der Seite interessante Infos gefunden haben, können sie von hier aus E-Mails versenden, ohne "Hemmschwellen" überwinden zu müssen. Besucher müssen nicht an unbekannter Stelle nach E-Mail-Adressen oder einem Kontakt-Formular suchen. Sie können ggf. vorformulierte Texte verwenden, ergänzen oder ändern. Vorbereitete E-Mail-Aufrufe sind:

• Kontakt ist ein vorbereiteter E-Mail-Aufruf, der an den Betreiber adressiert ist. Seitenbesucher können über diesen Link eine vorbereitete E-Mail mit Fragen, Wünschen, Hinweisen senden.
• Empfehlung ist ein vorbereiteter E-Mail-Aufruf, der nicht adressiert ist. Der Link kann benutzt werden, um eine Empfehlung an Freunde oder andere Interessenten zu senden, mit der Aufforderung, die Seite zu besuchen.

Dokumentation

Die Druckansicht ist eine zusätzliche Komfort-Funktion: Besucher können den Seiteninhalt drucken und mitnehmen / anderen Interessenten zugänglich machen. Dabei werden die Infos um Beiwerk (z.B. Navigations-Elemente) "bereinigt". Manche Drucker oder Browser kommen damit besser zurecht, die Seite muss nicht (schwerer lesbar) verkleinert werden.

oben

Geführte Tour

Wenn Sie auf Ihrer Webseite Besucher erwarten, die nicht viel Erfahrungen im Internet haben, können Sie ihnen den Einstieg in Ihre Webseite erleichtern. Sie überlassen das Kennenlernen nicht dem Zufall oder der Findigkeit der Besucher, sondern Sie bieten eine "geführte Tour" an, in dem Sie Ihre wesentlichen Infos anbieten. Dafür hat sich der Begriff Guided Tour durchgesetzt.

Dafür setzen Sie einfach einen Link von der aktuell besuchten Seite auf die nächste Seite, die Sie den Besuchern vorschlagen. Sie zwingen die Besucher nicht, sondern Sie bieten zusätzlich eine Führung an. Die Besucher haben dann die Wahl zwischen Ihrem eindeutigen Vorschlag und der "normalen" Navigation mit der vielseitigen Auswahl.

Interessierte Besucher werden die Hilfestellung gern annehmen. Damit verbessern sich die Chancen ganz wesentlich, dass Ihre Infos gelesen werden. Und zwar genau in der von Ihnen vorgeschlagenen Reihenfolge.

An geeigneter Stelle (z.B. am Ende jeder Seite) platzieren Sie den Link zum nächsten Ziel. Deutlich hervorgehoben, aber mit vertrauter Bedienung, so wie hier:

oben

Google-Suche in Ihrer Seite

Die Suche mit Google im weltweiten Web ist den meisten Internet-Nutzern bekannt. Weniger bekannt ist, dass die Google-Suche auf einen Internet-Auftritt begrenzt werden kann. Das hat den Vorteil, dass der Suchende gezielt auf Ihrer Seite bleibt (und nicht mit hunderttausenden von Fundstellen "zugeschüttet" wird und Ihr Angebot übersieht).

In der Brotkrümel-Navigation oben finden Besucher Ihrer Seiten rechts ein weißes leeres Eingabefeld und daneben eine Schaltfläche mit der Aufschrift "Suche in [IhrName]". Hier, auf den Seiten von LITFAS.DE/sign steht: "Suche in sign".

Wenn ein Besucher Suchbegriffe - wie bei Google - eingibt und auf die Schaltfläche klickt, zeigt Google die passenden Fundstellen aus Ihrem Internet-Auftritt. Dafür ist es nicht nötig, dass Besucher die Struktur Ihrer Seiten analysieren oder erkennen, sie nutzen ihre vorhandenen Google-Erfahrungen.

Diese Suchmöglichkeit steht auf jeder Ihrer Seiten leicht auffindbar zur Verfügung und verbessert Ihre Chancen bei Ihren Besuchern.

oben

Sitemap

"Sitemap" ist die strukturierte Darstellung aller Seiten eines Internetauftritts, um den Besuchern einen Überblick über Inhalt und Umfang zu geben. Wichtig ist, dass die Infos nicht nur aufgelistet, sondern mit den jeweiligen Seiten verlinkt sind. Unterschiedliche Gestaltungsformen sind möglich. Bei LITFAS.DE/sign sieht das so aus:

Die Sitemap von LITFAS.DE/sign sieht so aus:

Sie ist als Bestandteil der Navigation oben auch noch auf einer Seite dargestellt.

oben

Text-Links sind ganz einfach

Textlinks sind Wörter im Text, die auf ein Ziel verweisen. Nützlich sind sie nur, wenn sie für den Leser als Link erkennbar sind, z.B. durch eine andere Farbe oder ein Symbol. Wenn ein Link z.B. als schwarzes Wort im schwarzen Absatz steht, funktioniert er - aber nur wenn er erkannt wird. Wenn der Mauszeiger über einem Link steht, verändert er seine Form zur Hand.

Der nächste Link ist nur durch seine Farbe erkennbar. Von hier aus springen Sie zum

Blindtext

weiter unten auf dieser Seite. (Sie könnten auch nach unten rollen.)

Der folgende Link wird zusätzlich durch ein Symbol hervorgehoben: Von hier aus springen Sie ebenfalls zum

Blindtext

Die Links sind hier nur zur Verdeutlichung in eigene Zeilen gesetzt. Sie funktionieren natürlich auch, wenn sie mitten in einer Textzeile stehen und so Blindtext oder so Blindtext auf das Ziel verweisen.

oben

Grafik-Links zieren und brauchen mehr Platz

Grafik-Links funktionieren ähnlich wie Text-Links, nur etwas bildhafter: Wenn der Mauszeiger über einem Link steht, verändert er seine Form zur Hand. Außerdem kann die Link-Grafik abhängig von der Position des Mauszeigern verändert werden. In diesem Beispiel ist blauer Text auf roter Grafik normal, wenn der Mauszeiger drüber steht, werden die Farben getauscht.

Zum Blindtext

oben

Fotolinks

Ein Fotolink zeigt ein kleines Foto, das zum Ziel verweist. Nicht nur Fotos können als Verweis benutzt werden, sondern alle Arten von Bildern, Grafiken, Schaltflächen. In diesem Beispiel sehen Sie ein kleines Foto, das zu einer eigenen (ganz kleinen) Seite verweist.

Ein Fotolink wird oft durch einen Textlink neben oder unter dem Fotolink ergänzt.
Erläuterungen

oben

Kombi-Links zeigen mehr Infos

Wenn genug Platz da ist bzw. wenn ein Link besonders hervorgehoben werden soll, kann so eine 3D-Box mit Grafik (auch Foto) und Texten eingesetzt werden.

Aktualität Die Zukunft beginnt heute

oben

Karten-Links zeigen Zusammenhänge

Auch Landkarten können für Verweise benutzt werden. Um das Wappen eines Bundeslandes aufzurufen, klicken Sie bitte in der Karte auf das Bundesland Ihrer Wahl.

Sie können sich vorstellen, dass nicht nur Landkarten für diese Technik geeignet sind, sondern z.B. auch für

• Grundrisse (um einzelne Räume zu beschreiben),
• Fotos (um z.B. einzelne Personen auszuwählen),
• Diagramme (um einzelne Inhalte über Symbole anzusprechen):

oben

Links zu "befreundeten" Seiten

Auf vielen Internet-Auftritten finden sich Links zu "befreundeten Seiten". Zweck dieser Links ist es, diesen Seiten von Freunden / Kooperationspartnern zusätzliche Besucher zuzuführen. Guter Stil ist es, die Betreiber der befreundeten Seiten darüber zu informieren - mit dem Hintergedanken oder mit der festen Vereinbarung, dass die "Freunde" Links zur eigenen Seite setzen.

Warum? Suchmaschinen bewerten Seiten höher, wenn darauf viele Links hinweisen. Vermutung der Suchmaschinen: Wenn eine Seite von vielen anderen "zitiert" wird, muss sie wohl mehr wert sein als Seiten, die seltener zitiert werden. Nutzen für die zitierten / verlinkten Seiten: Sie steigen im "Ranking" der Suchmaschinen, sie rutschen in Richtung Anfang der Suchergebnisse und werden dort leichter gefunden.

Manchmal gibt es besondere Seiten, auf denen nur Links stehen - losgelöst von den anderen Inhalten. Manchmal sind die Links den Inhalten zugeordnet, dann sind sie noch aussagefähiger. Dabei kann es aber auch passieren, dass Besucher sich vom Link "verführen" lassen und dort weitersurfen - und von der eigenen Seite weg sind.

oben

Blindtext

An dieser Stelle steht ein Blindtext ohne Bedeutung und ohne Links, nur um für diese Demo-Seite ein Ziel zu haben, zu dem ein Link verweisen kann. An dieser Stelle steht ein Blindtext ohne Bedeutung und ohne Links, nur um für diese Demo-Seite ein Ziel zu haben, zu dem ein Link verweisen kann. An dieser Stelle steht ein Blindtext ohne Bedeutung und ohne Links, nur um für diese Demo-Seite ein Ziel zu haben, zu dem ein Link verweisen kann.

oben