Quelltext der Seite Sitedesign

=='''Kurze Definition'''==
Sitedesign ist der strukturelle und funktionale Aufbau von Webseiten. Das graphischen Design (siehe unter [[Pagedesign]]) wird hierbei nicht in Betracht gezogen.

Der Nutzen einer Website ist es, über ein spezifisches Thema informiert zu werden. So dient der strukturelle und funktionale Aufbau eines Webangebotes der übersichtlichen Überlieferung von Informationen. Hier gibt es veschiedene Formalien, die beim Sitedesign beachtet werden sollten, um erfolgreich eine Website im Internet präsentieren zu können (bezogen auf die Bedürnisse der Benutzers).

=='''Organisierte Information'''==

Fundierte Recherche und verständlich geschriebene Texte sind Vorraussetzung für eine erfolgreiche Information auf einer Website.


''5 fundamentale Schritte'' sind dabei zu beachten, um den Lesern qualitativ hochwertige und nachvollziehbare Informationen zu präsentieren:


1.	Unterteile deinen Inhalte in kleinere Einheiten 

2.	Erstelle eine Hierarchie (von der allgemeineren zur spezifischeren Einheit)

3.	Nutze diese Hierarchie, um Relationen zwischen den einzelnen Einheiten herzustellen

4.	Erstelle eine Seite, die einzig und alleine dazu da ist, um deine Informationen zu strukturieren

5.	Analysiere den funktionalen und ästhetischen Erfolg deines Systems


=='''"Chunking" Information (auf den Punkt gebracht)'''==



Ziel von [http://dict.leo.org/?lp=ende&lang=de&searchLoc=0&cmpType=relaxed&relink=on&sectHdr=on&spellToler=std&search=chunk Chunking] ist es, die Fülle von Informationen, die auf einer Website zu präsentieren sind, zu sortieren und indexieren, um für den User eine Übersicht zu schaffen.


===Hierarchie von "Allgemeinen" zum "Spezifischen" ===


Der Schritt Informationen hierarchisch zu organisieren ist im Internet unabdingbar. Dieses Ziel wird verwirklicht, indem der User von der Hauptoberfläche („Homepage“) über die allgemeineren Informationen (in Form von Links bzw. Anker) zu Untermenüs verschiedener spezifischerer Inhalte manövriert wird (Pages). So hat man ein Paket, in dem die allgemeinere Information an erster Stelle steht und anschließend die spezifischeren und detaillieren folgen. 

''Kurz:'' Von der allgemeinen zur spezifischeren und detaillierten Information.


===Beziehungen zwischen den einzelnen Seiten (Pages) und Funktion der Menüseiten===


Seiten innerhalb einer Website müssen sinnvoll miteinander verknüpft sein. Von Seite A wird zu Seite A.1 verlinkt und nicht B.2. Die Reihenfolge der einzelnen Seiten muss nachvollziehbar gesetzt werden. Sont treten Phänomene auf, wie sie die Abbildung zeigt.

[[Bild:Beziehungen.gif]] 



http://www.webstyleguide.com/page/hierarchy.html (Autor: Lynch and Horton - last Update: 05.März.2004)


Die Funktion einer Menüseite ist die erfolgreiche Manövrierung eines Internetbesuchers durch eine Website. Dabei sind die Faktoren Länge einer Menüseite, und Verschachtlung mehrerer Menüseiten ausschlaggebend für eine mehr oder weniger erfogreiche Recherche auf einer Website.
Das heißt, eine Menüseite darf nicht zu lange sein, die Verlinkung nicht zu veschachtelt.


==''' Die Seitenstruktur'''==

Bei vielen Webanbietern gleiten die Gedanken über das Verfahren des Verlinkens von der einen zur anderen Seite auseinander. Am besten ist es, die Informationen in eine sinnvolle Reihenfolge zu bringen, um somit dem Leser nachvollziehbar aufeinander aufbauende Informationsquellen zu liefern.


===Die Grundlegende Informationsstruktur===

Es können drei grundlegende Strukturen bei der Bildung einer Webseite benutzt werden.


====Sequenzen====

Aneinandergereihte Seiten, die miteinander verlinkt sind, lassen sich als Sequenzen bezeichnen. Sie sind für den Benutzer am unkompliziertesten.


====Hierarchie====

Bei der Hierarchie gibt es eine Menüseite, die alle Links enthält, und man von dort aus auf alle anderen Seiten verlinkt wird.
Doch hier kann ein Problem auftreten. Bei diesem Modell muss man, um zum nächsten Thema zu gelangen, wieder auf die Hauptseite zurückkehren. Bei mehreren Seiten und Themen kann dies zur Verwirrung des Benutzers führen.


====Webs====

Bei Webs werden neben internen Verlinkungen themenspezifisch auf externe Links auf andere Seiten gelegt, um einen Themenbereich näher zu erläutern. Diese Art von Verlinkung wird meistens nur bei Seiten gesetzt, wo der Leser eine gewisses Grundwissen mitbringt.



=='''Elemente einer Website'''==

Viele Webseiten variieren stark in ihrer Organisation, Absicht, ihrem Aussehen und Inhalt. Alle  Webseiten informativen Charakters teilen jedoch einige typische Merkmale.
Um Internetseiten einheitlicher zu gestalten, gibt es einen Masterplan (siehe Abbildung), der zeigt, nach welchen Richtlinien man eine Internetseite aufbauen kann. Solch ein Gerüst dient als Unterstützung zum Bau einer Webseite. 
Zuerst ist es ratsam, sich mit dem Grundgerüst zu beschäftigen, bevor in einem spästeren Schritt die Inhalte eingefügt werden. Nach diesem Modell ist es am einfachsten, die einzelnen Inhalte auszutauschen, ohne etwas am Grundgerüst zu ändern. Auch Layout, wie Farben und Logos, sind später nach Belieben auszutauschen. Wichtig ist, dass die Übersichtlichkeit und Benutzerfreundlichkeit bewahrt wird, wie es in diesem Modell präsentiert wird.


[[Bild:Elemenste_einer_Website.gif]]


Lynch, Patrick; Horton, Sarah (2004): Web Style Guide. 2nd edition. Online abrufbar unter: http://www.webstyleguide.com/site/home.html

=='''Was ist beim Sitedesign zu beachten?'''==

Beim Sitedesign ist zu beachten, die Informationen mit Hilfe eines gut organisierten Grundgerüstes (Grunddesign/Sitedesign) dem Adressaten durchschaubar und nachvollziehbar auf einer Webseite zu präsentieren und dabei auf Qualität und Genauigkeit des Inhaltes zu achten.


=='''Online-Quelle'''==

*Lynch, Patrick; Horton, Sarah (2004): Web Style Guide. 2nd edition. Online abrufbar unter: http://www.webstyleguide.com/site/index.html


[[category:Informationsdesign]]