Tajniki tworzenia prezentacji w kontekście komunikacji wizualnej

Transkrypt

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

2 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.

3 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/

4 komunikacja wizualna

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

6 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

8 + 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

12 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

13 widzieć/wiedzieć

14 A. Vasalius, Belgia, 1543

15 Islamski schemat ludzkiego ciała, XVI w

16 Leonardo da Vinci

17 wizaulna argumentacja

18 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)

19 foto. E. Carey, rok. 1880

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

21 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

22 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

23 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.

24 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.

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

26 infografika

27 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.

28 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.

29

30

31 Mapa metra z 1910 r.

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

33

34 typografia

35 1minuskuła jest czytelniejsza od majuskuły

36 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

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

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

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

40 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.

41 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?

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

43

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

45 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?

46

47 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?

48 5 bardziej czytelny jest tekst w któtkich łamach

49 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?

50 kolor

51 Koło barw

52 Kolory monochromatyczne

53 Kolory analogiczne

54 Kolory dopełniające

55

56

57 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.

58 percepcja

59 a b

60

61

62 co było na slajdzie?

63

64 a b c d

65

66 slajdumenty Garr Reynolds

67

68

69 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.

70 1 Tekst i obraz razem nie osobno

71 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)

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

73 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)

74 3 Mniej znaczy więcej Zasoby poznawcze są ograniczone

75 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)

76 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)

77 4 Sygnalizowanie

78 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)

79 cytaty

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

81 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

82 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.

83 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

84 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

85 test

86

87

88

89

90

91

92

93

94

95

96 narzędzia

97

98

99

100

101

102

103

104 literatura

105 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

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

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

108 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

109 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,

110