7 Qualitätskriterien zur Beurteilung von Webseiten - und Web-Designern

Gute Seiten, schlechte Seiten

Von: Peter Müller
Stand: 5. März 2012 (aktualisiert)
4.88889
(9)
Beitrag bewerten
Anmelden um Kommentare zu schreiben

Downloads zu diesem Beitrag

Über den Autor: Peter Müller

bild117259

Peter Müller, Dozent und Autor, beschäftigt sich bereits seit 1995 mit dem Web und veröffentlichte zahlreiche Bücher rund um das Thema Webpublishing. Seine Erklärungen sind nicht ausschließlich für Einsteiger oder Profis, sondern setzen einfach nur Interesse an der Materie voraus.

Im Web ist er auf pmueller.de zu Hause. Dort finden Sie auch Links zu seinen Büchern, Videotrainings und anderen Aktivitäten im Web.

Beiträge des Autors als Atom-Feed Atom-Feed: Neues von akademie.de

Quelltext & Interaktion

6. Der Quelltext: Verborgene Qualitäten

Moderner Quelltext beruht auf der weitgehenden Trennung von Inhalt und Gestaltung, die mit Webstandards wie (X)HTML und CSS umgesetzt wird. Für Laien ist diese Tatsache etwas schwieriger zu überprüfen, da man beim Betrachten einer Webseite im Browser nicht erkennen kann, wie diese gebaut wurde. Das ist wie bei einem Haus: obwohl es von außen vielleicht noch gut aussieht, kann die Bausubstanz schon ziemlich hinüber sein.

Die Qualität des Quelltextes ist nur mit einem Blick unter die Motorhaube zu erkennen, aber Indizien für einen nicht wirklich zeitgemäßen Quelltext sind zum Beispiel:

  • Veraltete HTML-Elemente wie <font> zur Schriftgestaltung;

  • HTML-Tabellen (<table>, <tr>, <td> etc.) zum Layouten der Seite.

In beiden Fällen wird HTML zum Gestalten benutzt und dadurch die Trennung zwischen Inhalt und Gestaltung aufgehoben. HTML ist zum Ordnen da. Zum Gestalten von Webseiten gibt es CSS.

Website auf HTML-Fehler prüfen

Mit einem Validator können Sie das HTML im Quelltext einer Webseite auf Grammatikfehler überprüfen. Einen solchen Validator finden Sie zum Beispiel beim World Wide Web Consortium, das die Standards rund um das Web definiert: http://validator.w3.org/.

Dort geben Sie einfach die URL der zu prüfenden Seite ein und klicken auf Check.

So ein Validator ist ziemlich pingelig und nicht jeder angezeigte Fehler ist wichtig. Die wenigsten Seiten validieren mit null Fehlern und im Alltagsbetrieb einer Site gibt es manchmal gute Gründe für bestimmte Fehler, die sich auch nur schwer abstellen lassen.

Aber wenn nach dem Validator-Check im Browserfenster ein grüner Balken erscheint, ist das auf jeden Fall ein dickes Kompliment und ein Indiz dafür, dass der Quelltext mit großer Sorgfalt erstellt wurde.

Der Qualidator

Während die Validatoren nur wie ein Buchhalter die Einhaltung der Grammatikregeln überprüfen, versucht der Qualidator einen etwas umfassenderen Ansatz und berücksichtigt auch andere Kriterien der Zugänglichkeit.

7. Die Interaktion: Mit den Besuchern kommunizieren

Das Web ist ein interaktives Medium und das Webpublishing hat sich in den letzten Jahren verändert. Achten Sie beim Surfen darauf, wie Webseiten diese Möglichkeiten integriert haben:

  • Suchfunktion und Kontaktformular gehören heute eigentlich zum Pflichtprogramm auch für eine kleinere Website.

  • Andere Möglichkeiten zur Interaktion wären Gästebuch, Forum, Kommentarmöglichkeiten und vieles mehr

  • Und letztlich gibt es die Integration von Social Media wie Twitter, Facebook oder Google+.

Zwei potentielle Nachteile für Sie als zukünftiger Websitebetreiber möchte ich dabei aber nicht verschweigen:

  • Interaktion beruht auf Programmierung, denn die vom Besucher eingegebenen Daten müssen immer von einer Webanwendung verarbeitet werden, was für Sie bei der Erstellung der Site einen größeren Aufwand bedeutet.

  • Nach der Inbetriebnahme einer Webanwendung verarbeitet diese die Daten zwar, aber Sie (oder jemand anders) müssen anschließend aktiv werden: Beantworten von Anfragen, Pflege der Daten, Wartung der Webanwendung usw.

Achten Sie beim Surfen darauf, welche interaktiven Features Ihnen gefallen und welche für Ihre Site eventuell von Belang sind.

Dieser Beitrag ist öffentlich.
Zugriff auf alle Inhalte haben Sie als Mitglied

Werden Sie Probemitglied - kostenlos.

Ohne finanzielles Risiko haben Sie Zugriff auf alle Inhalte auf akademie.de, außer Downloads. Die Anmeldung dauert drei Minuten. Sie können während der ersten 14 Tage ohne Angabe von Gründen stornieren. Eine E-Mail genügt.

Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein

Kommentar-Darstellungsoptionen

Wählen Sie hier Ihre bevorzugte Anzeigeart für Kommentare aus und klicken Sie auf „Einstellungen speichern“ um die Änderungen zu übernehmen.

Sehr geehrter Herr Müller,
ich habe mit großem Interesse Ihre Ausführungen gelesen. Ich arbeite als Grafikerin.
Mehr und mehr bekomme ich Anfragen zum Gestalten von websites. Diesem Thema möchte ich mich jetzt stellen.
An wen wende ich mich, um die von mir gestaltete website zum Laufen zu bringen?
Ich arbeite mit der Adobe Creative Suite, kann ich die website damit gestalten?
Vielen Dank für Ihre Antwort.

Mit freundlichen Grüßen
Sylke Scholz

Webdesigner gesucht?

Hallo Frau Scholz,

seit 1999 arbeite ich als hauptberuflicher Webdesigner, seit 2005 selbständig. U.a. bin ich auch als Subunternehmer für verschiedene GrafikerInnen tätig. Dies läuft häufig so ab, das ich ein psd-Layout bekomme und dieses in ein CMS (Content-Management-System) umsetze bzw. - was immer weniger vorkommt - die Seiten "statisch" programmiere. Also die Seiten "zum laufen bringe".
Das geschieht entweder auf Provisionsbasis oder auch nach Aufwand.

Sollten Sie Interesse haben an einem solchen gemeinsamen Projekt, dann stehe ich für weitere Fragen gerne zur Verfügung.

Kontakt: Googeln Sie einfach meinen Namen! Dann sehen auch sofort, was Suchmaschinenoptimierung heißt ;-)

Viele Grüße, Michael Schöner

Hallo Frau Scholz,

die Gestaltung einer Website (Homepage, Internetseite) können Sie natürlich in Photoshop machen, aber wie Sie dem Artikel entnehmen können, ist eine Website mehr als eine Hochglanzbroschüre, in der man herumklicken kann. Um eine Website "zum Laufen zu bringen" benötigen Sie abgesehen von einem Editor zur Erstellung des Quelltextes keine bestimmten Programme, sondern einfach nur Know-how. Oder eine Webagentur, die dieses Know-how hat.

Was Sie zur Umsetzung eines grafischen Entwurfs auf jeden Fall benötigen, sind solide Grundkenntnisse in HTML und CSS, die Sie z. B. durch "Little Boxes Teil 1" bekommen können, das Sie kostenlos online lesen (http://little-boxes.de/) oder als Buch kaufen können.

HTML und CSS sind das Fundament zur Erstellung einer Website und sollten am Anfang des Lernens stehen. Welches Know-how Sie darüber hinaus noch benötigen, hängt sehr stark von der zu erstellenden Website ab. Auswahl des Webspace (Webhosting), Programmiersprachen wie JavaScript (im Browser) oder PHP (auf dem Webserver), Content-Management-Systeme wie Contao, Optimierung der Webseiten für Suchmaschinen (SEO) sind nur einige Beispiele zur Vertiefung.

Sehr informativ und nachvollziehbar, hilft bei der Optimierung meiner Seite.
Grüße Stephan Pries