Tipps für die eigene Homepagegestaltung - als Service möchten unsere Webdesigner aus München Ihnen näher bringen, welche Dinge Sie bei Ihrem eigenen Webdesign bedenken sollten . . .

Wir gliedern diese in neun Tipps zur Homepagegestaltung, die Ihnen helfen sollen, einen generellen Einstieg in die Thematik zu bekommen. Dabei versuchen unsere Webdesigner so wenig Fachbegriffe wie möglich zu benutzen, um das Lesen einfach und allgemein verständlich zu halten.

zurück zur Webdesign Hauptseite » »

Also los geht es - der erste Homepagegestaltung Tipp:

Tipps für die eingene Homepagegestaltung München Bevor Sie beginnen, eine Webpräsenz zu gestalten, machen Sie sich bitte Gedanken über diese Punkte:

Was möchte ich generell mit meiner Webseite erreichen?
Welche Themen will ich in meiner Seite abbilden?
Welches Publikum möchte ich erreichen?

Diese drei Punkte sind grundlegend wichtig bei der Homepagegestaltung, denn danach richtet sich der ein Großteil des Aufbaus jeder Homepage. Jedes einzelne dieser drei Kriterien ist sehr ausschlaggebend für den Einsatz stilistischer und programmiertechnischer Mittel. So hat z.B. auf einer Informations-Website so etwas wie eine Flash-Animation und viel Dynamik nur eingeschränkt etwas zu suchen.

Um dies klar und deutlich zu machen, hier ein Fallbeispiel zur Homepagegestaltung:

Sie sind Inhaber eines Online-Shops und leben davon, dass Kunden Ihre Waren über das Web bestellen. Sie möchten klarer weise ein sehr breit gefächertes Publikum ansprechen, damit Sie mehr Kunden haben. Mit dieser Website möchten Sie den Besucher natürlich zum Kauf eines Artikels anregen.

Das führt direkt zu dem Gedanken, wie so etwas optisch umzusetzen ist - und sommit kommen wir zu:

Homepagegestaltung Tipp 2 - Grafische Gestaltung der Website

Grafische Gestaltung der Website München Die grafische Gestaltung bei der Homepagegestaltung ist von großer Wichtigkeit. Machen Sie sich hier präzise Gedanken darüber, wie Sie dieses Ziel erreichen können, denn beim Surfen wird primär der Visuelle-Sinn benutzt.

Die farbliche Gestaltung hängt von dem ab, was Sie mit Ihrer Homepage erreichen wollen. Sofern Sie bereits ein Logo haben, richten Sie sich nach dessen Farben. Dabei müssen Sie immer darauf achten, dass sich das Farbspektrum Ihrer Website im Rahmen von drei bis vier Farben bewegt. Auf einer über große Teile bunten Homepage, die dazu eventuell noch blinkt und in Bewegung ist die Orientierungslosigkeit beim Besucher eigentlich bereits vorprogrammiert.

Machen Sie sich dann über die Struktur Ihrer einzelnen Seiten Gedanken. Wo platziere ich bestenfalls meine Menuleiste, damit sie perfekt zugänglich ist? Welche Navigations-Art nehme ich - horizontal oder vertikal? Soll sich das Menü farblich vom restlichen Inhalt absetzen? Benutze ich dynamische Vorlagen? Das sind die grundlegend wichtigen Fragen, die sich sich beantworten sollten. Machen Sie, bevor Sie die Webseite zu bauen beginnen, ein Layout mit einem Bildbearbeitungsprogramm wie Photoshop.

Tipp 3 - die Menuegestaltung und Besucherführung auf Ihrer Webseite

Menuegestaltung und Besucherführung bei der Homepagegestaltung München Das Menü ist mit das prägendste Gestaltungselement auf Ihrer Website. Sie müssen wissen, dass kein Besucher Ihrer Homepage geneigt ist hat, die Inhalte, die er braucht lange zu suchen. Gestalten Sie Ihr Menü also so klar und deutlich wie möglich.

Ein Zwischen-Tipp: Erstellen Sie sich als erstes eine Liste der Menupunkte, die sie dem Besucher im Menü anbieten möchten. Nachdem Sie das erledigt haben, betrachten Sie die Auflistung genau, und denken Sie darüber nach, ob sie sich noch verbessern lässt. Gibt es eventuell ein paar Punkte, die Sie in einem zusammenfassen könnten? Ist auch eine andere Anordnung der Punkte eventuell besser? Versetzen Sie sich in die Position des Homepage-Besuchers, und betrachten Sie das Menü aus seiner Perspektive. Wenn er einen bestimmten Menüpunkt anklickt, was erwartet er dann? Sind die Bezeichnungen eindeutig oder doch ein wenig verwirrend? Der Webseiten Besucher muss stets in Bilde sein, wie und wo er zu einer anderen Seite gelangen kann.

Ein besonders wichtiger Punkt beim Webdesign: verändern Sie zu keinem Zeitpunkt die Position des Menüs!

Wenn Sie sich Gedanken über das Menü machen, können Sie sich gleichzeitig auch Gedanken über die Struktur der Links machen.

Tipp 4 - die Link-Struktur bei der Homepagegestaltung

Link-Struktur bei der Homepagegestaltung München Bemühen Sie sich bei der Homepagegestaltung um eine einheitliche Linkstruktur. Der Besucher muss immer im Bilde sein, von welcher Seite er kam und wohin er gelangen kann. Vermeiden Sie netzwerkartige Link-Strukturen und benutzen Sie besser den hierarchischen Aufbau. Es gibt Programme mit denen sich Site-Maps erstellen lassen, was die Arbeit erleichtert.

Warum müssen Sie hier eine so präzise Vorstellung haben, wie die angesprochenen Elemente aussehen müssen? Sie müssen es aus der Sicht des Users betrachten. Im Web haben sich bestimmte Standards in bei Navigationen und Linkstrukturen herauskristallisiert. Sehen Sie einfach mal nach, wie Homepages strukturiert sind, die ein ähnliches Ziel verfolgen wie die Ihre.

Haben Sie diese Gesdanken erfolgreich in die Tat umgesetzt, können Sei nun mit dem "Homepage-Bauen" dem Optischen Webdesign, anfangen. Auch hier gibt es natürlich Kriterien, die Sie wohl ausgeklügelt seien wollen!

Achten Sie akribisch genau auf die Ladezeiten der einzelnen Seiten der Homepage. Nicht nur, dass es noch Leute gibt, die mit einem langsamen DSL oder gar ISDN im Web surfen, sondern ihre Seite verursacht auch Downloadmengen bei Ihrem Server, und wenn dieser die festgelegte Höchstgrenze überschreitet, wird dies natürlich Geld kosten.

Vermeiden Sie also unnötig große, oder falsch optimierte Grafiken und Bilder oder zu ausladende Flash-Animationen auf Ihrer Website. Benutzen Sie nur perfekt für das Internet optimierte Grafiken - dies lässt sich auch bei großer Abbildung ohne merkbare Verluste realisieren! Vergleichen Sie Qualität und Größe beim Abspeichern der Datei und entscheiden Sie sich dann für die optimale Version. Natürlich müssen zB in einem Shop Produktfotos abgebildet werden, aber stellen Sie die Bilder nicht auf einer Übersichtsseite in der größten Auflösung zur Verfügung, lassen Sie den Besucher und Interessenten einfach selbst entscheiden, ob er Ein Produkt in Großansicht sehen möchte.

Homepagegestaltung Tipp 5 - die Kompatibilität der Website

Kompatibilität bei der Homepagegestaltung München Neben einer zu langen Ladezeit gibt es noch einen weiteren Punkt beim Webdesign, der User von ihrer Seite fern halten könnte: Das große Problem der Browser-Kompatibilität.

Von allen Seiten hört man die Webdesigner klagen, wenn man über dieses massive Problem spricht. Im Internet kursiert viel Software zum Abbilden von Webseiten und jedes hat seine eigene Interpretation von HTML Code. In den letzten Jahren allerdings konnten sich die Browser dank CSS (Cascading Style Sheets) annähern.
Je komplizierter der Aufbau einer Homepage und je ausufernder die verwendeten Techniken sind, umso komplizierter ist es, einen gemeinsamen Nenner für alle gängigen Browser zu finden.

Es kann vorkommen - besonders mit Handheld Endgeräten - dass Sie sich eventuell den technischen Möglichkeiten beugen, und ein anderes Konzept ausprobieren müssen.

Kompatibilität beim Webdesign kann mit unter zeitintensiv sein, macht sich aber am Ende bezahlt.

Greifen Sie in jedem Fall das Know-how anderer Webentwickler zum Themenbereich Kompatibilität zurück, denn jeder hat seinen eigenen Lösungsansatz für diese komplexe Thematik.
Fangen wir aber nun mit dem Layout der neuen Website an - und zwar sinniger weise mit der Startseite.

Tipp 6 - die Startseite oder auch Homepage

Startseite oder auch Homepage München Eines der elementarsten Dinge bei jeder erfolgreichen Homepagegestaltung ist ein perfekter Inhalt! Achten Sie permanent darauf, dass sie diesen Content gut organisieren und er einfach zu lesen ist. Schreiben Sie lediglich Inhalte, die absolut zu dem angesteuerten Seiten passen. Ein Besucher klickt schnell zu einer anderen Website, wenn er nicht gut aufbereitet das findet, was er sucht. Ist dies nicht der Fall, wird er abspringen und Ihre Website sicher nicht weiter empfehlen.

Viele bunte Farben und animierte Inhalte mögen beim ersten Besuch nett rüber kommen, aber dies ist nicht der richtige Ansatz um jemanden zu bewegen, wieder zu kommen. Nur perfekter und perfekt dargebotener Inhalt kann dieses Ziel erreichen. Nehmen Sie einen speziellen Bereich, und gehen Sie sehr detailliert und präzise darauf ein - gerne kann man dies auch in zwei Ebenen abbilden. Geben Sie bei jedem Gebiet mehr Inhalte, als andere Websites dies tun.

Homepagegestaltung Tipp 7 - der Text und Bild Inhalt etc. auf Ihrer Webseite

Text und Bild bei der Homepagegestaltung München Neben einer zu langen Ladezeit gibt es noch einen weiteren Punkt beim Webdesign, der User von ihrer Seite fern halten könnte: Das große Problem der Browser-Kompatibilität.

Es kann vorkommen - besonders mit Handheld Endgeräten - dass Sie sich eventuell den technischen Möglichkeiten beugen, und ein anderes Konzept ausprobieren müssen.

Kompatibilität beim Webdesign kann mit unter zeitintensiv sein, macht sich aber am Ende bezahlt.

Tipp 8 - die Aufmachung der Inhalte - Typografie bei der Homepagegestaltung

Bei der Homepagegestaltung ist es oft wichtig, einige Textstellen besonders hervor zu heben. Benutzen Sie dafür die Mittel der Überschriften ersten und zweiten Grades, des Fett-Gedruckten und des Kursiv-Gedruckten. Unterstreichen Sie den Text nicht, denn dieses Mittel der Auszeichnung ist für Links reserviert.

Benutzen Sie diese Mittel der optischen Textgestaltung mit viel Feiungefühl, denn es wird amateurhaft wirken wenn die die Sensibilität fehlt. Vermeiden Sie also ausufernde Variationen der Schriftgröße, es sei denn, Sie haben einen plausiblen Grund dafür. Es empfiehlt sich nicht, für Fließtexte serife Schriftarten zu verwenden, da sie, anders als bei gedruckten Texten, auf einem Monitor mit 72 dpi und 12 Punkt Schrift nicht gut zu lesen sind. Für Überschriften, die ja meist größer sind, kann man sie aber gerne verwenden - oft ergibt dies eine schöne Spannung.

Grundsätzlich gilt: sie können ihren Text durch Listen, Grafiken, fett oder kursiv, Überschriften verschiedener Grade, lebendig gestalten. Variieren nie mit Schriftarten oder der Schriftgröße innerhalb eines Blocks von Fließtext - höchstens unter künstlerischem Aspekt. Stellen Sie sich vor, in einer Zeitung würde mitten im Text die Schriftart gewechselt - der Lesefluss ist sofort behindert.

Beginnen Sie oft neue Absätze und leite diese zB. mit Überschriften zweiten Grades ein, und lassen Sie ausreichend Platz zwischen den Objekten. Trennlinien können dabei auch helfen.

Das Internet ist ein in hohem Prozentsatz visuelles Medium. Seite um Seite voller langer Textblöcke sind abstossend und es ist nicht wahrscheinlich, dass so ein ellenlanger Textblock zu Ende gelesen wird. Teilen Sie deshalb lange Seiten in mehrere Unterseiten auf und reduzieren Sie die Textmenge auf jeder Seite auf gut portionierte Absätze.

Richtlinien sind auch z.B.:

Verwenden Sie tendenziell lieber kurze Textsegmente bei der Homepagegestaltung mit aussagekräftiger Überschriften die zum Weiterlesen motivieren
Verlinken Sie lediglich zu Websites mit engen inhaltlichen Bezügen zu Ihrer eigenen

Homepagegestaltung Tipp 9 - das Feedback über Ihre Webseiten

Richten Sie bei Ihrer Homepagegestaltung immer die Möglichkeit ein, dass sich der Besucher sich direkt an Sie wenden kann. Sei es ein Kontakt-Formular oder eine Kontakt-Mailadresse, oder sogar ein Gästebuch. Kümmern Sie sich um kurze Reaktiionszeiten. Wenn Sie einen Online-Shop betreiben und nach ein paarTagen auf eine Mail des Kunden reagieren, löst dies Unsicherheit aus, und es ist zu bezweifeln, dass der Kunde noch weiter Interesse hat.
Seriöser und direkter Kontakt ist zur Vertrauensbildung von absoluter Wichtigkeit. Im E-Mail-Verkehr immer freundlich bleiben und von guter Umgangsform geprägt auftreten.

Haben Sie diese zehn Tipps zur Homepagegestaltung befolgt, können Sie sich einigermaßen sicher fühlen, dass sie alle Möglichkeiten ausgeschöpft haben, damit ihre neue Homepage ein Erfolg werden kann. AO DESIGN wünscht Ihnen auf jeden Fall viel Erfolg und Glück beim Einstieg in die spannende Welt des Webdesigns und des Internets!

zurück zur Webdesign Hauptseite » »