Konzeption

« zurück | drucken

Design

Navigation/ Information

Wenn sich ein Benutzer durch eine Website bewegt, ist das anders als bei einem Buch. Er bestimmt selbst die Reihenfolge und liest sich nicht von Seite 1 bis zur letzten durch. Trotzdem soll er jederzeit wissen, wo er sich gerade befindet, wo er hergekommen ist und wie er wieder zurückfindet. Ist der Benutzer desorientiert fühlt er sich schnell "unwohl" auf den Seiten. Eine Seite sollte nicht zu viele Auswahlmöglichkeiten anbieten. Als Faustregel für die Anzahl gilt 5 plus/minus 2. Der Benutzer ist sonst schnell überfordert und verliert die Übersicht.

Weiter sollten unter dem Punkte Navigation folgendes beachtet werden:
  • bei langen Seiten ein Link "nach oben" einbauen
  • "Alt-Text" bei grafischen Navigationselementen erfassen
  • farbige Textstellen nur bei Links einbauen
  • horizontales Scrollen hassen die Benutzer
  • bei Downloads immer die Dateigrössen angeben
  • mehrere Navigationsbereiche vermeiden
  • Abkürzungen, welche verwendet werden, zuerst einführen


Konsistenz der Texte

Texte müssen für das Internet in der Regel neu aufbereitet werden. Oft wird versucht Geld zu sparen und der Auftraggeber kürzt und überarbeitet die Texte, die seine Werbeagentur für viel Geld kreiert hat selbst. Das Resultat sind meist unkonsistente Texte, denen man ansieht, dass zwei verschiedene Leute "herumgebastelt" haben. Der Stil ist dadurch uneinheitlich, ohne jegliche Kontinuität und die Wortwahl ist nicht besonders abwechslungsreich oder originell.

Typographie

Obwohl der Bildschirm ein anderes Medium ist als Papier, gelten grundsätzlich die meisten typographischen Regeln auch hier:
  • Text wirkt besser, wenn links und rechts ein freier Raum (Rand) ist.
  • Kursiver Text ist auf dem Schirm besonders schlecht lesbar, vor allem in kleiner Schrift
  • Leerzeilentypographie für die Absatztrennung ist verpönt und macht keinen professionellen Eindruck. Leerzeilen trennen Abschnitte, für Absätze eignen sich Einzüge
  • vermeiden Sie horizontale Linien. Sie unterbrechen damit optisch den natürlichen Fluss einer Seite. Um eine Seite zu gliedern kann man mit durchdacht eingesetzten Leerräumen ein besseres Ergebnis erzielen
  • nicht mehr als zwei verschiedene Schriftarten verwenden (Eine für Überschriften und eine für den Textkörper)
  • Textzeilen nicht breiter als acht bis zwölf Worte
  • Text der nur in Grossbuchstaben geschrieben ist, lässt sich schlechter lesen
  • Text der über eine Bildschirmseite hinausgeht, wird oft gar nicht gelesen
  • verzichten Sie auf das Zentrieren von Texten. Das Auge findet den Anfang der nächsten Zelle schlechter
  • bei grossen Dokumentationen Text als PDF-Datei zur Verfügung stellen


Gestaltungsregeln

  • das CI muss auf jeder Seite erkennbar sein
  • negative Kontraste vermeiden
  • unterschiedliche Farben sparsam einsetzen
  • Farbcodes zur Orientierung verwenden
  • verständliche, aussagekräftige Symbole verwenden
  • weissen Text vermeiden, vor allem wenn die Seite ausgedruckt werden soll
  • Schatten und 3D-Effekte sparsam einsetzen
  • problematische Farbkombinationen vermeiden (rot/grün)
  • zu viele Animationen vermeiden, sie lenken nur vom Wesentlichen ab
  • auf das Platzieren von Besucherzähler verzichten. Niedrige Zahlen sind kontraproduktiv hohe Zahlen wirken prahlerisch
  • zu grosses Firmenlogo auf jeder Seite wirkt überheblich
  • nur Schriften verwenden, die jeder Anwender auf dem Computer installiert hat
  • Sonderzeichen in HTML codieren
  • Lagepläne lesbar gestalten. Meist können bestehende Pläne nicht übernommen werden und müssen neu erstellt werden, da sie für den Druck und nicht für den Bildschirm gestaltet wurden
  • bei Hintergrundmusik "Abschalt-Knopf" einbauen




powered by QNetService.ch