Anatomie einer Website

10. September 2007 von Martin Riekert

Eine Website ist… etwas, das sich nur schwer in einem einzigen kurzen Satz definieren lässt. Deshalb soll hier einmal auf die einzelnen Merkmale und Bestandteile einer Website eingegangen werden. Durch diese Betrachtungsweise erhält man ein ganzheitliches und umfassendes Bild darüber, was eine Website ist oder aus was sie besteht.

Die Begriffe, die hier aufgeführt werden, hat sicher jeder schon einmal gehört. Welche Bedeutung sie für das Gesamtergebnis „Website“ haben, und welche Auswirkungen auf die Teilbereiche, wird im Folgenden erläutert. Die animierte Grafik zeigt anhand der Schnittmengen der einzelnen Bereiche, in welcher Abhängigkeit diese zueinander stehen.

01 / Informationsarchitektur
Die Informationsarchitektur bildet die Basis einer Website. Es geht dabei um die Struktur und Gruppierung der Informationen und Themen und um die Abgrenzung und Benennung einzelner Bereiche in Navigationspunkte.

02 / Content
Der eigentliche Inhalt lässt sich von der Informationsarchitektur ableiten. Informationsarchitektur und Content bilden also eine Einheit. Der Content kann aus Mengentexten zu den einzelnen Unterpunkten, Zusatzinformationen und Links sowie redaktionellen Bildern bestehen.

03 / Usability
Die Usability einer Website ist teils von der Informationsarchitektur und den Inhalten abhängig. Das Merkmal Usability bezeichnet die Benutzerfreundlichkeit einer Website als Ganzes und soll dem User eine flächendeckende Orientierung auf der Website ermöglichen. Die Platzierung und Strukturierung von Elementen soll so sein, dass ein optimales Gebrauchsergebnis beim User erzielt wird. Obwohl die Usability einer Website erst nach der Gestaltung tatsächlich beurteilt werden kann, fließen dennoch bisherige Erfahrungen vorab in die Gestaltung mit ein.

04 / Design
Das Design baut direkt auf der Usabilitykonzeption auf, Design und Usability sind nicht trennbar, obwohl unterschiedliche Interessen verfolgt werden. Das Design hat die Aufgabe, die Identität des Unternehmens widerzuspiegeln und bezieht sich auf die gesamte grafische Oberfläche. Farbeinsatz, Schriftkonzept, Layoutprinzipien und Bildkonzept sind einzelne Bestandteile des Designs.

05 / Kommunikation
Die Kommunikation verbindet die Inhaltsebene und das Design. Es geht um das aktive Vermitteln gezielter Botschaften, beispielsweise sollen folgende Fragen beantwortet werden: Wer ist das Unternehmen? Was macht es? Was sind Vorteile? Diese Fragen werden zum Teil zwar bereits durch den Content beantwortet, es geht hier aber vielmehr um die kommunikative Wirkung des gesamten Erscheinungsbildes, also um Text-Bild-Kombinationen, um den Charakter des Gesamtbildes. Dabei gibt es verschiedene Möglichkeiten: Eine Website kann beispielsweise einen eher werblichen Charakter haben, aber auch emotionalisierend oder rein atmosphärisch wirken.

Den //SEIBERT/MEDIA-Podcast abonnieren


5 Reaktionen zu diesem Beitrag

  1. //SEIBERT/MEDIA Weblog » Blog Archiv » Positionierungserwartungen an Websites

    [...] Vorstellungen beschränken sich dabei nicht nur auf Steuerungselemente und Navigationsmöglichkeiten, sondern beziehen auch Kontakt-, E-Commerce- und Community-Elemente (also beispielsweise Impressum- [...]


  2. //SEIBERT/MEDIA Weblog » Blog Archiv » Materialität, Haptik und Klickverhalten bei Websites

    [...] letzter Zeit eine Veränderung der Ästhetik von Webdesign vollzogen. Für mich war für mich eine Webseite früher eine zweidimensionale Fläche, auf der man Farbfelder, Texte und Bilder eher nebeneinander [...]


  3. //SEIBERT/MEDIA Weblog » Blog Archiv » //SEIBERT/MEDIA betreut den Relaunch von www.metafinanz.de

    [...] wurde die Website? auf Basis der Usability-Analyse und der aus der Konzeption entwickelten neuen Informationsarchitektur optimiert.? Basierend auf der Designstudie wurden die nötigen Templates? [...]


  4. Wie Web-Redakteure Informationsarchitekturen unabsichtlich zerstören | //SEIBERT/MEDIA Weblog

    [...] Informationen: Anatomie einer Website Navigationsmenüs: Trends und Beispiele Usability-Engineering ist Qualitätssicherung Dieser [...]


  5. Strukturieren von Inhalten (Teil 1): Informationsarchitekturen und Hierarchien | //SEIBERT/MEDIA Weblog

    [...] unabsichtlich zerstören Die Sitemap: Eine informationsarchitektonische Drückebergerei Anatomie einer Website Dieser Eintrag wurde am Freitag, den 30. Januar 2009 um 10:27 Uhr von Oliver Laudenbach [...]


Eine Antwort hinterlassen





//SEIBERT/MEDIA besteht aus den vier Kompetenzfeldern Consulting, Design, Technologies und Systems und gehört zu den erfahrenen und professionellen Multimedia-Agenturen in Deutschland. Wir entwickeln seit 1996 mit heute über 65 Mitarbeitern Intranets, Extranet-Systeme, Web-Portale aber auch klassische Internet-Seiten. Seit 2005 konzipiert unsere Designabteilung hochwertige Unternehmensauftritte und kommunikative Konzepte. Beratungen im Bereich Online-Marketing und Usability runden das Leistungsportfolio ab.

Zu unseren teils weltweit agierenden Kunden gehören u.a. Accor, Allianz, Atlas MTT, BAD, Deutsche Klinik für Diagnostik, Deutsche Post, Hitachi, Honda Motor, Hotel InterContinental, Institut Fresenius, Kabel Deutschland, Lufthansa, SAP, SGS AG, STA Travel, StepStone sowie viele andere große und kleine interessante Unternehmen.