Computer - Tipps und Tricks » Webdesign

Farbgestaltung von Websites

admin — Sat, 16 May 2009 12:57:10 +0000

Bei der Wahl der Farbe für den Hintergrund und den Text kommt es hier auf hohen Kontrast an. Das verbessert die Lesbarkeit. Anders sieht das aus bei der Farbe für den Hintergrund und für Elemente im Vordergrund (Buttons, Linien, Tabellen); hier ist ein hoher Kontrast nicht zwingend notwendig. Bei der Wahl von Text- und Hintergrundfarbe sollten Sie die folgenden Punkte vermeiden, um eine bessere Lesbarkeit zu erreichen:

- geringer Kontrast von Text und Hintergrund (grauer Text auf hellem Hintergrund)
- kleine und dünne Schrift in heller Farbe vor dunklem Hintergrund
- die Kombination aus Komplementärfarben – Blau und Orange oder Gelb und Violett vermeiden
- Rot plus Grün macht Text für Rot-Grün-Blinde unlesbar

Bei der Wahl von Farben für den Hintergrund und grafische Elemente orientieren Sie sich an diesen Regeln:

- Verwenden Sie nur wenige Farben
- zum Betonen von Elementen eignet sich gut die Komplementärfarbe zur Hintergrundfarbe.
- Wenn Sie mehr als zwei Farben einsetzen, entscheiden Sie sich für gedeckte oder Pastelltöne
- die Farben müssen dem Inhalt der Seiten angepasst sein. Eine seriöse Firma sollte auf knallige Farben verzichten

Webdesign – Test der Homepage

admin — Sat, 25 Apr 2009 08:01:53 +0000

Als Betreiber einer Website ist man per se betriebsblind. Für einen selbst ist ja alles klar wo man was findet. “Die Navigation ist bei mir hier unten links” oder “Ja bei meiner Seite ist das anders, weil” sind die typischen Sprüche der Inhaber. Ich nehme mich da persönlich nicht aus. Doch wichtig ist ja nicht was einem selbst gefällt – entscheidend sind doch die Besucher. Finden die sich zurecht? Besucher bleiben oft nur ein paar Sekunden – haben Sie was interessantes gefunden bleiben sie länger – finden Sie sich nicht zu recht so verschwinden sie wieder; meist auf nimmer wiedersehen. Usability-Studien zeigen, dass ein Nutzer im Schnitt zwischen 8 und 12 Sekunden auf einer Webseite bleibt, bevor er weiterklickt. Das heißt, in 8 bis 12 Sekunden muss man dem Besucher den Eindruck vermitteln, dass es sich lohnt, mehr Zeit auf der Seite zu verbringen.

Wenn Sie Zweifel haben, dass Ihre User den Sinn der Website nicht erkennen sollten Sie das testen. Legen Sie zunächst Ihre Ziele für die Website fest. Dann bitten Sie ein paar Bekannte oder Kollegen bei diesem Test mitzumachen. Bitten Sie sie Ihre Seite anzusehen und dann niederzuschreiben was sie gesehen haben, und worum es auf der Seite geht. Zeigen Sie dabei Ihrem Tester die Seite genau 5 Sekunden – nicht länger. Er soll auch nicht klicken – nur kucken;-) Sie können Ihrem Bekannten auch einen Aussdruck vorlegen. Wichtig ist, dass er schriftlich wiedergibt was er gesehen hat, und worum es auf der Seite geht.

Danach vergleichen Sie diese Ergebnisse mit Ihren Zielen.

Kostenlose Buttons und Icons

admin — Fri, 24 Apr 2009 12:48:43 +0000

Buttons sind Designelemente und helfen lange Erklärungen zu vermeiden. Darum kann ein Webdesigner meist gar nicht genug Icons & Buttons bekommen. Im Web gibt es eine Vielzahl an kostenlosen Buttons – das erspart das selbst zeichnen. Eine coole Sammlung mit Icons im Format 14×14 zu den Themen E-Commerce, Weblog gibt es hier bei nDesign. Auch Famfamfam bietet ebenfalls kostenlos Icons an.

Richtigkeit des Quellcodes checken

admin — Sat, 18 Apr 2009 15:54:42 +0000

Was für die Textverarbeitung die Rechtschreibprüfung, ist für Webseiten der HTML-Validator. Mit seiner Hilfe findet man Fehler im Quellcode. Das ist vor allem für selbst programmierte Websites wichtig. aber auch WordPress-Themes sind oft nicht 100% fehlerfrei. Der CSE HTML Validator Lightist in der Grundversion kostenlos. Die Standard- und Professional-Version hat mehr Möglichkeiten, kostet aber auch 69 bzw 129 Dollar.

Die Links auf Webseiten überprüfen

admin — Sat, 18 Apr 2009 14:21:05 +0000

Je länger man mit seiner Webseite online ist und je häufiger man die Inhalte aktualisiert, umso größer ist die Wahrscheinlichkeit, dass Links auf externe sowie interne Seiten nicht mehr passen. Der Besucher bekommt eine unschöne Fehlermeldung wenn er auf einen solchen Link klickt. Gerade bei größeren Websites ist es unmöglich, die Links alle per Hand zu überprüfen. Aber es gibt ein kleines Tool, das einem die Arbeit abnehmen kann. am Ende bekommt man einen übersichtlichen Report. Die Webseiten kann man entweder direkt auf dem Server testen oder auch lokal am PC. Das Tool ist Freeware und unter
http://home.snafu.de/tilman/xenulink.html zu finden. Xenu Link Sleuth (Download) liegt mittlerweile in der Version 1.3b vor.