FH-Vortrag
Evaluierung von Websites und Werbung mittels Blickaufzeichnung und elektrophysiologischen Messverfahren
Agenda
• Blickverläufe und Aktivierung
• Web – Usability – Analyse
• Werbesujet – Analyse
Blickpfade
Die Gestaltwahrnehmung erfolgt während der Fixationsperioden
Wichtig für Werbung:
• Sakkaden sind vom Interesse abhängig.
• Erfassung von sog. Regressionssakkaden (Verständlichkeit der Texte)
Aktivierung
Zusammenhang zwischen und Intensität Erregungsniveau oder Aktivierung) und
Leistungsfähigkeit (besseres explizites Lernen)
Messverfahren:
• Hautwiderstand
• Pupillendilatation
• Hauttemperatur
• EEG
Web – Usability – Analyse
Zwei Arbeitsschritte:
1.) Kurzdarbietung (ca. 4‐5 Sekunden)
2.) Aufgabenerfüllung
Die ersten 4‐5 Sekunden: beliebige Probanden / keine Aufgabe ‐ Blickpfade
Protokollauswertung und qualitative Interviews
• SW‐Fehler
• Orientierungsproblem
• sonstige kritische Probleme
• eine Vielzahl von Kleinigkeiten
• Änderungswünsche
• Was fehlt?
Werbesujet – Analyse
Die Schwierigkeit von Werbe‐Analysen…
• Sagen Sie einmal einem Architekten, dass das von ihm geplante g , g p Haus schlecht konzipiert ist…
• Erklären Sie einem Arzt, dass die von ihm vorgeschlagene Behandlungsstrategie falsch bzw. seine
Behandlung unnötig ist
Sagen Sie einem Art‐Direktor einer Werbeagentur, dass seine Kampagne in irgendeiner Weise nicht passt….
• Oder sagen Sie das Gleiche zu dem verantwortlichen Marketingmanager….
Analyse vonWerbemitteln (z. B. Plakate, Inserate, Prospekte. TV‐Spots)
– Anonymisierte und Kurz‐Darbietung
– Blickpfade
– Aktivierung
– Qualitative Interviews
– Theoretische Perspektive
Auswahlwerkzeuge
Wie groß ist das Bild „duck.jpg“ in cm und in Pixel und welche Auflösung hat es?
Größe in cm: Breite 16,58 cm und Länge 13,41 cm
Größe in Pixel: Breite 470 Pixel und Länge 380 Pixel
Auflösung: 72 Pixel/ Zoll
Was muss ich machen, wenn ich das Bild in einer Zeitschrift drucken will?
Man muss es auf Auflösung 300 dpi ändern.
Was ist der Unterschied, wenn ich die Auflösung auf 200dpi erhöhe und einmal das Kästchen „Bild neu berechnen mit“ angehakt habe und einmal nicht?
Wenn man es angehakt lässt, dann wird das Bild sehr groß, ansonsten passiert nichts mit dem Bild.
Welche unterschiedlichen Auswahlwerkzeuge werden in dem Trainingsvideo verwendet?
Auswahlrechteck, Lasso-Werkzeug (Magnetisches Lasso, Polygonlasso), Farbfülle, Auswahlellipse, Zoomen, Einzelne Zeile, Einzelne Spalte,
Wie kann eine getätigte Auswahl aufgehoben werden?
STRG-ALT-Z oder Bearbeiten-Schritt zurück
Wie kann man einer bereits gemachten Auswahl einen neuen Auswahlbereich hinzufügen bzw. ihn von der bereits vorhandenen Auswahl abziehen?
Einfach in der Optionsleiste Auswahl hinzufügen anklicken und den gewünschten Bereich auswählen.
Wann sollte man bei einer Auswahl „weiche“ Kanten verwenden?
Damit man bei dem bearbeiteten Bild weichere Kanten hat und die Übergänge nicht so markant sind.
Wie kann eine Auswahl verschoben werden?
Die linke Maustaste gedrückt lassen und dann die Auswahl verschieben.
Was ist der Unterschied zwischen dem Lasso, dem Polygon-Lasso und dem magnetischen Lasso?
Lasso: Man kann Formen auswählen die unregelmäßig sind.
Polygon-Lasso: Man verwendet es für Flächen die sehr gerade sind, z.B. Hochhäuser, dadurch bekommt man zwei Ebenen.
Magnetisches Lasso: Bei dieser Funktion werden die Punkte automatisch gesetzt und man kann auch runde Flächen gut auswählen.
Wie funktioniert das Auswahlwerkzeug Zauberstab und was bedeutet dabei die Toleranz?
Da sieht man andere Verläufe, mit der Funktion Toleranz kann man die ganze gewünschte Fläche mit dem Zauberstab füllen. Je nach der Höher der Toleranz verändert sich auch die Größe der durch den Zauberstab ausgewählten Fläche.
Wie funktioniert das Auswahlwerkzeug „Schnellauswahl“ und wann ist es besonders gut geeignet?
Damit kann man schneller etwas markieren als mit dem Zauberstab, aber es ist nicht so genau, es ist eher für größere Flächen geeignet.
Anstrengende Arbeit

Unter Anleitung von : http://www.photoshop-podcast.de/2008/03/01/photoshop-cs3-einsatz-von-ebenenmasken/
Die gleiche Person mehrmals in einem Bild erscheinen lassen
Zuerst muss man eine Person mehrmals bei verschiedenen Tätigkeiten in der selben Perspektive fotografieren. Die Bilder im Photoshop in verschiedenen Ebenen hochladen (Datei-Scripten-Dateien in Stapel laden-geöffnete Dateien hinzufügen), danach die Ebenen exakt übereinander legen (Bearbeiten-Ebenen automtaisch ausrichten)
Fortsetzung Adobe Photoshop
Schminken: Man legt verschiedene Ebenen übereinander u passt dann die Deckkraft u die Fläche an.
Bedeutung verschiedener Symbole: Kreis = neue Einstellungsebene; Mistkübel = Ebene wegwerfen; Maske = Maske hinzufügen; Ordner = Ebenen in Ordner verschieben; Auge = ein-ausblenden von Ebenen; fx = Ebenenstil hinzufügen;
Es gibt verschiedene Ebenen: zum Schreibebene oder Hintergrundebene
Wenn man 2 Ebenen hat und die 2 Ebene schwarz-weiß ist, kann man auf der Zweiten etwas wegradieren um die Farbe der ersten Ebene zu sehen.
Man kann aber auch mit Masken arbeiten, in dem ich mit der Farbe schwarz auf meiner Maske male, dann wird es wieder farbig, mit der weißen Farbe kann ich Fehler korrigieren.
Adobe Photoshop
3 Hauptbereiche :
- Arbeitsfläche + Infoleiste: vom Bild
- Toolbox + Optionsleiste: Toolbox = Werkzeuge, die Optionsleiste ändert sich mit der Auswahl der Werkzeuge, die Toolbox u die Optionsleiste hängen immer zusammen
- Palette: kann man sich selber gestalten, man kann die Palette auch aufteilen (die wichtigeren herausziehen oder einfache Teile löschen)
man kann sich den Arbeitsbereich selbst einrichten u dann speichern unter : Fenster-Arbeitsbereich speichern
mit der Tab-Taste kann man Paletten aus- und einblenden
6 Arbeitsschritte wie man ein Bild immer bearbeiten sollte:
- Prüfen der Qualität: für den Verwendungszweck (jpg oder raw, Pixel, Auflösung…) Bild–>Bildgröße (Auflösung Pixel/Zoll); Drucker (300 Pixel/Zoll)
- Bild zuschneiden: dann bearbeiten, alles was man nicht braucht entfernen –> auf die Endgültige Größe zuschneiden
- Anpassen von Kontrast u Tonwert: Der Tonwert zeigt an wie viele helle und dunkle Farben in dem Bild sind; Farbton und Sättigung (wie intensiv die Farben sind)
- Farbstiche entfernen: zB wenn ein Foto einen Blaustich hat
- Farben u Tonwerte in bestimmten Bildbereichen korrigieren: Schwamm (mehr/weniger Sättigung für einen bestimmten Bereich)
- Bei Bedarf das Bild nachschärfen: man kann einzelne Farben ändern
Schritt 3 und 4 betreffen das ganze Bild
Nach Abschluss der 6 Schritte, das Bild im richtigen Format speichern
Wenn man mit Ebenen arbeitet wird das originale Bild nicht verändert
Adobe Photoshop –> führendes Programm zur Bildbearbeitung
gimp.org –> gratis Programm aus dem Internet
jpg –> wie ein entwickelter Film, Datei kleiner als raw
raw –> nicht komprimiert, wie ein nicht entwickelter Film, besser zum weiterbearbeiten
psd –> Photoshopdatei, größer als eine jpg-Datei, wenn man weiter arbeiten will, muss man die Datei immer als psd Datei speichern
die Photoshop-Datei kann man ändern, bei der jpg Datei kann man die Änderungen nicht mehr entfernen
6) Bilder und Animationen
Animationen: sollen die Aufmerksamkeit erwecken.
GIF-Datei: Für Bilder ungeeignet da es nur 256 Farben gibt.
Für Logos, da die Kanten schärfer werden.
JPEG-Datei: Speichernàkomprimiert; Öffnenàdekomprimiert
Seite optimieren
PNG-Datei: Nachfolger von GIF, doch PNG konnte sich nicht durchsetzen.
Bildpunkte horizontal *Bildpunkte vertikal=Gesamtauflösung
CMYK-Farben = Druckerfarbe (Cyan, Magenta, Yellow, Key = Schwarz)


