Internet-News by TechDivision
Top-Aktuelle News aus den Bereichen eCommerce, Magento, TYPO3, Online-Marketing und Webdesign.

Fehler bei Webseitenentwicklung und Webdesign

admin, 15. Juni 2009 5 Kommentare RSS

Wer viel im Web unterwegs ist und sich zumindest ein wenig auskennt, sieht viele Dinge, die er eigentlich nicht sehen möchte. Die Masse derartiger “Entdeckungen” hat mich dazu bewogen, mal wieder ein kleines “Gruselkabinett” anzulegen.

Denn aus Fehlern lernt man ja bekanntlich am meisten und sieht deutlich, was man unterlassen sollte. Diverse graue Striche sind natürlich im Original nicht zu sehen. Diese habe ich nur eingefügt, um die Screenshots so weit wie möglich zu anonymisieren, weil ich natürlich keinen Seitenbetreiber oder Webmaster persönlich angreifen oder an den Pranger stellen möchten.

Browserunabhängigkeit

Es gibt viele verschiedene Browser, und von manchen sogar noch verschiedene Versionen, denen man die Daseinsberechtigung leider nicht absprechen kann. Es bedeutet mitunter viel Arbeit für den Webentwickler, die Seiten so zu programmieren, dass sie zumindest in den gängigen Browsern gut aussehen – Arbeit, die allerdings oft unterlassen wird, wie in folgendem Beispiel, in dem eine Unterstreichung zur Durchstreichung “mutiert”.

Keine Lust auf den Kampf mit den Browsern? Das hatte wohl ein Entwickler, der die Besucher beim Öffnen der Seite kurzerhand wie folgt warnt:

Wer noch netter zu seinen Besuchern sein will, warnt sie sogar noch früher:

Dieser Eintrag erscheint für einen Suchbegriff an Position 1 auf Seite 1 bei Google.  Kurioserweise enthalten weder Quelltext noch Seitentext diese Warnung vor dem falschen Browser. Über das Thema Suchmaschinenoptimierung will ich hier natürlich erst gar nicht sprechen….

Farben

Um Geschmackssachen soll es hier nicht gehen, sondern um “Verbrechen am menschlichen Auge.”
Nicht nur, dass folgende lange hellgelbe Navigationsleiste extrem grell ist. Weiße Schrift auf hellem Gelb ist einfach sehr schwer lesbar:

Es gibt genügend Farben in der Farbpalette und somit keinen Grund, den Besucher derart zu quälen.

Papier ist normalerweise weiß, gedruckte Schrift schwarz. Daran hat sich das Auge gewöhnt und damit kommt es (meistens) klar. Die umgekehrte Variante ist aber nur schwer verdaulich. Und ist eine Seite komplett in schwarz gehalten, wird man zudem noch leicht trübsinnig.

Im nächsten Beispiel wird das Auge nicht nur durch die Umkehrung des Kontrasts und eine durchdringende Hintergrundfarbe strapaziert. Dazu kommt ein Wechsel an Schrifttypen und Formatierungen.

Serifen-Schriften wie Times New Roman sind im Web schon lange nicht mehr üblich und erwecken leicht den Eindruck, dass es sich um eine ewig nicht mehr gepflegte Seite handelt.
Inhaltlich kann gesagt werden, dass auch die Sinnhaftigkeit des Link-Disclaimers mehr als umstritten ist.

Navigation

Über die Navigation kann der Benutzer von einer Seite zur nächsten und auch wieder zurück gelangen. Sie sollte ihm zudem die Orientierung erleichtern, damit er immer weiß, wo er sich befindet.

In diesem Beispiel wird mehrfach gegen diese Regel verstoßen:

Nicht nur, dass einer der Navigationspunkte rechts und links abgeschnitten wird…. Es ist nicht erkennbar, in welcher Hierarchie die Punkte zueinander stehen und was die unterschiedlichen Hintergrundbilder zu bedeuten haben.

Auch im folgenden Fall wird man in die Irre geleitet:

Man befindet sich nämlich nicht auf der Startseite, wie man aus der Hervorhebung in der Navigationsspalte vermuten könnte, sondern auf einer Unterseite, die überhaupt nicht in der Navigation erscheint. Zu welchem Punkt in der Navigation sie gehört? Nix genaues weiß man nicht…. (Zum Thema Baustellenseite später mehr.)

Die beiden folgenden Beispiele möchten entweder die Zahl der Besucher begrenzen oder wissen nicht, dass viele Webseiten-Besucher sehr ungeduldig sind und eine Seite, die ihnen nicht zusagt, nach wenigen Sekunden wieder verlassen.

Nachdem die Buchstaben auf folgender Seite eingeflogen sind, darf der Besucher die Navigation und weitere Informationen suchen:

Er findet sie nur dann, wenn er mit der Maus über den Schriftzug fährt und erkennt, dass dieser verlinkt ist und einen weiteren Klick zu den Inhalten inklusive Navigation erfordert.

Ähnlich ist es auch hier:

Es gibt zwar eine Navigation, aber anstelle von Inhalten in Textform findet man in der Hauptspalte sehr viel freie Fläche. Nur wer seine Maus benutzen kann und damit über die Bilder in der Mitte fährt, findet den Zugang zu den Informationen. Bleibt nur zu hoffen, dass sehbehinderte Menschen, die sich die Seiten von einem Screenreader vorlesen lassen, nicht zur Zielgruppe dieser Anbieter gehören. Denn sie haben absolut keine Chance.

Ladezeit

Webseiten sollten zügig geladen werden und auch für Benutzer mit dünnen Leitungen rasch sichtbar sein. Es mag einige wenige Ausnahmen geben, in denen längere Ladezeiten akzeptabel sind. Die Startseite eines Internet-Auftritts gehört aber auf keinen Fall zu diesen Ausnahmen. Und so werden sich viele schnell wieder verabschieden, wenn ihnen folgende Information angezeigt wird:

Damit keine Fragen aufkommen: Ich habe dieses und das folgende Phänomen trotz einer superschnellen, hochleistungsfähigen Web-Anbindung erlebt.

Beim nächsten Beispiel dachte ich erst an einen Irrtum bei der Farbauswahl:

Blaue Schrift auf schwarzem Grund…. Später stellte sich jedoch heraus, dass die Seite farblich schon in Ordnung ist – nachdem sie einmal geladen war.

Bilder

Bilder spielen eine durchaus große Rolle im Web. Aber man sollte nur dann Bilder verwenden, wenn man gute Bilder hat und weiß, wie sie zu bearbeiten und zu verwenden sind.

Cliparts, die sich auch noch bewegen, sind eindeutig Relikte aus der Steinzeit des Webs:

Und auch Bildbearbeitung sollte gelernt sein, wenn man sie denn einsetzt. Das Beispiel stellt einen Ausschnitt aus einem Firmenlogo dar, das einen transparenten Hintergrund benötigt hätte:

Es sind jedoch nicht nur einige weiße Pixel übrig geblieben, sondern auch etliche schwarze Pixel umgefärbt worden, so dass die Leserlichkeit arg beeinträchtigt wurde. Das Logo, das Aushängeschild jeder Firma, ist der falsche Ort für Sparmaßnahmen.

Baustellenseiten

Es kann sein, dass man bei einem Relaunch nicht gleich mit allen geplanten Seiten fertig wird. Dann sollte man aber die unfertigen Seiten lieber verbergen und erst dann veröffentlichen, wenn sie tatsächlich Inhalte aufweisen.
Folgende Variante ist jedenfalls nicht zu empfehlen:

Fazit

Das waren nur einige zufällig herausgegriffene Beispiele. Die Liste der No-Gos lässt sich natürlich noch um etliche andere Beispiele und Themen erweitern. Aber es wäre schon mal ein guter Anfang, wenn die gezeigten Phänomene in Zukunft weniger oft anzutreffen wären. Wenn die Beispiele ein paar Anregungen darstellen, hat der Beitrag schon seinen Zweck erfüllt.