Webdesign - Webseiten planen, gestalten - Free-Hack Library

Übung: Prototyping der „pixographen“-Site
7.7.7
(A)
(B)
(C)
7.7.8
(A)
(B)
(C)
7.7.9
(A)
(B)
(C)
Was enthält der Website-Styleguide?
Die Ergebnisse des Usability-Tests
Die Definition der Standpositionen für alle Elemente
aus dem Storyboard
Die Definition aller Layoutmerkmale und der Parameter
Der CSS- und HTML-Umsetzung
Warum wird ein Styleguide erstellt?
Um bei der späteren Pflege und Erweiterung einer
Website ein konsistentes Erscheinungsbild zu gewähr
leisten
Um eine gedruckte Sicherungskopie der vorgenommenen
Styledefinitionen zu haben
Um dem Auftraggeber gegenüber den Umfang der
tatsächlich geleisteten Arbeit in der technischen Umsetzung
deutlich zu machen
Was sollten Sie bei einer Auftraggeberpräsentation
Ihrer Projekt(zwischen)ergebnisse unbedingt beachten?
Dass Sie den Dress-Code des Unternehmens einhalten
Dass Sie dem Kunden eine ausgedruckte Version Ihrer
Präsentation überlassen
Dass Sie nicht alleine präsentieren, damit Sie bei Auseinandersetzungen
einen Zeugen haben
7.8 Übung: Prototyping der „ pixographen“-Site
Wenn Sie mit Ihrem Designentwurf zufrieden sind und einige
der benötigten Inhaltsmaterialien aufbereitet haben, können
Sie sich endlich der exemplarischen technischen Umsetzung Ihrer
„pixographen“-Site in Form eines HTML-Prototyps zuwenden.
In dieser Übung sollen Sie folgende Arbeitsschritte ausführen:
1.
2.
Erstellen Sie einen HTML-Prototyp. Er sollte die Introseite,
je eine Inhaltseite jeder Navigationsebene sowie eventuell
vorgesehene Sonderseiten (Sitemap, Anfahrt, Galerie etc.)
enthalten. Prüfen Sie die Funktionalität des Prototyps in
verschiedenen Browsern und führen Sie die erforderlichen
Browseranpassungen durch.
Erstellen Sie den Styleguide der „pixographen“-Site. Dieser
sollte das maßlich definierte Layoutraster enthalten, die
Definition der Typografie und der Farben, die Ausführungsformen
unterschiedlicher Aktivierungszustände der
Navigation, Arbeitsschritte der Bildbearbeitung etc.
PROTOTYPING 7
Quizfrage 7.7.7
� Lösung (A)
� Lösung (B)
� Lösung (C)
Quizfrage 7.7.8
� Lösung (A)
� Lösung (B)
� Lösung (C)
Quizfrage 7.7.9
� Lösung (A)
� Lösung (B)
� Lösung (C)
257