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.
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
11.
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
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
98.
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
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
116.
117.
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
119.
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
123.
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
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/