Web Design

Analyse einer Website – Webdesign beurteilen

Die Analyse einer Website ist Voraussetzung und Ausgangspunkt jedes Redesigns im Entstehungsprozess einer Website. Oft gibt es bereits einen Internetauftritt und meistens gibt es damit Unzufriedenheiten. Dann bildet die aktuelle Website den Maßstab aller Veränderungen, denn schlussendlich werden die neue und die alte Seite verglichen werden.

Doch auch um den Mitbewerb zu beurteilen ist es wichtig zu wissen, auf welche Gesichtspunkte man besonders achten sollte. Eine gute Analyse lässt Potentiale erkennen, aus Fehlern lernen und für die Zukunft planen. Es gibt viele Kriterien nach denen sich eine Website beurteilen lässt. Ich möchte es hier auf die für mich wichtigsten herunterbrechen.

Drei Fragen

Wenn man eine Website besucht sollte man auf der Startseite in Mindestzeit dieses drei Fragen beantwortet bekommen:

  1. Worum geht es? – Inhalt
  2. Kann ich mich gut orientieren? – Navigation
  3. Spricht mich die Atmosphäre Website an? – Design

Da das Internet kein statisches Medium ist, ist die Interaktion mit einer Website ebenso entscheidend, sowie weiter Aspekte eher technischer Natur. Schauen wir uns die einzelnen Punkte im Detail an.

Inhalt

Die Inhalte sind der Grund warum jemand eine Website besucht und deshalb zahlt es sich aus hier richtig kritisch zu sein:

  • Sinnvolle Inhalte – Sind die Inhalt qualitätsvoll, interessant und aktuell?
  • Aufbau und Gliederung – Sind die Inhalte verständlich und logisch dargestellt?
  • Richtige Darstellung für den richtigen Inhalt – Content kann in verschiedenen Formen angeboten werden. Text, Bild, Grafik, Animation, Video, Audio, etc.. Jede Art hat ihre Vor- und Nachteile. Wichtig ist, dass die Art der Darstellung zum Inhalt passt, bewusst eingesetzt wird und dadurch einen Mehrwert erzeugt.
  • USPs – Werden Besonderheiten und Alleinstellungsmerkmale deutlich vermittelt?
  • Accessibility – Sind die Inhalte barrierefrei und nach den gängigen technischen Standards gestaltet?
Homepage des Landesklinikum Baden-Mödling
Texte ohne Mehrwert: „Auf unserer Homepage erhalten Sie einen ersten, interessanten Einblick in den Spitalsalltag und viele nützliche Informationen rund um Ihren Krankenhausaufenthalt!“ auf der Startseite vom Landesklinikum Baden-Mödling.

Navigation

Gerade bei der Navigation sollte man sich auf keine Experimente einlassen. Es gibt gelernte Benutzermuster, auf die User zurückgreifen. Diese zu durchbrechen ist sehr riskant.

  • Struktur – Ist die Navigation (Haupt-, Sub-, Metanavigation, etc.) klar und logisch strukturiert?
  • Einfachheit – Ist die Navigation intuitiv und einfach zu bedienen und immer an der selben Stelle? Bekommt man schnell, direkten Zugang zu den gewünschten Inhalten?
  • Sichtbarkeit – Ist die Navigation immer sichtbar oder direkt erreichbar (z.B. bei kleineren Bildschirmauflösungen)?
  • Zugang zur Startseite – Ist es von überall aus möglich die Startseite direkt zu erreichen?
  • Seiteninterne Suche – Erhalte ich schnell und einfach Zugang zu gesuchten Inhalten?
Die Hauptnavigation des Architekturzentrum Wien ist trotz Gliederung in Gruppen mit über zwanzig Links sehr umfangreich. Dadurch wirkt sie in erster Linie überfordernd, es fällt schwer sich schnell zu orientieren.
Die Hauptnavigation vom Architekturzentrum Wien ist trotz Gruppierungen mit über zwanzig Links sehr umfangreich. Dadurch wirkt sie in erster Linie überfordernd, es fällt schwer sich schnell zu orientieren.

Design

Design ist kein Bonus sondern mit Inhalt und Navigation untrennbar verwoben. Im Idealfall gibt Design dem Inhalt und der Navigation die passende Form in einer ästhetischen und thematisch ansprechenden Art und Weise.

  • Look and Feel und Ästhetik – Welche Atmosphäre vermittelt die Website? Ist das Design ansprechend und thematisch passend?
  • Übersichtlichkeit – Sind die jeweiligen Seitenelemente (Navigation, Inhalt, Sildebar, Footer, etc.) gut gegliedert und klar unterscheidbar?
  • Typografie – Ist der Inhalt der Website ideal lesbar? Sind Schriftwahl, Zeilenlänge, Zeilenabstand und Kontrast auf einader abgestimmt?
Trotz des benutzerzentrierten Ansatzes den Preiskalkulator auf die Startseite zu stellen, lässt das überladene, unruhige Layout die aufkleber-drucken.at kompliziert erscheinen.
Trotz des benutzerzentrierten Ansatzes den Preiskalkulator auf die Startseite zu stellen, lässt das überladene, unruhige Layout die aufkleber-drucken.at kompliziert und unprofessionell erscheinen.

Interaktion

Wie sich eine Website anfühlt und bedienen lässt, hängt stark von Inhalten, Navigation und Design ab. In der Interaktion sind diese Elemente miteinander verschmolzen.

  • Bedienung und Benutzerfreundlichkeit – Wie bedient sich die Website?
  • Weg durch die Website – Kann man sich immer gut orientieren und durch die verschiedenen Ebenen der Website navigieren?
  • Call to Action – Gibt es genügend Anknüpfungspunkte von denen aus ich Aktionen setzen kann?
  • Kontakt – Ist es einfach in Kontakt zu treten?
  • Darstellung von Links – Sind Links deutlich ausgezeichnet und vom restlichen Inhalt unterscheidbar?

Weitere Aspekte

Ein paar weitere Gesichtspunkte, die ich noch für relevant halte sind eher unter der Haube versteckt, doch deshalb keinesfalls weniger relevant.

  • Standards – Ist die Website nach den gängigen W3C-Standards programmiert?
  • Performance – Wird die Seite ausreichend schnell geladen?
  • Suchmaschinenoptimierung – Ist die Website technisch und inhaltlich für Suchmaschinen optimiert?
  • Cross-Browser-Compatibility – Funktioniert die Internetseite auf den verschiedenen gängigen Browsern?
  • Mobile friendly – Funktioniert die Website auch auf mobilen Geräten (Smartphone, Tablet) oder ist vielleicht sogar dafür optimiert?
  • Resolution Independence – Funktioniert die Seite auf verschiedenen Bildschirmauflösungen (Responsive Webdesign)?

Was haltet ihr für wichtig?

Meine Aufzählung ist bestimmt nicht vollständig. Welchen für euch wesentlichen Aspekt habe ich vergessen? Oder sollte man noch etwas zu den erwähnten ergänzen? Ich freue mich über Kommentare!

Mehr zum Entstehungsprozess einer Website.

18 Kommentare

  1. Ich denke, dass die Benutzerfreundlichkeit an erster Stelle sollte. Wenn der User auf eine Seite geht und dort unzufrieden ist, schließt er die website direkt wieder.

    Viele Grüße!

  2. Lieber Oliver,

    du gibst einen richtig guten Überblick über die relevanten Bestandteile einer Website.
    Ich analysiere gerade Webseiten für eine Hausarbeit. Hast du vielleicht einen Tipp/gute Quelle für mich (Fachbuch/Link) die dieses Thema ähnlich gut behandelt?

    Lieben Dank!

    Verena

  3. Liebe Verena, Danke für dein Feedback! Fachartikel/Bücher habe ich jetzt direkt keine, die ich empfehlen kann. Aber auf A list Apart gibt es immer wieder gutes zu dem Thema!

  4. Danke für deinen Beitrag. Habe ihn mit großem Interesse gelesen. Ich kenne eine englische App mit der man Websites analysieren kann, finde aber nichts dementsprechendes hier in Deutschland. Leider funzt diese App bei mir nicht da meine Webiste mit .de aufhört. Hast du mir da vielleicht was? LG

  5. Liebe Silke, mit solchen Apps habe ich leider keine Erfahrung. Welche Aspekte beurteilt diese App denn? Ich glaube, dass es wohl an die technischen Dinge sein werden (Aufbau, Performance, HTML-Struktur). Was das Analysieren von Dingen wie Zielerfüllung auf Basis des Inhalts und Designs betrifft kann ich mir schwer vorstellen, dass das eine App übernehmen kann.

  6. Lieber Oliver,
    ist eigentlich kein Kommentar speziell zu dem Artikel sondern eine Frage zu deiner Selbstständigkeit. Ich will auch Designer werden (eher Richtung Industriedesign), daher meine plumpe Frage: wie viel Geld verdienst du? Klappt dein Business? Kannst du gut davon leben? Bereust du deine Entscheidung(en) ?
    Ich weiß, deutsches Tabuthema, aber für mich doch sehr interessant. Würde mich über Antworten freuen!
    Viele Grüße

  7. Lieber Simon,

    das sind alles ausgezeichnete Fragen! Und super Themen für einen Blog-Beitrag. Gibt mir etwas Zeit, dann schriebe ich im Detail darüber. Vorweg ein paar kurze Antworten: Ich kann davon leben, ich reise aber auch viel und investiere dort einiges von meinem Ersparten. Mein Verdienst in den letzten Jahren belief sich immer sehr und im Jahresschnitt schwankend zw. manchmal nur 1.000 und manchmal 2.500 € oder darüber hinaus. Ich bereue meine Entscheidung keineswegs, freue mich jeden Tag zu arbeiten und die Kontrolle über meine nächsten Schritte zu haben.

  8. Sehr schöner Artikel mit vielen guten Beispielen und Erklärungen.

  9. Das ist ein sehr guter Artikel von dir.
    Vor allem sehr ausführlich und detailliert.
    Ich finde auch gut, dass du dich damit auseinandersetzt, da das ein wichtiges Kriterium für die Verweildauer ist.

  10. Sehr informativer Artikel über die wichtigsten Aspekte einer guten Webseite. Was vielleicht noch ergänzt werden könnte, ist das zu einer professionellen Webseite auch aktuelle bzw. hochwertige Inhalte zählen. Ein gut besuchter Blog mit nützlichen Artikeln ist neben einem guten Webdesign unabdingbar.
    VG Erik

  11. Danke! Habe morgen eine Abgabe zu diesem Thema und du rettest mir wortwörtlich den Arsch. Sehr informativ, diese Seite werde ich wohl öfters besuchen. Ein wirklich toller Artikel!

  12. Einfach und Zusammenfassend, solche Artikel liebe ich zu lesen . Das helft mir beim Fragebogen( Evaluierung der FH-Homepage). Danke !
    Sie können das Artikel auch Beurteilung von Bewerbungsphäse, Anmelden, Regstrieren dazugeben 🙂

    weiter so!

  13. Super informativer Artikel – Lesezeichen ist gesetzt, und ich werde gerne noch weiter hier stöbern. Eine neue Firmenhomepage muss geplant und umgesetzt werden 🙂 Alles Gute!

  14. Vielen Dank für den sehr informativen Artikel.

    Ich finde, die Benutzerfreundlichkeit ist enorm wichtig. Sollte sich der Besucher nicht intuitiv zurechtfinden, ist er wieder weg. Vor allem sollte man aber das Ziel nicht aus dem Auge verlieren. Wofür ist die Website da und bekommen die Besucher genau das, weshalb sie die Seite aufrufen. Bei den allermeisten sollte eine Seite ja einen bestimmten Zweck erfüllen.

    Viele Grüße

  15. ich habe über diese website für eine test gelernt und habe eine 6 geschrieben
    Danke 🙁

Leave a Reply

Your email address will not be published. Required fields are marked *