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
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
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
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. 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?
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?
kolor
Koło barw
Kolory monochromatyczne
Kolory analogiczne
Kolory dopełniające
www.kuler.adobe.com
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
a b
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
test
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
www.percuptualedge.com
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