Michas Reich | Maddin | Aktion gegen Web-Mätzchen (Wätzchen)
WAS SIND WÄTZCHEN ?

 

Web-Mätzchen (kurz Wätzchen) sind alle Bilder, Animationen, Java-Scripts oder sonstigen Objekte, die die Datenmenge von Internetseiten vergrößern, ohne etwas zum Informationsgehalt beizutragen. Wätzchenfrei ist demzufolge eine Web-Seite, wenn sie eine möglichst geringe Ladezeit hat. Wätzchenfrei im erweiterten Sinne ist eine Web-Seite, wenn sie darüber hinaus noch eine funktionelle und verständliche Gestaltung hat.

Vorgestellt wird hier eine Art der Dokument-Gestaltung, deren Philosphie selbst den modernsten Designern gänzlich unbekannt ist: Oberstes Ziel einer Web-Seite ist es, die Bedürfnisse der Benutzer zu befriedigen!

Was sich für normale Leute wie eine Binsenweisheit anhört, ist für Web-Designer so revolutionär und wegrationalisierend, dass sie wohl bald scharenweise in andere, sinnvollere Berufe wie Wahrsager oder Paparazzi drängen werden. Ein Grund zur Hoffnung?

 


Der Aufbau dieses Dokuments

Wenn Sie jetzt immer noch weiterlesen wollen, dann haben Sie wahrscheinlich während der kurzen Einführung etwas gesagt wie: "Ja, ja, genau...". Daher gehe ich mal davon aus, dass Sie die Problemstellung schon kennen und sich die Eiferei in Des Kaisers neue Kleider sparen können. Die 95 Thesen zur wätzchenfreien Web-Seiten-Gestaltung finden Sie nicht im Internetportal der Schlosskirche zu Wittenberg, aber weiter unten im Dokument.

Inhaltsverzeichnis

Der Aufbau dieses Dokuments
Kurz und bündig.
Des Kaisers neue Kleider
Wie retten wir den Web-Seiten-Standort Deutschland?
Regeln für wätzchenfreie Internetseiten
So machen Sie es besser!

Des Kaisers neue Kleider
oder: Schön ist man selbst, aber gefallen muß man den anderen

Die Firmen sind die Schlimmsten.
Dieser Text ist eigentlich für keinen wirklich interessant. Aber er ist Balsam für die Seelen derjenigen, die bereits Opfer der Web-Designer wurden. Das heißt, eigentlich alle. Kurioserweise sind die meisten Web-Seiten, die am wenigstens den Bedürfnissen der Benutzer gerecht werden, von Firmen mit Gewinnstreben, der oberstes Gebot doch eigentlich das Gegenteil, die Befriedigung der Bedürfnissen der Kunden, sein müsste.

Was ist Design?
Web-Design ist das Gestalten von Web-Seiten, damit sie gut aussehen, würde man meinen wollen. Zugegeben, viele Seiten tun das. Doch nur das, und das ist eben nicht genug. Design hat nicht nur einen ästhetischen Gesichtpunkt, sondern (und das vor allem) ein praktischen: Die Dinge müssen benutzbar sein. Eine Steckdose in Form eines barocken Cherubim ist sicherlich viel schöner als eine normale, doch werden die meisten eine schlichte, weiße vorziehen. Denn eine Steckdose ist vor allem erst einmal eine Einrichtung, in die man einen Stecker stecken kann; und zwar schnell und sicher. Dazu sollte eine Steckdose auch als solche erkennbar sein.

So gefährlich sind Web-Designer!
Was einer normalerweise auf einer Web-Seite sucht, ist Information. Was bekommen Sie? Vielleicht erstmal eine 100 kB große Seite, die Ihnen sagt: "Hier klicken, um zur Startseite zu kommen". Vielleicht sagt sie das auch nicht, weil Sie das neue Plug-In noch nicht nicht haben, was zum Hallo-Sagen unbedingt nötig ist. Diese Seite wäre für Sie unbenutzbar. Die Firma, die unter so einer Web-Seite zu finden ist, hat für Sie schlichtweg keine Web-Seite.

Eine Verteilerseite. Nicht hundert.
Die Startseite, oder das Portal, ist meist die vollgestopfste Seite von allen. Das macht einen gewissen Sinn, weil man ja schnell überall hin will. Schlimmer ist es dann eher, wenn auf jeder anderen Seite, auf die die Portalseite für, sämtliche Informationen der Portalseite wiederholt werden. So als ob ein Internetbenutzer nicht wieder zur Startseite zurückkäme, wenn er sie einmal gefunden hat.

Worte sagen mehr als 1000 Bilder
Der Informationsgehalt von vielen Extras ist meistens gleich null. Für eine Aufzählungsliste ist ein dicker schwarzer Punkt nicht fein genug, nein, es muss ein Bildchen geladen werden, am besten ein animiertes. Das speicherintensive Hintergrundbild bringt meistens auch keinen wirkliche Vorteil, verlängert aber die Ladezeit. Unter lauter Bildchen finden Sie dann meistens nur eines nicht: Den Link, um Ihre Beschwerde loszuwerden. Wätzchenfrei bedeutet, ein Bild oder eine Animation nur dann zu benutzen, wenn es mit Worten nicht gesagt werden kann. Reiner Text kostet meistens weniger Speicher.

Tabellen-Bild fester Größe
 
     
     
     
 
Skalierbares Tabellen-Bild
 
     
     
     
 

Ein weiterer Nachteil der Bilder ist, dass sie nicht skalierbar sind. Daher kommen solche Hinweise wie "Seite optimiert für eine Bildschirmauflösung von 800x600", weil mit einer anderen die toll gestaltete Seite wie Hund aussieht.

Um auch mal das andere Extrem zu zeigen: Links und rechts sehen Sie die Bilder von zwei Kreuzen. Es sind aber keine wirklichen Bilder, sondern sie sind mit HTML-Tabellen erstellt. Jedes von ihnen belegt ungefähr 200 Byte; und sie würden das auch dann noch tun, wenn sie zehnmal so groß wären. Das rechte Kreuz ist sogar dehnbar. Wenn Sie die Größe des Programmfensters ändern, ändert sich auch die Größe des Kirchenkreuzes.



Arbeit für die Browser!
Damit kommen wir zum nächsten Thema. Wätzchenfrei bedeutet die Fähigkeiten des Browsers auszunutzen. Ein Browser kann selbst den Umbruch des Textes berechnen, er kann verschiedene Format darstellen wie Tabellen und Listen und das in verschiedenen Farben. Er hat einen Seite-Vor- und Zurückknopf, und ein Menü, indem man die zuletzt besuchten Seiten direkt auswählen kann. Worauf ich hinaus will? Die meisten Java-Scripts sind nicht nur überflüssig, sondern verschlechtern die Benutzerfreundlichkeit sogar.

Statt der altbekannten Scroll-Leiste, wird ein eigenes Scroll-System hinzugefügt, deren Funktionsweise man oft genug nicht einmal versteht. Ein Go-Back-Knopf, am besten mit animiertem Bildchen, wird auch noch angefügt, obwohl in der Icon-Leiste des Brausers bereits einer ist. Und lang zu ladende Javascripts berechnen Textumbrüche, Adressen von Hyperlinks, auf die ich geklickt habe und sonst eine Menge Dinge, die der Browser selbst berechnen kann.

Sind Sie wätzchenfrei?
Da bleibtdann nur noch eine Frage der Psychologie. Kommt Ihnen eine Internetseite, z.B. die Ihrer Automarke, weniger "kompetent" vor, weil es da nicht irgendwie "professionell" aussieht, sondern so schlicht wie auf dieser Seite?

Wie würden Sie das Layout der Seite, die Sie eben gerade lesen charakterisieren? Vielleicht übersichtlich? Wenn es das tatsächlich ist, dann hätte ich schon gewonnen, denn dann würden Sie ja schnell finden, was Sie suchen, oder zumindest feststellen, dass meine Seite nicht das enthält was Sie suchen. Ein schlichtes Layout ist meistens nicht das schlechteste.


Regeln für wätzchenfreie Internetseiten

Allgemeine Wätzchenfrei-Regeln

Die erste Regel ist die Bedürfnisse des Benutzers zu befriedigen - und nicht vielleicht erst meine als Web-Designer. Daraus leiten sich allgemeine Regeln ab, aus denen sich wiederum die Wätzchenfrei-Tips herleiten.
Ladezeit
Ladezeitsteigernde Objekte in Web-Seiten werden nur dann benutzt, wenn sie unumgänglich sind bzw. eine alternative Form noch ladezeitintensiver wäre.

Seiten-Desgin
Die Gestalung einer Seite sollte funktionell sein, dass der Benutzer schnell erkennt, was sich dort befindet und was nicht.

Seiten- und Link-Architektur
Die Architektur (Verteilung des Inhaltes auf verschiedene Seiten und ihre Verbindungen) sollte der Denkweise des Benutzers folgen.

Spezielle Wätzchenfrei-Tips


Autor: Martin König; Erstellt: 2002; Diese Seite ist wätzchenfrei und benutzt Meine Ganz Neue Rechtschreibung (MGNR).