Konzeption – Grobkonzept & Feinkonzept

Eine Website zu erstellen ist inzwischen fast so einfach, wie einen Brief mit Word zu schreiben. Doch eine erfolgreiche Site braucht ein gutes Konzept. Die meisten Sites haben gar keines. Daher ärgern wir uns als Nutzer täglich mit schlechten Sites herum.

Machen Sie es anders! Erfahren Sie, wie eine Site benutzerfreundlich wird. Denn nur Sites, auf denen sich die Benutzer zurechtfinden, sind langfristig erfolgreich.

Hier stehen Ihnen Vorlagen für Ihre eigenen Konzepte und Sitemaps zum kostenlosen Download zur Verfügung.

Vorlagen für Sitemaps

Jede Website braucht schon in der Konzeptionsphase eine Sitemap. Sie verschafft den Konzeptern, den Auftraggebern und allen anderen Beteiligten eine übersicht. Doch fast jeder Konzepter hat eigene Regeln für das Gestalten der Sitemap.

Daher hier der Versuch einer Vereinheitlichung. Die Nomenklatur stützt sich auf den amerikanischen Konzepter Jesse James Garrett, der eine in den USA recht weit verbreitete Struktur festgelegt hat.

Übersicht der Elemente (pdf – 64 KByte)

Die Vorlagen gibt es für die Diagramm-Programme Microsoft Visio, Concept Draw und OmniGraffle.
Im Zip-File ist jeweils eine Installationsanweisung enthalten.

Vorlagen für Visio, das Programm ist nur für PC erhältlich (getippt – 56 KByte)
Vorlagen für ConceptDraw / PC (getippt – 16 KByte)
Vorlagen für ConceptDraw / Mac (getippt – 16 KByte)
Vorlagen für OmniGraffle 2 , das Programm gibt es nur für Mac (getippt – 6 KByte).
Vorlagen für OmniGraffle 3 (und neuer), das Programm gibt es nur für Mac (getippt – 6 KByte).

Nähere Infos zu den Programmen

Vorlagen für Konzepte

Jeder Konzepter hat andere Vorlieben, was Aussehen, Umfang und Inhalt seiner Konzeptpapiere angeht. Sogar die Begriffe unterscheiden sich häufig von Agentur zu Agentur. Hier die Vorlagen im Word-Format für Grob- und Feinkonzept, welche die Begriffe aus dem Buch Website-Konzeption verwenden.
Vorlage Grobkonzept (Word-Datei, gezippt – 8 KByte)

Grobkonzept

Im Grobkonzept definieren Sie die Rahmenbedingungen. Das Ziel der Site, die Zielgruppe, der Umfang und die Funktionen sind hier ebenso aufgeführt wie die Art der verwendeten Medien. Das Grobkonzept stellt sicher, dass Agentur und Auftraggeber auf dasselbe Ziel hinarbeiten.

Feinkonzept

Das Feinkonzept ist das Produktionshandbuch für die Site. Darin sind alle Texte, Grafiken und weiteren Medien aufgeführt, die auf die Site kommen. Es wird auch als Produktionskonzept oder (eigentlich falsch) als Storybook bezeichnet.
Vorlage Feinkonzept (Word-Datei, gezippt – 12 KByte)

Software-Empfehlungen für Diagramme und Sitemaps

Microsoft Visio – http://office.microsoft.com/de-de/visio/

Teuer, bewährt und gut. Die umfangreichen Möglichkeiten zur Programmierung braucht zwar fast niemand, aber das Programm ist leicht zu bedienen und sehr flexibel. Nur für PC. Die Standardversion kostet ca. 320 €.

OmniGraffle – http://www.omnigroup.com/omnigraffle/

Eher günstiges und sehr intuitives Programm. Für alle, die in erster Linie Sitemaps und Ablaufdiagramme zeichnen, erste Wahl. Nur für Macintosh und iPad erhältlich. 99 US $ in der Standard-Version, 199 $ in der Pro-Version (die man nicht unbedingt braucht). Für iPad 45 €.

FreeMind – http://freemind.sourceforge.net/wiki/index.php/Main_Page

FreeMind ist eine Mindmap-Software für Windows, Mac und Linux. Sie ist open-source, also kostenlos. Dafür muss man über das nicht ganz zeigemäß wirkende Interface hinwegsehen. Wer Mindmaps als Kreativitäts-Technik einsetzt, wird mit dem Programm klar kommen.

LucidChart – http://www.LucidChart.com

Robuster online-Diagrammzeichner mit ordentlichen Ergebnissen und mittlerem Komfort. Was aber sehr gut ist, sind die Möglichkeiten, die Diagramme zu veröffentlichen und andere daran mitarbeiten zu lassen. Bringt auch eine Versionsverwaltung mit, die automatisch frühere Stände der Diagramme sichert. Grundversion kostenlos.

Gliffy – http://www.gliffy.com

Einer der ältesten online-Diagrammdienste. Seitdem sie ihre Oberfläche von Flash auf HTML5 umgestellt haben ist diese auch schön anzusehen und läuft rund. Grundversion kostenlos.

Weiter im Projekt auf benutzerfreun.de:

Planung – Vorgehen bei der Website-Konzeption
Visuelles Design / Gestaltung