WebDesign  
  Diplomarbeit  
  Videos  
  Service  

Zurück zur Homepage von Thomas Fedder
[an error occurred while processing this directive]

Internetseiten Öffentlicher Bibliotheken -
eine kritische Analyse

Kapitel 2.2: Kriterien zum Layout

Kriterien zum Layout lassen sich im Gegensatz zu den formalen Kriterien nicht immer objektiv feststellen. Oft ist die Beobachtung des Nutzers von vorherigen Erfahrungen geprägt bzw. einfach nur von seinem Geschmack abhängig. Dieser Tatsache kann allerdings bei der Bewertung von Internetseiten keine Berücksichtigung finden, da die Beobachtungen jedes Nutzers subjektiv sind.


Frames und /grafiken zähle ich als Bestandteile des Layouts. Aufgrund der Tatsache, daß diese Layoutmittel jedoch umstritten sind, lege ich zuerst die Vor- und Nachteile dar. Die Vor- und Nachteile werden dann von mir verglichen und aufgrund dieses Vergleichs Kriterien aufgestellt.


Inhalt

 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.1
Grundsätzliches

Als Oberster Leitsatz gilt: "Eine Web-Page sollte mit jedem Browser in jeder (vernünftigen) Einstellung gut aussehen." [37] Zwar kann man darüber streiten, was jetzt vernünftig heißt, jedoch wird eins deutlich: Seiten, die auf einen bestimmten Browser zugeschnitten sind, sind als schlecht zu bewerten und daher abzulehnen.

Wenn man dann Seiten gestaltet, wird empfohlen, sich jederzeit auf das Wesentliche zu beschränken und überflüssige Bestandteile wegzulassen. [38]

Daß dies nicht immer der Fall ist, meint auch Vogt: "Die meisten Websurfer klicken genervt weiter, wenn ihnen schlechtes, unübersichtliches Design vor die Nase kommt - und schauen meist kein zweites Mal vorbei." [39]

Folgende /grafiken sollen verdeutlichen, was gutes und schlechtes Design ist: [40]

Abbildung 2) Beispiel für schlechtes (links) und gutes Design

Abbildung 2) Beispiel für schlechtes (links) und gutes Design

Daher ist es für Bibliotheken wichtig, sich die folgenden Kriterien zu vergegenwärtigen.

 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.2
Ausrichtung

Die Ausrichtung eines Textes kann auch das Layout einer Seite stark beeinflussen. Daher ist folgendes Kriterium für die Ausrichtung zu beachten:

  • Sieht es so aus, als wäre der Text auf der Seite an gedachten senkrechten und waagerechten Linien ausgerichtet? [41]
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.3
Frames

Frames zähle ich zum Layout, da man wenn man will - auf sie verzichten kann. Wenn man sie allerdings einsetzt, können sie wesentlich zum Layout einer Seite beitragen.

Vorteile von Frames:

  • "Eine Lösung mit Frames unterstützt effiziente Navigation, eine ohne Frames nicht" [42]
  • "Die Navigation wird also deutlich vereinfacht, da man nicht mehr durch das gesamte Dokument scrollen muß, um die Navigationsleisten zu finden" [43]

Nachteile von Frames:

  • "Der ausschließliche Einsatz von Frames zur Seitenstrukturierung endet fast immer in einer optisch wenig ansprechenden Site." [44]
  • "Die Ladezeit einer Seite mit Frames nimmt mit Anzahl der Unterteilungen deutlich zu." [45]
  • Dem eigentlichen Inhaltsframe wird durch gleichzeitig sichtbare andere Frames wie Logo, Banner, Navigationsleiste und Hauptmenu zu wenig Platz eingeräumt. [46]

Mein Fazit:

Wenn man die Vor -und Nachteile von Frames gegeneinander abwiegt, überwiegen meiner Meinung nach die Vorteile. Allerdings sollte immer folgendes beachtet werden:

  • Eine framelose Startseite, die zusätzlich angeboten wird, ist immer sinnvoll. [47]
  • Frames sollten immer "sparsam und gezielt" eingesetzt werden. [49]
  • Frames sind nur für den "maßvollen Einsatz zur Unterbringung von Navigationsleisten" sinnvoll, jedoch nicht zur "sinnlosen Zergliederung des Bildschirms". [49]
  • Ich halte zwei Frames für sinnvoll: Ein Frame als Navigationsleiste, einer als Inhaltsframe.

All dies drückt Eike folgendermaßen aus:

"Auf gut gestalteten Websites passen sich Frames harmonisch, das heißt unauffällig, in das Gesamtlayout ein." [50]

Basierend auf diesen Grundsätzen gelten folgende Kriterien:

  • Werden Frames verwendet?
    Wenn ja:
  • Sind die Frames rahmenlos? [51]
  • Welche Funktionen erfüllen die Frames?
    • Navigationsleiste
    • Inhalt
    • sonstiges
  • Wenn eine Navigationsleiste vorhanden ist:
    • ist sie links angeordnet? [52]
    • sind alle Navigationselemente zu sehen, ohne daß gescrollt werden muß? [53]
  • Gibt es ein alternatives frameloses Angebot?
    • Wenn nein, gibt es zumindest eine framelose Startseite?
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.4
/grafiken

/grafiken sind dem Layout zuzuordnen, weil sie einen großen Einfluß auf das Layout einer Seite haben. Dieses wird deutlich, wenn man Seiten von Firmen betrachtet, die sich derzeit im Internet befinden.

Vorteile von /grafiken:

  • "Eine Grafik kann einen Text auflockern und somit das Lesen eines Dokumentes angenehmer machen." [54]
  • "Eine Grafik kann einen Text verdeutlichen, Aussagen veranschaulichen ..." [55]
  • Dies unterstreicht der Volksmund, wenn er sagt: "Ein Bild sagt mehr als tausend Worte".
  • /grafiken können auch zur Orientierung in einem Dokument dienen. [56]

Nachteile von /grafiken:

  • Ein Bild sagt zwar mehr als tausend Worte. Jedoch dauert es in der Regel um ein Vielfaches länger, eine Grafik als einen Text zu laden. [57]
  • Beyer und Hüskes sagen gar, daß dies meistens sogar zehnmal so lange dauert. [58]

Mein Fazit:

Bei der derzeitigen Überlastung des Internets ist meiner Meinung der Einsatz von /grafiken eingeschränkt zu empfehlen. Wenn man sich für /grafiken entscheidet, sollten sie nie als Selbstzweck eingesetzt werden. [59] Außerdem sollten /grafiken "... sparsam, aber nicht zu geizig eingesetzt werden und sollten nur da benutzt werden, wo sie zum tieferen oder leichterem Verständnis eines Textes beitragen." [60]

Basierend auf diesen Aussagen ergeben sich folgende Kriterien:

  • Tragen die /grafiken zum besseren Verständnisses des Textes bei?
  • Wenn die /grafiken im GIF Format sind: Sind sie als interlaced definiert? [61]
  • Ist das ganze Bild zu sehen, ohne daß die Seite Horizontal oder vertikal gescrollt werden muß ? [62]
  • Wenn eine große und farbintensive Grafik unumgänglich ist: Ist ein Thumbnail vorgeschaltet? [63]
    (Ein Thumbnail ist eine kleine, max 160 x 160 Pixel große Grafik [64])
  • Ist die Grafik mit einem alternativen (ALT) Text versehen? [65]
  • Ist die Größe der Grafik angegeben? [66]
  • Wenn Diagramme und Imagemaps zu sehen sind:
    Ist der Inhalt dieser auch im Text beschrieben? [67]
  • Wenn Animierte /grafiken benutzt werden:
    • Können sie weggescrollt werden?
      (So daß sie im weiteren Verlauf der Seite nicht stören?) [68]
    • Können sie abgestellt werden?
      (Durch Unterbrechen des Ladevorgangs) [69]
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.5
Hintergrund-
/grafiken

Hintergrund/grafiken können jeder Seite ein gutes Aussehen verleihen.

Jedoch muß alles auf der Seite inclusiv dem Text leicht lesbar sein. [70]

  • Egal ob eine Hintergrundgrafik verwendet wird oder nicht:
  • Ist eine Hintergrundfarbe voreingestellt? [71]
  • Ist der Text und andere Bestandteile auf der Seite leicht lesbar?
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.6
Links

Hyperlinks sind das A und O einer guten Webseite, weil sich eine Webseite erst durch Links von einer gedruckten Seite unterscheidet. Aber auch hier gibt es einiges, was man beachten sollte:

  • Ist die Anzahl der Links angemessen?
    (Falls nicht, wirkt die Seite mit Links überladen) [73]
  • Werden Linktexte wie "klicken Sie hier" vermieden? [74]
  • Daraus folgt: Sind die Links eindeutig?
    (Falls nicht, geht das Linkziel nur aus dem Kontext des Textes hervor) [75]
  • Wenn grafische Links verwendet werden:
    Ist aus der Grafik das Linkziel ersichtlich? [76]
  • Beschreibt der ALT Text der Grafik eindeutig das Linkziel?
  • Funktionieren alle Links? [77]
  • Ist auf der Seite mindestens ein weiterführender Link vorhanden? [78]
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.7
Navigations-
hilfen

Navigationshilfen dienen der leichten Navigation durch die verschiedenen Dokumente. Es sind hiermit die Elemente gemeint, die in einer Navigationsleite enthalten sind. Interne Seitenlinks sind hiermit nicht gemeint.

Wie Navigationshilfen nun verwendet werden, bleibt natürlich dem Geschmack des Erstellers der Seite überlassen. Man sollte sich allerdings vergegenwärtigen, daß es zwei Arten von Navigationshilfen gibt: grafische oder textbasierte Elemente.

Unabhängig von der Entscheidung, ob grafische oder textbasierte Elemente, sollte man nie mehr als sieben Hauptpunkte verwenden. [79] Am wichtigsten ist jedoch, daß Bilder schneller wahrgenommen werden als Text.

Aus diesen Gründen ergeben sich folgende Kriterien:

  • Sind Textlinks mit rechteckigen Klammern versehen? [80]
  • Stellen die Buttons einfache Symbole dar und sind sie dadurch eindeutig interpretierbar? [81]
  • Dienen gleiche Buttons immer demselben Zweck? [82]
  • Ist eine alphabetische oder thematische Ordnung der Navigationshilfen erkennbar? [83]
  • Sind die Navigationshilfen auf framelosen Seiten links oben plaziert? [84]
 

 

 
Zum Inhaltsverzeichnis

 

 

 

2.2.8
Texte

Nutzerstudien belegen, daß am Monitor langsam und ungern gelesen wird. [85]

Wenn man dieses beachtet, gelten folgende Kriterien:

  • Ist die Seite links und rechts etwas eingerückt, so daß jeweils ein Rand entsteht? [86]
  • Ist einem längeren Text eine Kurzinformation in Art eines Abstracts vorgesetzt? [87]
  • Ist der längere Text erst über ein Link erreichbar? [88]
  • Wenn bei längeren Texten Absätze gemacht werden:
    Wurde zwischen diesen Absätzen jeweils eine Leerzeile eingeschoben? [89]
  • Ist der Text insgesamt leicht lesbar und übersichtlich?
Seitenanfang
 
vorheriges Kapitel  Inhalt  nächstes Kapitel