Konzept einer Website

Von Stefan Bucher
Erstellt: 25.02.2003
Geändert: 16.12.2004

 

Inhalt

Was ist eine Website?

Vorsicht mit den Begriffen: Eine Web-Site (englisches Wort «site», auf Deutsch «Ort», «Schauplatz», «Gelände») ist eine Sammlung von Dokumenten im Web, die zusammen ein ganzes Angebot ergeben. Eine einfache Website besteht beispielsweise aus sechs einzelnen Web-Seiten.

Folgende Kriterien zeichnen eine Website aus:

Eine Website soll genau geplant sein. Es empfiehlt sich ein detailiertes Konzept auszuarbeiten. Dies erlaubt ein genaues Vorgehen bei der Realisierung des Web-Projekts. Überraschungen und Enttäuschungen können so vielleich reduziert werden.

Zielgruppe

An wen richtet sich Ihre Website? Ist es Ihre Familie, Ihre Freunde, Vereinsmitglieder, Leute mit einem speziellen Interesse an Ihrem Hobby, Wählerinnen und Wähler, Kunden, Geschäftspartner, Hilfe Suchende, Kontakt Suchende, usw.?

Sie entscheiden, für wen Sie Ihre Website machen. Und entsprechend sollte sich Konzeption, grafische Darstellung, Inhalt und Struktur auf die anvisierten Nutzerinnen und Nutzer ausrichten.

Absicht

Möchten Sie, dass die Besucherinnen und Besucher Ihrer Website einfach nur Informationen nachlesen oder anschauen können? Oder haben Sie die Absicht, eine interaktive Kommunikation anzubieten?

Eine Website kann unterschiedliche Kommunikationsabsichten erfüllen:

Unterschiedliche Kommunikationsmethoden stehen zur Auswahl:

Inhalt

Die Zielgruppe und deren Erwartungen sowie Ihre Kommunikationsabsicht bestimmen den Inhalt der Website.

Sie haben die Wahl, Texte, Fotos, Animationen, Video-Filme oder Ton-Dokumente in Ihre Website zu integrieren. Die verschiedenen Formate können für die Präsentation Ihrer Inhalte Vor- oder Nachteile haben.

Ihre Inhalte sollten den Gewohnheiten der Web-Nutzerinnen und -Nutzern entsprechen und mediengerecht aufbearbeitet sein. Beachten Sie dazu das Kapitel «Texte fürs Web» in diesem Tutorial.

Struktur

Entscheidend für das schnelle Auffinden von Informationen auf Ihrer Website ist eine klare, überblickbare Site-Struktur.

Für die Nutzer sichtbar wird die Struktur in den Navigationselementen der Website. An die Site-Navigation werden folgende Anforderungen gestellt:

Es gibt verschieden Navigations- und damit Site-Strukturierungs-Typen.

Die hierarchische Navigation ist bekannt aus dem Windows Explorer. Die Strukturierung verläuft von oben nach unten. Ausgangspunkt ist die oberste Hierarchiestufe. Von dort führt eine Auswahl auf eine tiefere Stufe, die wiederum auf Elemente einer weiteren Stufen verweist.
Die Datei auf der obersten Ebene ist meist die sogenannte Homepage, die Anfangs- oder Hauptseite.

Hirarchische Struktur
Hirarchische Navigations-/Site-Struktur.

 

Praxis-Tipp: Hauptnavigation und Unternavigation
Die Hauptnavigation verweist zu den Hauptsektionen einer Website und sollte auf jeder einzelnen Seite sichtbar sein. Deshalb wird sie auch «persistente Navigation» genannt. Innerhalb der Sektionen kommt zur Hauptnavigation die Unternavigation dazu.

Die lineare Navigation ist auf einer einzigen Ebene. Die einzelnen Dokumente stehen nebeneinander. Die Nutzer können sich der Reihe nach vorwärts oder rückwärts durch die Seiten bewegen. Diese Sturktur eignet sich für Inhalte wie Anleitungen oder Diashows.

Lineare Struktur
Lineare Navigations-/Site-Struktur.


Zusätzlich zur Navigation bietet sich als eine Möglichkeit, Site-Inhalte in einer Struktur darzustellen, die Sitemap an, sozusagen die Landkarte einer Website. Ein Beispiel dazu aus dem Web ist die Sitemap der Schweizerischen Retungsflugwacht REGA:externlink.gif http://www.rega.ch/de/sitemap.aspx.

Eine weitere gute Navigationsalternative ist ein A–Z-Index. Dort lassen sich Inhalte alphabetisch auswählen.

Ausschnitt eines A-Z-Index
Ausschnitt eines A–Z-Index.

Hinweis: Der Artikel Navigationssysteme im World-Wide-Web (http://www.webwriting-magazin.de/inter/butznavigation.html) bietet eine gute Übersicht über die Navigationstypen und erläutert die Anforderungen an die Site-Navigation.

Technologie

Die Web-Technologie ist für das Funktionieren der Website zuständig.
Sie können eine einfache Website komplett in HTML realisieren. Der Nachteil dabei ist, dass Gestaltung, Struktur und Inhalt statisch sind.

Wünschen Sie dynamische Web-Inhalte, müssen Sie als HTML-Erweiterung zu Script-Sprachen greifen. Solche Script-Sprachen sind:

Ein Beispiel für eine JavaScript-Web-Anwendung ist der externlink.gif HTML-Builder im Kapitel HTML-Grundlagen dieses Tutorials.

Server-seitige Script-Sprachen erlauben vielfältigere dynamische Anwendungen. Es lassen sich so Gästebücher und Diskussionsforen realisieren, Web-Formulare verarbeiten und eine Site-Suche einrichten.
Weit verbreitet ist PHP in Verbindung mit einer MySQL-Datenbank.

Diese Web-Anwendungen erfordern höhere Programmierkenntnisse. Ausserdem muss der Web-Server unter Umständen dafür speziell eingerichtet werden.

Fertige Web-Anwendungen in verschiedenen Script-Sprachen gibt es beispielsweise unter
externlink.gif www.hotscripts.com kostenlos zum Herunterladen.

Grafische Umsetzung

Ihre Website braucht ein grafisches Kleid. Wie das aussieht, hängt wiederum von Ihrer Zielgruppe, Ihrer Absicht und von der Funktionalität ab.

Entscheidend ist, dass die gesamte Site in einer einheitlichen grafischen Gestaltung daher kommt. Sie kommunizieren damit ihre visuelle Identität.

Die Gesaltung der Website soll die User bei der Navigation und beim Auffinden von Informationen unterstützt. Grafische Hinweise leisten einen wichtigen Beitrag zur Orientierung auf Ihrem Web-Angebot.

Stellen Sie dasshalb sicher, dass Nutzerinnen und Nutzer immer genau sehen können, dass sie sich innerhalb Ihrer Website befinden. Das erreichen Sie durch eine eindeutige, durchgehende Sitekennung (meist das Logo in der Ecke oben links).

Eine weitere Anforderung ist die Schnelligkeit. Eine Grafische Oberfläche mit vielen GIF-Bildern braucht länger, bis sie vollständig geladen ist, als eine Gestaltung mit Textlinks. Ebenfalls warten müssen Nutzerinnen und Nutzer oft bei Sites, die auf der Flash-Technologie basieren oder sonstige Plug-Ins benötigen.

Praxis-Tipp: Webdesign
Auf der Suche nach Ideen für die grafische Site-Gestaltung? Dann empfiehlt sich eine längere Surf-Tour durchs World Wide Web. Besuchen Sie Sites mit ähnlicher Ausrichtung wie die Ihrer und sammeln Sie Eindrücke, Beispiele und Ideen. Guter Ausgangsort für eine solche Entdeckungsreise sind die Surftipps (http://www.drweb.de/surftipps/index.shtml) von Dr. Web.