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

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.

Unter Anleitung von : http://www.photoshop-podcast.de/2008/03/01/photoshop-cs3-einsatz-von-ebenenmasken/

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)

Schminken: vorher

nachher

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.

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:

1. 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)
2. Bild zuschneiden: dann bearbeiten, alles was man nicht braucht entfernen –> auf die Endgültige Größe zuschneiden
3. 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)
4. Farbstiche entfernen: zB wenn ein Foto einen Blaustich hat
5. Farben u Tonwerte in bestimmten Bildbereichen korrigieren: Schwamm (mehr/weniger Sättigung für einen bestimmten Bereich)
6. 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

Siehe Präsentation Robi

http://dorfmayr.wordpress.com/

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)