Website für die Gemeinde erstellen: Wireframe

In den letzten Wochen habe ich die verschiedenen Funktionen der zukünftigen Website mit unserem verantwortlichen Bereichsleiter durchgesprochen und abgeklärt. Die neue Website unserer Gemeinde soll in ihrer funktionsweise relativ minimalistisch gehalten werden und neben den hauptsächlich statischen Seiten kommen die üblichen Verdächtigen ins Spiel: Downloads, Galerie, Kalender, E-Mail-Newsletter und ein paar mehr — also nichts Außergewöhnliches.

Nachdem die Funktionen nun weitestgehend feststehen, habe ich mich an mein Moleskine gesetzt und ein grobes Wireframe für die Startseite skizziert.

Was ist ein Wireframe?

Dies ist eine schematische Darstellung einer einzelnen Seitenvorlage. Hier werden die grundlegenden Elemente der Seite festgehalten. Ein konzeptuelles Layout sollte erkennbar sein. Ein vollendetes Design ist nicht notwendig.

Quelle: Wikipedia

Mittlerweile hat mich der Sinn und Nutzen von Wireframes vollkommen überzeugt, so dass ich jetzt bei jedem Projekt erstmal mit einem groben Wireframe beginne bevor ich mich an das konkrete Design mache. Ein Wireframe hilft mir dabei, mir schon im Vorfeld gründliche Gedanken über die einzelnen Funktionen und die Anordnung dieser und des eigentlichen Inhalts zu machen. Das Grundgerüst, das dadurch entsteht, ist dann beim Gestalten der Seiten sehr hilfreich und spart eine Menge Zeit. Natürlich halte ich mich während des Gestaltungsprozesses nicht sklavisch an die Vorlage, denn manchmal fällt einem noch nachträglich etwas ein oder man merkt, dass etwas nicht so funktioniert, wie man es sich ursprünglich gedacht hatte. Aber es bietet einem trotzdem eine sehr gute Orientierung bei der Gestaltung.

Wie man vielleicht auf den Fotos sieht, skizziere ich meine Wireframes gerne mit Stift und Papier. Das macht irgendwie Spaß und entspricht ungefähr meinem zeichnerischen Niveau, außerdem bin ich nicht ständig auf mein Notebook angewiesen und kann ein Wireframe z.B. auch mal in der Straßenbahn oder während langweilen Seminaren in der Uni zeichnen.

Jetzt stehen also sowohl die Funktionen als auch das Konzept für ein Layout fest und es stellt sich die Frage nach einem geeigneten Content-Management-System (CMS). Das ist meiner Meinung nach ein sehr heikler Punkt, weil das CMS die strukturelle Basis einer Website darstellt und eine spätere Änderung recht kompliziert werden kann, deswegen muss es mit Bedacht ausgewählt werden. Aber dazu dann im nächsten Artikel mehr …

Fotos: Angelika Unruh

Weitere Artikel der Serie

• Website für die Gemeinde erstellen: Wireframe
• Website für die Gemeinde erstellen: CMS
• Website für die Gemeinde erstellen: Design

20. Oktober 2008 von Peter Unruh
Kategorien: Webdesign | Schlagwörter: gemeindewebsite, moleskine, tutorial, Webdesign, wireframes | 4 Kommentare