Tajniki tworzenia prezentacji w kontekście komunikacji wizualnej

Tajniki tworzenia prezentacji w kontekście komunikacji wizualnej Nauczyciel akademicki: etos i warsztat Warszawa, 14-15 stycznia 2013 r. Małgorzata Stroka, SWPS

Nie wystarczy włączyć rzutnik, by zapewnić uczniom kilka minut rozrywki. (R. Arnheim, 2011) R. Arnheim, psycholog, estetyk, teoretyk sztuki i filmu. Po emigracji do USA rozpoczął pracę nad koncepcją psychologii sztuki. Wykładał w najbardziej prestiżowych uczelniach amerykańskich, głównie w nowojorskim Sarah Lawrence College, na Uniwersytecie Harvarda oraz na Uniwersytecie w Michigan.

Słowa są jak strzałki na panoramie pasma górskiego. Strzałki nie tworzą szczytów - sa danymi, poznwalają jednak zobaczyć, nie tylko widzieć. /metafora R. Arnheim a/

komunikacja wizualna

W Nowym Jorku w 1985 roku 311 osób zostało pogryzionych prze szczury, a 1519 zostało pogryzionych przez inne osoby.

TREŚĆ KOMUNIKATU cel: budowanie i poszerzanie wiedzy odbiorcy FORMA KOMUNIKATU cel: wizualna interpretacja treści komunikatu ODBIÓR na poziomie zmysłowym: relacja obraz aparat percepcyjny Sprzężenie zwrotne DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze EFEKTYWNOŚĆ przekazywania informacji

+ litera TREŚĆ KOMUNIKATU cel: budowanie i poszerzanie wiedzy odbiorcy FORMA KOMUNIKATU cel: wizualna interpretacja treści komunikatu ODBIÓR na poziomie zmysłowym: relacja obraz aparat percepcyjny Sprzężenie zwrotne DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze EFEKTYWNOŚĆ przekazywania informacji

TREŚĆ KOMUNIKATU cel: budowanie i poszerzanie wiedzy odbiorcy FORMA KOMUNIKATU cel: wizualna interpretacja treści komunikatu ODBIÓR na poziomie zmysłowym: relacja obraz aparat percepcyjny Sprzężenie zwrotne DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze EFEKTYWNOŚĆ przekazywania informacji

Projektowanie informacji nie powinno być skoncentrowane na koncepcji czy konstrukcji komunikatu, ale na reakcjach ludzi którzy są jej odbiorcami, jak wpływa na ich wiedzę, postawy, odczucia czy zachowania. (Jorge Frascara, 2012) Research, design, and the kind of design we need Research in graphic design. Graphic design in research 3rd International Graphic Design Conference AGRAFA 2012

widzieć/wiedzieć

A. Vasalius, Belgia, 1543

Islamski schemat ludzkiego ciała, XVI w

Leonardo da Vinci

wizaulna argumentacja

Edukacja wizualna musi opierać się na założeniu, że każdy obraz jest twierdzeniem. Obraz nie przedstawia samego obiektu, lecz zbiór konstatacji na jego temat. (R. Arnheim, 2011)

foto. E. Carey, rok. 1880

Most nad rzeką Forth, ukończony w 1889, przez 30 lat był najdłuszym moeste na świecie

Słownik w różnych tłumaczeniach był wydawany do końca XIX wieku. Na uniwersytecie Harwarda są przechowywane do dziś egzemplarze z których uczyli się pierwsi amerykańscy Indianie. Zasady: 1. język wykładany w relacji do przedmiotów 2. przedmioty były grupowane w naturalne kategorie 3. wszystkie omawiane obiekty były ilustrowane Jan Amos Komeński, ilustracja: obróbka lnu słownik Obrazy świata, 1653

Simon Stevin, Sztuka widzenia, 1586 Zasady i praktyka równowagi rządzonej prawami grawitacji zmieskiej. Pomysłem Stevina było przedstawienie wynikow badań w realistycznym konetekście, znanym studentowi z życiowego doświadczenia.

Simon Stevin, Sztuka widzenia, 1586 Zasady i praktyka równowagi rządzonej prawami grawitacji zmieskiej.

infografika

Diagram francuskiego inżyinera Charles a Josepha Minarda ilustruje katastroficzny w skutkach marsz armii Napoleona z Kowna do Moskwy podczas Kampanii Rosyjskiej w 1812 roku.

Isotype. System piktogramów zaprojektowanych przez austriackiego filozofa Otto Neuratha w latach 30. XXw., we współpracy z ilustratorem Gerdem Arntzem, stosowany w celu przekazywania informacji za pomocą prostego niewerbalnego języka.

www.gredarntz.com

Mapa metra z 1910 r.

W latch 30-tych XX wieku, inżynier Henry Beck opracował pierwszy diagram lini metra.

typografia

1minuskuła jest czytelniejsza od majuskuły

Podczas fiksacji (gdy oko się zatrzymuje) możliwe jest czytanie, które polega na dopasowywaniu kształtu wyrazu do modelu, który znamy. Ruchy skokowe Fiksacje

SPADOCHRON Spadochron Podstawowy odróżnialny kształt Hrant Papazian (amerykański typograf armeńskiego pochodzenia) nazywa»boumą«.

2 najbardziej czytelne są te kroje, do których jesteśmy przyzwyczajeni

Badania wykazały, że czytelnicy najlepiej czytają te kroje, do których są przyzwyczajeni.

W badaniach nad czytelnością tekstu, które są prowadzonę od niespełna100 lat, nie stwierdzono jednoznacznie, które kroje są bardziej czytelne: szeryfowe, czy bezszeryfowe.

Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur? Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur?

3 wybieraj te fonty, które mają dużą rodzinę

4 układy blokowe mogą powodować dziury w tekście

Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur?

5 bardziej czytelny jest tekst w któtkich łamach

Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur? Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur? Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur? Veni cum derumquam rae sume doloreces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volecepe nossitia veles accum es endigent, ut fugitiis cor maio ma preperr oresciur accum qui torerunt re dit et reic tem eos placerovidem dolupta dunt haribus paristi sed minum facid est, sam, am atqui resto modisquis aut enis aut ellaut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur?

Koło barw

Kolory monochromatyczne

Kolory analogiczne

Kolory dopełniające

www.kuler.adobe.com

W widocznym spektrum światła istnieje 7 wyraźnie i łatwo rozróżnialnych przez oko ludzkie kolorów: fioletowy, indygo, niebieski, zielony, żółty, pomarańczowy i czerwony.

percepcja

co było na slajdzie?

a b c d

slajdumenty Garr Reynolds

zasady tworzenia narzędzi multimedialnych wg. dr. R. Mayera dr. Richard Mayer, jest wykładowca psychologii nauczania na uniwersytecie Kalifornijskim w Santa Barbara, od 1991 roku prowadzi badania nad nauczaniem multimedialnym.

1 Tekst i obraz razem nie osobno

Studenci, którzy czytali tekst wyjaścniający działanie pewnego mechanizmu i jednoczesnie mogli korzystać z załączonych ilustracji na tej samej stronie byli o 75 % skuteczneiejsi podczas wykorztsywania wiedzy niż ci, którzy mieli na jednej stronie tekst a na drugiej ilustracje. (Moreno, Mayer 2000)

2 Słowa i obrazy mają większą moc niż tylko słowa

Studenci, którzy jednoczesnie słuchali narracji i widzieli odpowiadającą jej animację wykonali późniejsze zadanie o 50% lepiej niż ci którzy widzieli animację przed lub po narracji (Moreno, Mayer 2000)

3 Mniej znaczy więcej Zasoby poznawcze są ograniczone

Badani, którzy wiedzieli ilustracje i odsłuchiwali narrację mieli o 50% lepsze wyniki w późniejszym teście niż ci, którzy na ekranach widzieli ilustracje i tekst oraz słyszeli ten sam tekst jao narrację. (Moreno, Mayer 2000)

Badani, którzy czytali krótsze instrukcje zawierające kluczowe słowa i ilustracje mieli o 50 % wyższe wybiki w następującym po instrukcji zadaniu niż, ci, którzy otrzymali tesamą instrukcję wzbogaconą o poboczne treści. (Moreno, Mayer 2000)

4 Sygnalizowanie

wg, R. Mayer a slajd powinien zawierać obrazek i prosty rysunek, kierujący uwagę na obszar, na którym chcemy skupić uwagę widzów. Odbiorcy nie powinni trwonić zasobów poznawczych, poszukując na ekranie miejsca, na które powinni patrzyć. (Moreno, Mayer 2000)

cytaty

40% slajdów zawiera sam tekst, a kolejne 40% tekst i grafikę (F.Z. Pötzuch, B. Schettler, 2006)

Mówcy zdają się być niezdolni do mówienia jeśli nie mogą pokazać tego, co chcieliby pokazać (H. Knoblauch, 2010) Hubert Konbauch. Performans wiedzy: wskzazanie i wiedza w prezentacjack power point, 2010 [w:] Badania wizlane w działaniu. Antologia tekstów, (red.) M. Frąckowiak i K. Olechnicki

Jeśli informacja jest przekazywana ustnie, w ciągu 72 godzin po prezentacji ludzie pamiętają ok 10%. Jeśli do prezentacji włączymy obraz, odsetek wzrasta do 65 % (J. Medina, 2009) John J. Medina jest rozwojowym biologiem molekularnym i konsultant badań. On jest profesorem Uniwersytecie Washington School of Medicine.

Dominacja tekstu wypunktowanego skutkuje takim sposobem prowadzenia wywodu, który przypomina bardziej łańcuch uwag i komentarzy niż łańcuchy argumentów (B. Schettler, 2006) Hubert Konbauch. Performans wiedzy: wskzazanie i wiedza w prezentacjack power point, 2010 [w:] Badania wizlane w działaniu. Antologia tekstów, (red.) M. Frąckowiak i K. Olechnicki

PERFOPMANCE WIEDZY. Prezentacja typu PowerPoint wspomaga komunikat, wykład dzięki niej jest zdarzeniem komunikacyjnym angażującym mowę, ciało i obraz. (H. Knoblauch, 2010) Hubert Konbauch. Performans wiedzy: wskzazanie i wiedza w prezentacjack power point, 2010 [w:] Badania wizlane w działaniu. Antologia tekstów, (red.) M. Frąckowiak i K. Olechnicki

www.percuptualedge.com

narzędzia

http://thenounproject.com

www.myfonts.com

www.istockphoto.com

www.fotolia.com

www.apple.com

www.gapminder.org

www.prezi.com

literatura

Dizajn nie jest subkulturą - to sposób myślenia i działania, który należy do wszystkich ludzi na świecie. D.I.Y Ellen Lupton

Myślenie wzrokowe Rudolf Arnheim Krótkie szkice o sztuce projektowania Krzysztof Lenk

Steve Jobs. Sztuka prezentacji Carmine Gallo zen prezentacji. pomysły i projekty Garr Reynolds

Fotospołeczeństwo red. M. Boguni-Borowska, P. Sztompka Badania wizualne w działaniu. Antologia tekstów red. Maciej Frąckowiak, Krzysztof Olechnicki, współpraca Marek Krajewski 12 sposobów na supermózg John Medina

A Coherence Effect in Multimedia Learning: The Case for Minimizing Irrelevant Sounds in the Design of Multimedia Instructional Messages Roxana Moreno and Richard E. Mayer Journal of Educational Psychology 2000, Vol. 92, No. 1,117-125

gosia.stroka@gmail.com