· Corporate Design! Jede einzelne Seite sollte als Teil
der Web Site erkannt werden. Grafikdesign, Logos, Schriftarten müssen gut gewaehlt und
aufeinander abgestimmt sein.
|
· Die Pages sollten unbedingt mit den
verschiedenen Browsern (Explorer, Netscape, Opera) getestet werden. Die Implementierung
von HTML, Java Script etc. ist nach wie vor sehr unterschiedlich. Ausserdem sind die
verschiedenen Versionen der Browser beim Test zu beachten.
|
· Die Gesamtgrösse einer Webseite
sollte 50 bis 70 KByte nicht übersteigen. Eine Homepage sollte schneller aufrufbar und
daher nicht grösser als 30 KByte sein.
|
· Bilder und
Grafiken sollten sparsam
verwendet und komprimiert werden. Unbedingt sollten die Attribute width und height
im <Image> Tag gesetzt werden. Das alt - Attribut ist ebenfalls ein Muss.
Für Grafiken sollte das GIF-Format, für Fotos das JPG-Format
verwendet werden.
|
· Java Script Code lässt sich in
externe Scriptdateien auslagern. Der Code kann so besser verwaltet werden, was besonders
dann von Bedeutung ist, wenn die Scripts auf mehreren Seiten verwendet werden.
|
· Bei der Verwendung von Grafiken zur
Navigation (Home, Back, ...) müssen Alternativen in Form von Textlinks bereitgestellt
werden. Es gibt viele Surfer, die keine Grafiken mögen und den Download dieser
abgeschaltet haben!
|
· Bei umfangreicheren Web Sites
empfiehlt sich die Verwendung einer Site Map. Das Auffinden von Informationen wird damit
für den Besucher der Seite einfacher, die Informationsarchitektur übersichtlicher.
|
· Under Construction - diese Meldung
und die dazugehörigen Grafiken sind total out of fashion (Eine der Todsünden im Web.).
Eine aktuelle Web Site befindet sich immer in der Entwicklung. Das ist der Zustand des
Mediums Internet.
|
· Horizontale Linien sind eine weitere
Todsünde. Irgendwann wird dieses unselige Element hoffentlich wieder aus HTML
verschwinden. Als Alternative bieten sich Grafiken an.
|
· Bei Text sollten Schriftarten
ausgewählt werden, die auf verschiedenen Systemen (WINDOWS, MAC, ...) implementiert sind.
Eine Alternative dazu ist die Angabe mehrerer Fonts.
Beispielsweise: <font face="Verdana, Arial, Helvetica">
|
· Die Verwendung des Meta-Tags Expires
kann die Performance der Seiten beschleunigen. Das darin enthaltene Ablaufdatum
beeinflusst das Caching des Browsers.
|
· Die Einstellungen
MARGINHEIGHT="0" MARGINWIDTH="0" vermeiden im Netscape Browser
eventuell störende Seitenränder.
|
· Verschachtelte Tabellen benötigen
mehr Rechenzeit für den Browser und damit einen langsameren Seitenaufbau. Allzu
verschachtelte Tabellen sind daher zu vermeiden.
Grössere, sich über eine Seite erstreckende Tabellen sollten in getrennte aufgeteilt
werden, so daß eine Tabelle nach der anderen aufgebaut werden kann.
|
· Es ist im
Sinne einer übersichtlichen Informationsarchitektur unbedingt
erforderlich, externe
Hyperlinks in separaten Browserfenstern aufzurufen, da ansonsten die Möglichkeit besteht,
dass der Besucher der Web Site von dieser (ungewollt) weggeleitet wird und bis auf den
Back Button keine Möglichkeit hat zurückzukehren.
|
· Bei Texten sollte man sich so kurz
wie möglich fassen. Längeres Scrollen ermüdet den User und wird oft als lästig
empfunden. Ausserdem empfiehlt sich bei größeren Texten eine Anordnung in Spalten (siehe
Tageszeitungen).
Eine kurze Zusammenfassung des Inhalts am Seitenanfang ist empfehlenswert. Grössere
Grafiken und andere Eye-Catcher lenken vom Lesen der Inhalte ab und sollten nur sparsam
verwendet werden.
|
· Unnötige Kommentare im
HTML-Quelltext verlangsamen den Download vom Server beträchtlich.
|
· Soundfiles sollten nur auf Web Sites
eingesetzt werden, die etwas mit dem Musik Business zu tun haben.
|
· Eine Webpage muss genügend
Freiflächen besitzen. Überfrachtete Seiten stressen; das menschliche Auge muss sich
ausruhen können.
|
· Dunkle und insbesondere schwarze
Hintergrundfarben sollten Webdesigner Sites überlassen werden.
|
· Cookie-Beschränkungen:
Browser sind in der Lage, bis zu 300 Cookies zu verwalten und speichern. Danach
überschreibt das neue Cookie ältere Einträge. Die maximale Grösse eines Cookies
beträgt 4 KB. Tipp: Speicern sie mehrere Einträge (Variablen, Zustände) in einem
Cookie!
|
· Bei der
Verwendung von Fotos auf Webseiten sollte beachtet werden,
daß ein Monitor maximal 72 dpi darstellen kann. Eine höhere
Auflösung bringt nichts und sorgt nur für unnötig hohe
Downloadzeiten.
|