FH-Vortrag

November 18, 2009 at 6:06 pm (MMWD 4EK)

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 WerbeAnalysen…

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 ArtDirektor 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. TVSpots)

– Anonymisierte und Kurz‐Darbietung

– Blickpfade

– Aktivierung

– Qualitative Interviews

– Theoretische Perspektive

Permalink Hinterlasse einen Kommentar

Auswahlwerkzeuge

November 18, 2009 at 6:02 pm (MMWD 4EK)

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.

Permalink Hinterlasse einen Kommentar

Anstrengende Arbeit

Oktober 22, 2009 at 2:42 pm (MMWD 4EK)

Permalink Hinterlasse einen Kommentar

Die gleiche Person mehrmals in einem Bild erscheinen lassen

Oktober 21, 2009 at 1:18 pm (MMWD 4EK)

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)

Permalink Hinterlasse einen Kommentar

Beispiele

Oktober 14, 2009 at 2:03 pm (MMWD 4EK)

Antelope

 

Schminken: vorher

usph_32483287_ca672

 

nachher

usph_32483287_ca672 Kopie

Permalink 1 Kommentar

Fortsetzung Adobe Photoshop

Oktober 14, 2009 at 1:39 pm (MMWD 4EK)

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.

Permalink Hinterlasse einen Kommentar

Adobe Photoshop

Oktober 1, 2009 at 2:26 pm (MMWD 4EK)

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

 

Permalink Hinterlasse einen Kommentar

September 30, 2009 at 10:37 am (MMWD 4EK)

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

Permalink 1 Kommentar

7) Site optimieren

November 22, 2008 at 1:51 pm (MMWD)

Siehe Präsentation Robi

 

http://dorfmayr.wordpress.com/

Permalink Hinterlasse einen Kommentar

6) Bilder und Animationen

November 22, 2008 at 1:46 pm (MMWD)

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)

Permalink Hinterlasse einen Kommentar

Nächste Seite »