Webdesign - Webseiten planen, gestalten - Free-Hack Library

Styleguide
baren und sinnvollen Weise aufgebaut ist und dass der Code gut
strukturiert, wiederverwendbar und korrekt ist. Für die später
hinzuzufügenden dynamischen (programmierten) Teile sollte ein
Styleguide verwendet werden, wie es ihn z. B. von den jeweiligen
Entwicklern der Programmiersprache gibt.
TIPP: Während der gesamten Implementationsphase sollten Sie
regelmäßig Code Reviews durchführen. Ein Vorschlag wäre alle 7-10
Arbeitstage bzw., wie oben bereits erwähnt, nach Hinzufügen eines
neuen Features. Dieses Vorgehen gewährleistet, dass systematische
Fehler behoben werden können, bevor die Programmierung zu
weit fortgeschritten ist.
Ein Beispiel für einen Code Review könnte ein informeller „Walkthrough“
durch den Code sein. Die Kommentare der Reviewer
sollten schriftlich festgehalten und in Kategorien wie „Notwendige
Änderungen“ und „Vorgeschlagene Änderungen“ unterteilt werden.
Notwendige Änderungen wären beispielsweise wichtige Bugs,
während vorgeschlagene Änderungen kleinere Verbesserungen
im Programmierstil oder Vereinfachungen sein können. Diese
Änderungen werden dann je nach Priorität eingepflegt.
7.4 Styleguide
Das Layout ist für den Designer die natürlichste Sache der Welt,
für die anderen Projektbeteiligten oft aber erklärungsbedürftig.
Der Styleguide ist ein Arbeitsmittel, um die Gestaltung einer (meist
umfangreichen) Site und deren wichtigste HTML-Attribute zu
dokumentieren. Im Styleguide werden alle Layoutmerkmale exakt
aufgeführt (Abb. 7.4a, b). Folgende Parameter sind gemäß dem
verabschiedeten Designentwurf im Styleguide zu definieren:
• die Typofestlegung (Schriftart, -grad, -lage, -farbe),
• der Seitenaufbau,
• die Positionierungsmaße,
• die Seitenfarbe,
• die Bilddefinition (Bildgröße, Ausführungsart, Perspektive,
Hintergründe).
Dies betrifft außerdem Parameter der HTML- und CSS-Umsetzung,
denn diese haben die wichtige Aufgabe, die Gestaltung browserübergreifend
konsistent zu halten. Für die spätere Pflege der Site
ist der Styleguide eine wichtige Arbeitsgrundlage.
Ein Styleguide dient als Nachschlagewerk für Dritte, die an der
Gestaltung nicht aktiv beteiligt waren, aber die Website technisch
umsetzen oder Inhalte austauschen und pflegen.
Man unterscheidet zwei unterschiedliche Arten von Styleguides.
Ein grafischer Layout-Styleguide wird auf der Basis des Photoshoplayouts
erstellt. Er hat dann seine Berechtigung, wenn die
PROTOTYPING 7
Linktipps Styleguides:
Styleguide der Web Design Gazette: http://
www.webdesigngazette.de/uebungen/kapitel8/
WDG_StyleGuide.pdf
Styleguide der Bundeswehr: http://www.styleguide.bundeswehr.de/v3/styleguide/
Styleguide des BBC: http://www.bbctraining.
com/pdfs/newsstyleguide.pdf
Styleguide des WDR: http://www.wdrdesign.
de/_media/pdf/WDRinternet.pdf
Sammlung von Styleguides: http://www.designtagebuch.de/wiki/corporate-design-manuals/
251