Herzlich Willkommen - bonneberg.com
Herzlich Willkommen - bonneberg.com
Herzlich Willkommen - bonneberg.com
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
<strong>Herzlich</strong> <strong>Willkommen</strong>
Überblick 3.4.2009<br />
Web-Design<br />
5. Das Webprojekt Phasen und Durchlauf, Beteiligte, Werkzeuge<br />
6. Gestaltgesetze und ihre Anwendung in Websites<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekte und ihre Durchführung<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Briefing<br />
Angebot<br />
Kalkulation<br />
Grobkonzept<br />
Feinkonzept<br />
Designkonzept Umsetzung Usability Test<br />
Launch<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Briefing-Phase<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Ziele<br />
Zielgruppe<br />
Inhalte und Funktionen<br />
Designvorgaben<br />
vorhandenes Material<br />
Launch-Termine<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Angebots- und Kalkulationsphase<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Machbarkeitsstudie<br />
Referenzen<br />
Projektbeschreibung<br />
Kalkulation<br />
Zeitplan<br />
Kommunikationswege<br />
Juristischer Teil<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Grobkonzept-Phase<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Firmenrecherche<br />
Branchenrecherche<br />
Konkurrenzanalyse<br />
Zielgruppe bestimmen<br />
Zielfindung<br />
Funktionen festlegen<br />
Medien festlegen<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Feinkonzeptions-Phase<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Informationen sammeln<br />
Informationsarchitektur erarbeiten<br />
Navigations-Architektur erstellen<br />
Layout anlegen<br />
Prototyp erstellen und testen<br />
Architektur anhand der Testergebnisse überarbeiten<br />
das Feinkonzeptionsdokument erstellen: Beschreiben von<br />
übergeordneten Funktionen, Startseite, Inhaltsseiten<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Designkonzept-Phase<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Gestaltungsraster<br />
Farbklima<br />
Schrift-Vorgaben<br />
Beispielseiten<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Phase der Umsetzung<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Grafik<br />
Texten<br />
HTML-Programmierung<br />
JavaScript-Programmierung<br />
ServerScript-/Datenbank Programmierung<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – Phase der Usability-Tests<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Testmaterial bestimmen<br />
Tester einladen<br />
Testskript vorbereiten<br />
Tests<br />
Protokolle<br />
Korrekturvorschläge erarbeiten<br />
Korrekturen<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Web-Projekt – die finale Phase: der Launch<br />
Web-Design<br />
Briefing | Angebot | Grobkonzept | Feinkonzept | Designkonzept | Umsetzung | Usability Test | Launch<br />
Qualitätssicherung<br />
Provider-Suche<br />
Launch<br />
Anmeldung bei Suchmaschinen<br />
Dokumentation<br />
Abschlussbesprechung<br />
Wartung und Pflege<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze – Wahrnehmen von Gestaltung<br />
Web-Design<br />
Figur und Grund<br />
Nähe<br />
Ähnlichkeit<br />
Geschlossenheit<br />
Gute Gestalt<br />
Gute Fortsetzung<br />
Goldener Schnitt<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Figur-Grund-Beziehung<br />
Web-Design<br />
Die dargestellte Form und die Hintergrundfläche<br />
eines Formates stehen in Beziehung.<br />
Die eindeutige Identifizierung ist abhängig von der Ausführungsform.<br />
www.nqne.<strong>com</strong><br />
Abbildung Rubinscher Becher nach E. J. Rubin<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Gesetz der Nähe<br />
Web-Design<br />
Objekte, die näher beieinander liegen,<br />
werden als Einheit wahrgenommen.<br />
Beispiel<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Gesetz der Ähnlichkeit<br />
Web-Design<br />
Objekte, die einander ähneln,<br />
werden als Einheit wahrgenommen.<br />
Beispiel<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Gesetz der Geschlossenheit<br />
Web-Design<br />
Wenn Objekte durch ihre Anordnung einen Raum umschließen,<br />
wird dieser Bereich als Einheit wahrgenommen –<br />
Selbst dann, wenn er durch weitere Einheiten überschnitten wird.<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Gesetz der guten Gestalt<br />
Web-Design<br />
Jede Figur wird zunächst in ihrer größtmöglichen<br />
Einfachheit wahrgenommen.<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Gesetz der guten Fortsetzung<br />
Web-Design<br />
Objekte, die sich in einer bestimmten Richtung<br />
oder auf einer imaginären Linie wiederholen,<br />
werden als Einheit wahrgenommen.<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze: Der Goldene Schnitt<br />
Web-Design<br />
Proportionen im Verhältnis 1 : 1,62 wirken natürlich-harmonisch.<br />
Vereinfachte Version: Drittelregel<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Gestaltgesetze in der Praxis entdecken<br />
Web-Design<br />
Wie kommen Gestaltgesetze in Internetsites zum Einsatz<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick
Schluss für heute<br />
Web-Design<br />
und vielen Dank für Ihre Aufmerksamkeit<br />
Bonneberg Kommunikation für Unternehmungen: Vorlesungsreihe Web-Design SS 2009 FH Wolfenbüttel | Mediendesign<br />
Überblick