Vortragsseminar Medien und Gestaltung

1
Vortragsseminar Medien und Gestaltung

• Screendesign und Webdesign
• Christoph Becker

2
Gliederung

1. Screendesign
2. Definition
3. Standards
4. Gestaltungsaspekte und Praktischer Einsatz
5. Webdesign
6. Definition
7. Standards
8. Gestaltungsaspekte
9. Beispiele
10. Zusammenfassung

3
Gliederung

1. Screendesign
2. Definition
3. Standards
4. Gestaltungsaspekte und Praktischer Einsatz
5. Webdesign
6. Definition
7. Standards
8. Gestaltungsaspekte
9. Beispiele
10. Zusammenfassung

4
Screendesign (1) - Definition

• Präsentation von Inhalten
• Gestaltung von Benutzerinterfaces
• Usability

5
Screendesign (2) - Standards

• ... sind gut für
• den Benutzer (Gesundheit, Sicherheit,
  Wohlbefinden, Leistungsvermögen)
• und finden sich in...
• Gebrauchstauglichkeit DIN 55350-11
• Benutzungsfreundlichkeit ISA 9421

6
Screendesign (2) - Standards

• ISO 9421-2 (Humankriterien)
• Benutzerorientierung
• Vielseitigkeit
• Ganzheitlichkeit
• Bedeutsamkeit
• Handlungsspielraum
• Rückmeldung
• Entwicklungsmöglichk.

• ISO 9421-10 (Dialoggestaltung)
• Aufgabenangemessenheit
• Selbstbeschreibungsf.
• Steuerbarkeit
• Erwartungskonformität
• Fehlertoleranz
• Individualisierbarkeit
• Lernförderlichkeit

7
Screendesign (3) - Gestaltungsaspekte

• Was will ich und warum?

Benutzer zum Benutzen anregen und ihn unterstützen

• Wie mache ich das?

Beachtung von Gestaltgesetzen (s.
Bsp.) Figur-Grund-Unterscheidung
(s.Bsp.) Farbauswahl (Wirkung von Farben,
kulturelle Einflüsse)
8
Screendesign (3) Praktischer Einsatz

• Vergleiche die erworbenen Kenntnisse mit einem
  Beispiel aus der Praxis
• Word vs. OpenOffice
• Gegen welche Regeln wird verstoßen?

9
Screendesign (3) Praktischer Einsatz
10
Screendesign (3) Praktischer Einsatz
11
Gliederung

1. Screendesign
2. Definition
3. Standards
4. Gestaltungsaspekte und Praktischer Einsatz
5. Webdesign
6. Definition
7. Standards
8. Gestaltungsaspekte
9. Beispiele
10. Zusammenfassung

12
Webdesign (1) - Definition

• Gestaltung, Aufbau und Nutzerführung
• Hypermedia

13
Webdesign (2) - Standards

• Wozu? Für wen?
• HTML4.01 / XHTML1 / XML
• Inhalt mit oder ohne Formatierung
• CSS1 / 2
• Formatierung von Text und Seite (Navigation)
• WCAG / WAI
• promoting a high degree of usability fpr people
  with disabilities (www.w3.org/WAI)

14
Webdesign (3) - Gestaltungsaspekte

• Ladezeit / Bandbreite
• geringe Größe der Dateien
• geringe Anzahl
• Hohe Reichweite
• Plugin-Verzicht
• Verzicht auf Javascript/ActiveX
• gute Präsentation
• gute Navigierbarkeit
• Übersicht

15
Webdesign (3) - Gestaltungsaspekte

• konsistentes Design
• Anwendung allgemeiner HTML und CSS Tags
• Browser stellen Seiten u.U. unterschiedlich dar

16
Webdesign (4) - Beispiele
17
Webdesign (4) - Beispiele
18
Webdesign (4) - Beispiele
19
Zusammenfassung

• Aller Anfang ist schwer.
• Standards und Normen lassen sich nicht oder nur
  schwer und unter großem Aufwand auf Einhaltung
  überprüfen.
• Usability gewinnt zunehmend an Bedeutung.
• Webdesign ist herstellerabhängig und selten
  behindertengerecht.
• Einfache Paradigmen, bei denen man sofort
  Zustimmung erhält, werden oft nicht beachtet.

20
Danke!

• Ihr werdet es besser machen )

21
Literatur / Quellen

• BEC01 Becker, Chr. Objektwahrnehmung und
  Gestaltgesetze nach Wertheimer Seminararbeit,
  Uni-Rostock,
• http//www.ch-becker.de/extern/vosem, 2001
• BLA01 Blaha, F. (Hrsg.) Trends der
  Bildschirmarbeit, Springer Verlag Wien New York,
  2001, ISBN 3-211-83504-0
• DIN50 Deutsches Institut für Normung e.V. DIN
  55350-11 Begri zu Qualitätsmanagement und
  Statistik -
• Teil 11 Begrie des Qualitätsmanagements,
  1995-08, Nr. 4
• ISO21 International Organization for
  Standardization Software-Ergonomie, DIN EN ISO
  9421, Teil 1017
• KAR04 Karstens, B. Dialogsysteme und
  Softwareergonomie, Vorlesungsscript, Uni-Rostock,
  2004
• NIE93 Nielsen, J. Usability Engineering,
  Academic Press, 1993, ISBN 0-125-18405-0
• SOE98 Sölch, R. Die Evolution der Farben,
  Urania, Stuttgart, 1998
• OER03 Oertel, K. Usability-Evaluation
  Strategien zur Bewertung der Gebrauchstauglichkeit
  von interaktiven
• Web Interfaces Dissertation, Uni Rostock, 2003
• USA1 Diamont Bullet Usability-Guideline,
  http//www.usabilityrst.com/
• WAN93 Wandmacher, J. Software Ergonomie,
  Verlag Walter de Gruyter, 1993
• WCAG Chisholm, W. Vanderheiden, G. Jacobs,
  I. Web Content Accessibility Guidelines 1.0,
• W3C Recommendation 5-May-1999, http//www.w3.org/T
  R/WAI-WEBCONTENT/
• WIN95 Windischbauer, G. et al. Grundlagen der
  Medizinischen Physik, Uni Wien, 1995,
• http//i115srv.vu-wien.ac.at/physik/ws95/W9500000.
  HTM