Die Präsentation führt in meine Grundsätze für ein schlichtes und effektives Webdesign ein. Inhalte sind Kompositionslehre, Effizienz und Schlichtheit und besucherspezifische Kommunikation.

1. SRH Hochschule Heidelberg Fachbereich Informatik

2. Exkurs: Save the Pixel 16.03.2009 + 23.03.2009

3. Inhalt Exkurs Kompositionslehre The Art of Simple Web Design Effizienz und Schlichtheit Besucherspezifische Kommunikation

5. Bezeichnung für den formalen Aufbau von Kunstwerken

6. Bezieht sich auf Teile und die zw. ihnen herrschenden RelationExkurs: Save the Pixel

8. Kompositionsschema (künstlerische Plan den sich der Künstler vor Aufnahme seiner Arbeit zusammenstellt)

9. Perspektive ((lat. durchschauen) Übertragung des körperlich- räumlich Geschauten auf die Fläche des Bildes)

10. Proportionslehre (Definition der Regeln, nach denen die Verhältnisse der Teile eines Kunstwerkes untereinander als harmonisch gelten z.B. Proportionen des menschlichen Körpers, der goldene Schnitt)Exkurs: Save the Pixel

12. Goldener Schnitt (Teilung einer Strecke in zwei ungleich lange Abschnitte, so dass sich die kürzere zum längeren wie der längere zur ganzen Strecke verhält; Teilungsverhältnis 5:8) Exkurs: Save the Pixel

14. Symmetrie

15. Licht

16. Reihung

17. FarbeExkurs: Save the Pixel

19. Einwirkung der Farbschwingungen auf Organismus und Psyche

20. Hohen Einfluss auf Wohlbefinden und Lebensgefühl

21. Symbolcharakter von Kulturkreis abhängigExkurs: Save the Pixel

23. Jede einzelne Farbe hat ihre eigene Wirkung die allgemein für jeden Menschen Gültigkeit findetExkurs: Save the Pixel

25. Vitalität

26. Energie

27. Liebe & Leidenschaft

28. Aggressivität

29. Wut

31. Lebensfreude

32. Aufgeschlossenheit

33. Leichtlebig

35. Heiterkeit

36. Wissen

37. Weisheit

38. Vernunft

39. Schmutzige Gelbtöne

40. Täuschung

42. Harmonie

45. Offenheit

47. Distanz

49. Ruhe

50. Vertrauen

53. Kunst

54. Frömmigkeit

57. Dankbarkeit

60. Klarheit

61. Erhabenheit

64. Zurückhaltung

66. Eintönigkeit

67. Unsicherheit

69. Unergründlichkeit

71. Ansehen

73. Ausdruck von Weite, Raum und von Leere

74. Lebendigkeit und Frische

75. Gut geeignet als Hintergrund Exkurs: Save the Pixel

77. Vermittlung von Geborgenheit

79. Intensive Leuchtkraft

80. Gegenseitige Konkurrenz

81. Verwendung in kleinen Mengen

82. Zusammenwirkung mit ungesättigten Farbtönen

84. Einbüßung der Leuchtkraft

87. Zusammenfassung von Sachverhalten

88. Aufmerksamkeiten schaffen

89. Wichtig; Abstimmung der Farben, deutliche Unterscheidung

92. 31 1. Kompositionslehre Exkurs: Save the Pixel Gestaltungsgesetze Figur-Grund- Differenzierung Gesetz der Nähe Gesetz der Ähnlichkeit Gesetz der Geschlossenheit Prägnanz-tendenz Goldener Schnitt Kontraste Symmetrie

93. 32 1. Kompositionslehre Exkurs: Save the Pixel Gestaltungsgesetze Vordergrund, Mittelgrund, Hintergrund Querformat Hochformat Silhouette Perspektive Kreis Linienführung

94. 33 1. Kompositionslehre Gestaltungsgesetze Exkurs: Save the Pixel http://www.feuer-jonglage.com/

95. 34 2. The Art of Simple Web Design Exkurs: Save the Pixel

96. 35 2. The Art of Simple Web Design Themen a) Effizienz und Schlichtheit b) Besucherspezifische Kommunikation Exkurs: Save the Pixel

97. 36 2. The Art of Simple Web Designa) Effizienz und Schlichtheit Ziele von jedem Webdesign: Effizienz und Schlichtheit  Die Dinge sollen sich einfach „anfühlen“ Exkurs: Save the Pixel

99. 38 2. The Art of Simple Web Designa) Effizienz und Schlichtheit Entscheidungs-Fragen Befördert es wichtige Informationen? Fügt es der Marke Bedeutung bei? Hilft es bei den folgenden Fragen: „Bin ich am richtigen Ort?“ „Bin ich auf dem richtigen Weg um das zu bekommen, was ich will?“ Exkurs: Save the Pixel

102. Design dient der Kommunikation mit einer Absicht

103. Der Inhalt muss designt werden, nicht nur die Verpackung

104. Die Verpackung wird schnell ignoriert

105. Ergo: Design hört nicht bei HTML Templates auf

106. Nicht: „…hier Inhalt einfügen…“„Design the content, not the box it comes in” Exkurs: Save the Pixel

107. 41 Exkurs: Save the Pixel Verpackung / Box Inhalt / Content

108. 42 Exkurs: Save the Pixel Verpackung / Box  ??? Inhalt / Content

110. Design: Der Weg ist nicht das Ziel!  Gefahr: kontinuierliche Updates, keine Konzentration auf das Wesentliche

111. Ein Ziel sollten SMART* sein

112. Kein Ziel: „Eine coole Website designen“

113. Richtiges Ziel: „Eine Seite besitzen, die 20% mehr Umsatz erzeugt.“Exkurs: Save the Pixel

114. 44 2. The Art of Simple Web Design Absichts- / Zielbestimmungen SMART: S – Simpel bzw. Spezifisch M – Messbar A – Angemessen R – Relevant (Mehrwert) T – Terminiert Exkurs: Save the Pixel

115. 45 2. The Art of Simple Web Design Exkurs: Save the Pixel An dieser Stelle wurde urheberechtlich geschütztes Material der SAP AG, Technology Advisory Officegezeigt. Mit freundlicher Genehmigung von

118. Beispiele:Angenehme visuelle Gestaltung (angepasst an die Zielgruppe) Eindeutige, kurze Navigationsbegriffe, Menüeinträge, Buttonbeschriftungen Klare Rückmeldung, aussagekräftige Anweisungen & Fehlermeldungen Einleuchtende Navigation Gefühl, die Anwendung zu beherrschen Erfüllung der Erwartungen Exkurs: Save the Pixel

120. Der Besucher ist bereits da, er darf nicht wieder verschreckt werden!!

121. Der Besucher erwartet positive Bestätigung „Bin ich am richtigen Ort?“ „Du bist genau hier richtig!“ Exkurs: Save the Pixel

122. 49 2. The Art of Simple Web Designb) Besucherspezifische Kommunikation Positive Bestätigung Beispiel Shop-Besucher: „Ich möchte ein Unternehmen, dem ich vertrauen kann.“ „Die Produkte sollten nicht zu teuer sein.“ „Ich möchte bei Fragen jemanden telefonisch erreichen können.“ […] Exkurs: Save the Pixel

124. Das gegenteilige Wort sollte nicht negativ besetzt sein!Beispiel: „Das Senioren-Handy ist sicher und verlässlich.“ Gegenteil: Unsicher / Unzuverlässig Niemand würde damit werben, dass das Produkt unsicher oder unzuverlässig ist. Es wird vorausgesetzt!  Pixel verschenkt! Exkurs: Save the Pixel

126. Vielen Dank für eure Aufmerksamkeit! ENDE

127. 53 Quellen Exkurs: Save the Pixel [1] Franz von Kutschera „Ästhetik“ – ISBN 978-3110162769 [2] Kindlers Malereilexikon: Komposition / Directmedia Publishing GmbH (CD) [3] Stefanie Panitz „Gestaltungsgesetze“ http://online-zeichenkurs.de/ [4] Ben Hunt „Save the Pixel: The Art of Simple Web Design“ http://savethepixel.org/