Webdesign Wissen

Webdesign Wissen
Auf dieser Homepage finden Sie Tips und Hinweise für hochwertiges und professionelles Webdesign. Egal, ob Sie Ihre Website selbst erstellen oder von einer Webagentur erstellen lassen.

Hochwertiges Webdesign muss vielen Ansprüchen genügen. Ein schönes Design ist nicht genug. Damit eine Homepage erfolgreich wird und das auch über viele Jahre hinweg sollten im Idealfall alle folgende Dinge beim Webdesign berücksichtig werden:

Gutes Webdesign braucht ein klar formuliertes Ziel

Gutes Webdesign braucht ein intelligentes und klares Konzept

Gutes Webdesign braucht eine gute und klare Navigation

Gutes Webdesign mit einer ansprechende, informative Startseite: Der ersten Eindruck zählt.

Gutes Webdesign heisst: Benutzerfreundliche Bedienung für den Besucher

Gutes Webdesign wird ergänzt durch gute und lesbare Texte

Gutes Webdesign vermeidet Flash Intros!

Gutes Webdesign nicht ohne gute Suchmaschinenoptimierung

Todsünden, die Sie auf vielen Homepages finden, die Sie für gutes Webdesign unbedingt vermeiden sollten.

1 – Gutes Webdesign nicht ohne Ziel!
Gutes Webdesign braucht ein klar formuliertes Ziel.

Oft ist das Ziel einer Website nicht so recht klar und es wird einfach “drauflosgetextet und designed”.
Jede Website hat ein Ziel und das kann man auch herausfinden.
Ihr Webdesign Konzept sollte immer das Ziel Ihrer Website im Auge habe. Ein Ziel kann sehr unterschiedlich sein, hier die wichtigsten Beispiele:

Kontakt aufzunehmen (Per E-Mail, Per Kontaktformular, per Telefon)
Ein Produkt oder eine Dienstleistung zu bestellen
Einen Newsletter zu bestellen oder einen Kommentar zu hinterlassen
Ein Bookmark zu setzen, um später wieder auf die Seite zurückkehren zu können
Einen guten und positiven Eindruck Ihrer Firma, Dienstleistung oder Ihrers Unternehmens beim Besucher zu hinterlassen und somit Ihre Marke bekannter und stärker zu machen
Das Ziel erreicht man dadurch, indem man zum Beispiel am Seitenende oder am Textende einen deutlichen Hinweis zu Kontaktaufnahme anbringt, wie diesen Text hier:

Überzeugt Sie unser Angebot? Rufen Sie uns an unter Tel. 000. 000. 000!

oder
Wünschen Sie regelmässig Infos von uns? Abonnieren Sie unseren Newsletter!

Erfolgreiches Webdesign arbeitet immer mit Zielen, sonst erhalten Sie zwar Website Besucher, diese verschwinden aber unverrichteter Dinge wieder! Warscheinlich zu Ihrem Mitbewerber.

2 – Ein gutes Wesite Konzept. Aber wie?
Gutes Webdesign braucht ein intelligentes und klares Konzept

Mit der Qualität des Konzepts der Website steht und fällt der langfristige Erfolg. Wenn Sie diese Webdesign Regeln zu einem guten WebsiteKonzept beachten, ist die Basis für eine gute Homepage erfüllt

Gliedern Sie Ihre Inhalte in einem klaren und einfach zu verstehenden Konzept
Gliedern Sie richtig und sinnvoll: Nicht jedes Kapitel einer Homepage ist ein Hauptkapitel. Hauptkapitel sind Gefässe für Unterkapitel und sind allgemein genug benannt, so dass Unterkapitel dort hineinpassen und von Besucher auch dort auch erwartet werden
Versetzen Sie sich in die Rolle des Besuchers. Er verfolgt beim Besuch Ihrer Seite ein Ziel: Ihre Produkte oder Ihre Dienstleistung, die er möglicherweise benötigt. Bennen Sie sie so, wie der Besucher sie auch suchen würde.
Schreiben Sie kurze, prägnante Text. Lange Texte werden in der Regel nicht gelesen

3 – Warum ist eine gute Navigation wichtig?
Gutes Webdesign braucht eine gute und klare Navigation und richtig benannte Kapitel

Klare und eindeutige Benennung der Kapitel ist die Basis für gut bedienbares Webdesign
Die Kapitel sind so benannt und gruppiert, dass der Besucher weiss, wo er welche Inhalte findet
Die Menupunkte der Hauptkapitel sind kurz und prägnant
Navigation muss immer an der identischen Position sein
Die Navigation ermöglicht dem Besucher, von jeder Seite der Website auf alle andern Seiten direkt zu wechseln
Die Navigation, auch Website-Menu genannt, zeigt dem Besucher auf jeder Seite, in welchem Kapitel und Unterkapitel er sich befindet
Die Navigation ist so angeordnet, dass Sie problemlos und ohne Kosten erweitert und ausgebaut werden kann.
Hompages mit umfangreichen Inhalten und unterschiedlichen Kapiteln sollten einen sogenannten Breadcrum enthalten. Das ist der kleine Hinweistext, oft oben links angebracht, der dem Besucher den Weg in die Tiefe der Website, auf der er sich befindet. Hier ein Beispiel:
Startseite › Baumarkt › Elektro- & Handwerkzeuge › Handwerkzeuge › Schraubenschlüssel

4 – Was zeichnet eine gute Startseite aus?
Gutes Webdesign nicht mögliche ohne ansprechende, informative Startseite

Die Startseite einer Website ist oft die am schlechtesten gelösten Seite einer Website. Der Grund ist einfach: es ist die anspruchvollste Seite und damit am schwierigsten, so zu gestalten, dass sie den vielen Anforderungen entspricht, die eine gute Startseite braucht. Hier das wesentliche:

Auf der Startseite wird sofort klar, um was es auf der Website geht
Die Startseite ist repräsentativ und sieht nicht aus wie ein normle Inhaltsseite
Die wichtigsten Informationen werden ohne zu scollen sichtbar
Die Startseite erlaubt einen Überblick über die Inhalte und Struktur der gesamten Website
Die Startseite beinhaltet die gesamte Navigation
Wichtige Kapitel sind mit Bild und prägnantem Text hervorgehoben
Verzichten Sie auf einen sinnlosen Text wie: “Willkommen auf unserer Internetseite. Wir laden Sie ein, sich hier etwas zu verweilen. Klicken Sie sich durch die Seiten, Sie werden sicher etwas interessantes finden” oder sonstige lange Texte. Sie werden nicht gelesen.
Wirklich gute Startseite enthalten auch einen Text für die Suchmaschinen mit den wichtigsten Suchbegriffen

5 – Gute Texte schreiben
Gutes Webdesign wird ergänzt durch gute und lesbare Texte

Was nütze der beste Text, wenn er nicht gelesen wird?

Schreiben Sie kurze, prägnante Text. Lange Texte werden in der Regel nicht gelesen.
Lockern Sie die Texte Ihrer Homepage auf, in dem Sie sie im Absätze gliedern, mit Zwischenüberschriften versehen und Aufzählungszeichen werden
Achten Sie auf eine gut lesbare Schriftgrösse. Vermeinden Sie zu kleine “Designer-Schriften”.
Leiten Sie Ihre Texte mit einer knackigen und gut lesbaren Überschrift ein. So “ziehen” Sie das Auge des Lesers auf den Text und er liesst dann auch weiter.
Hier ein Beispiel für die Überschrift eines Texte einer Webdesign Homepage:

Das ist eine schlechte, nicht ansprechende Überschrift:
Wir erstellen für Sie eine tolle Internetseite

Das ist ein gute, ansprechende Überschrift:
Als Webdesign Agentur verfolgen wir dieses Ziel: Mehr Kunden. Für Sie und Ihr Unternehmen.

6 – Warum gute Benutzerfreundlichkeit?
Gutes Webdesign heisst: Benutzerfreundliche Bedienung für den Besucher

Jedes Kapitel einer Homepage mit gutem Webdesign hat einen eindeutigen und gut lesbaren Titel oder ein prägnate und gut geschriebene Überschrift
Die Navigation zeigt dem Besucher auf jeder Seite, in welchem Kapitel und Unterkapitel er sich befindet
Sie verwenden nur gut lesbare Schriften in gut lesbaren Schriftgrössen.
Lebbare Schriftgrössen. Oft verwenden Designer “coole” Minischriften. Die sehen vielleicht ganz nett aus. Aber Ihre Webdesign in der Regel ja nicht für den Designer und sein Ego da, sondern für Ihre Kunden.
Hohe Benutzerfreundlichkeit bedeutet auch, dass man seine Besucher nicht bevormundet: Verzichten Sie auf unerwünschte und lässigen Popups, autmatische Seitenvergösserung oder noch schlimmer: automatische Vollbildschirmanzeigen. Aber auch automatische Bildwechsel in Bildergalerien können den Besucher bevormunden.

7 – Flash Intros? Nein danke!
Gutes Webdesign nervt nicht mit “tollen” Flash Intros!

Verzichten Sie auf ein Flash Intro. Benutzer hassen sie und suchen immer den Intro-Überspringen Button!
Haben Sie selbst jemals ein gutes und informatives Flash Intro gesehen? Wohl nicht.

Flash Intros werden gemäss einschlägigen Webdesign und Usabilty Untersuchungen stark abgelehnt. Mündige Besucher wollen keine Filmchen von animierten Logos sehen, sie wünschen klare und lesbare Informationen und wollen schnell und ohne Hindernisse durch eine Website klicken. Wenn Besucher nicht schnell und ohne Hindernisse das finden, was Sie suchen, verschwinden Sie recht schnell wieder. Und besuchen Ihre Seite sicher auch nicht mehr.

Was ist noch unangenehmer auf Websites als ein Flash Intro auf der Startseite? Ein Flash Intro ohne “Skip Intro” oder “Intro überspringen” Button. Als Besucher werden Sie bevormundet, nach dem Motto: SO, jetzt schauen Sie sich mal dieses schöne Flash Intro an (für das ich ausserdem dem Webdesigner ganz schön viel bezahlt habe) und erst wenn Sie es zu Ende gesehen haben, dann können Sie meine Website besuchen und finden dann ganz versteckt vielleicht auch meine Telefonnummer.

8 – Webdesign Todsünden
Todsünden, die Sie auf vielen Homepages finden, die Sie für gutes Webdesign unbedingt vermeiden sollten.

Auf der Startseite wird nicht sofort klar, um was es geht. “Das gibt’s doch gar nicht!” sagen Sie? Doch, leider das gibt es recht oft, dass man auf der Startseite zwar mit einem Berg an Informationen konfrontiert wird, aber nicht wirklich klar ist, was die Seite anbietet.
Keine oder eine schlechte Suchfunktion. Viel Besucher wollen etwas bestimmtes Finden, ohne Suche – oder schlimmer noch mit einer schlechten Suche – frustrieren Sie Ihre Besucher
Flash Intros und Flash Intros ohne “Überspringen” Button
Wechselnde und nicht konsistente Menupunkte
Die Menupunkte (Navigation) zeigt dem Besucher nicht, wo er sich auf der Seite befindet.
Keine Kontaktdaten im Menupunkt “Kontakt”. Oft wird nur ein Kontaktformular angezeigt obwohl der Besucher möglicherweise anrufen will oder Ihre Adresse sucht.
Unterstrichene Texte, die keine Links sind. Links, die nicht als solches zu erkennen sind.
Automatischer Fullscreen bei Aufrufen der Website, nach dem Motto: Egal was Du auf Deinem Bildschirm jetzt machst, meine Website ist wichtiger als Alles andere!
PDF Datein statt Websites zum lesen anbieten. So machen es Faule: Sie machen sich erst gar nicht die Mühe eine extra Seite einzurichten. Nach dem Motto: “Lasst uns einfach den neuen Flyer als PDF hochladen, das steht doch alles drin!”
Bleiwüsten. Bleiwüsten sind Textmengen, wie sie Sie in einem Roman finden. Ohne Zwischenüberschriften, ohne Anleser, ohne Absätze. Wenn der Besucher Ihrer Website Ihre Texte nicht lesen sollen, dann veröffentlichen Sie Bleiwüsten. Die Texte werden dann garantiert nicht gelesen.
Designer Seiten ohne Text. Sieht cool aus: Ein schwarze Seite mit einem Wort drauf. Zum Beispiel WILLKOMMEN auf der Startseite als Bild in einer stylischen Schrift. Keine Suchmaschinen kann das lesen und indexieren. Der einzige Besucher Ihrer Website sind dann Ihre Designer uns Sie! Wie traurig.
Alles, was aussieht wie Werbung. Machen Sie keine Banner auf Ihre Website – Besucher sind oft allergische gegen Werbung und haben gelernt, diese geflissentlich zu übersehen.
Wenn Sie Kundenfragen unbeantwortet lassen. Sie bieten zum Beispiel Webdesign an, und sagen nirgends, was es kostet.
Es gibt immer Fragen, oft sogenannte häufige Fragen. Finden Sie heraus, was Ihrer Kunden immer wieder fragen und beantworten Sie es einfach bereits auf der Website. Sie machen sich und Ihre Kunden glücklich.

9 – Gutes Webdesign nicht ohne gute Suchmaschinenoptimierung
Was nützt die beste Website, wenn Sie nicht gefunden wird?

Was nützt die beste Website, wenn Sie nicht gefunden wird?

- Es beginnt bereits bei Domainnamen. Wenn Sie ein Hundeschule haben und Müller heissen, ist hundeschule-mueller.com oder hundeschulemueller.com kein schlechter Domainname. Er beinhaltet den wichtigsten Suchbegriff, mit dem Sie sicher später gefunden werden wollen. Weniger gut, aber immer wieder gesehen, wäre solche Domainname: dog-profi-mueller.com oder derhundeprofi.de oder ähnliches. Hier wird ein wichtige Chance vertan, vor allem, wenn Sie eine ganz neue Website erstellen lassen.

- Sie veröffentlichen keinen oder zu wenig Text auf Ihrer Website. Sie werden nur gefunden, wenn Ihre möglichst viele Seiten guten und aussagekräftigen Text beinhalten. Bildergalerien haben zum Beispiel schlechte Chancen gefunden zu werden. Auch wenn sie noch so schöne Bilder zeigt. Eigentlich ist es sehr einfach zu verstehen, warum das so ist: Angenommen Sie besitzen eine Hundeschule und zeigen nur schöne Bilder auf Ihrer Seite, aber keinen Text, dann kann die beste Suchmaschine ihre Seite nicht “lesen” und damit auch nicht im Suchergebnis ausgeben.

- Ihre Texte sollten die wichtigsten Suchbegriffe beinhalten und zu diesen Begriffe auch abhandeln. Was die wichtigsten Suchbegriffe sind, sagt Ihnen ein guter Webdesigner, der entsprechende Erfahrung mit Suchmaschinenoptimierung hat.

- Die Seitentitel jeder einzelnen Seite Ihrer Website sollte die wichtigsten Suchbegriffe enthalten. Wenn Sie ein Content Management System (CMS) benutzen, sollte dieses System Ihnen erlauben die Seitentitel nachträglich zu ändern. Einige CMS erstellen einen guten Seitentitel selbst.

- Die technische Struktur Ihrer Website sollte den technischen Standards entsprechen und keine HTML Fehler aufweisen