Tajniki tworzenia prezentacji w kontekście komunikacji ... · tia nonse sintet eos aperi...

Tajniki tworzenia prezentacji w kontekście komunikacji wizualnejNauczyciel 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ŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania informacji

TREŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania informacji

+ literaTREŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania informacji

TREŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania informacji

TREŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania informacji

TREŚĆ KOMUNIKATUcel: budowanie i poszerzanie wiedzy odbiorcy

FORMA KOMUNIKATUcel: wizualna interpretacja treści komunikatu

ODBIÓR na poziomie zmy-słowym: relacja obraz – aparat percepcyjny

DZIAŁANIE na psychikę: emocje, poczucie estetyki, procesy poznawcze

Sprzężenie zwrotne

EFEKTYWNOŚĆ przekazy-wania 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łuma-czeniach był wydawany do końca XIX wieku.Na uniwersytecie Harwar-da są przechowywane do dziś egzemplarze z których uczyli się pierwsi amery-kańscy Indianie.

Zasady:

1. język wykładany w rela-cji do przedmiotów

2. przedmioty były grupo-wane w naturalne kate-gorie

3. wszystkie omawiane obiekty były ilustrowane

Jan Amos Komeński, ilustracja: obróbka lnusłownik Obrazy świata, 1653

Słownik w różnych tłuma-czeniach był wydawany do końca XIX wieku.Na uniwersytecie Harwar-da są przechowywane do dziś egzemplarze z których uczyli się pierwsi amery-kańscy Indianie.

Zasady:

1. język wykładany w rela-cji do przedmiotów

2. przedmioty były grupo-wane w naturalne kate-gorie

3. wszystkie omawiane obiekty były ilustrowane

Jan Amos Komeński, ilustracja: obróbka lnusłownik Obrazy świata, 1653

Pomysłem Stevina było przedstawienie wynikow badań w re-alistycznym konetekście, znanym studentowi z życiowego doświadczenia.

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

Pomysłem Stevina było przedstawienie wynikow badań w re-alistycznym konetekście, znanym studentowi z życiowego doświadczenia.

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

Simon Stevin, Sztuka widzenia, 1586Zasady i praktyka równowagi rządzo-nej 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 austriac-kiego 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

Ruchy skokowe

Fiksacje

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

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

SPADOCHRON

Spadochron

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

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

W badaniach nad czytelnością tekstu, które są prowadzonę od niespełna100 lat, nie stwier-dzono 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 faccup-tia nonse sintet eos aperi desec-totatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui ve-lenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur?

Veni cum derumquam rae sume dolo-reces del inctatis dolesequunt voluptiis qui consed mos minim abor sit volece-pe 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 el-laut derenis eum nihit faccuptia nonse sintet eos aperi desectotatae vendita-tur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumquae et ut qui velenet volecti initis unt quossu-strum 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 simpo-rem 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 mi-num facid est, sam, am atqui resto modisquis aut enis aut ellaut dere-nis eum nihit faccuptia nonse sintet eos aperi desectotatae venditatur, iuntion seriae simporem velestiis earum dolupta sequatiatus sumqu-ae et ut qui velenet volecti initis unt quossustrum ipsunt liciliq uibusda ne natur?

Veni cum derumquam rae sume dolo-reces 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 hari-bus 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)

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

2

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)

Mniej znaczy więcej Zasoby poznawcze są ograniczone

3

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)

Sygnalizowanie4

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.YEllen Lupton

Krótkie szkice o sztuce projektowaniaKrzysztof Lenk

Myślenie wzrokoweRudolf Arnheim

zen prezentacji. pomysły i projektyGarr Reynolds

Steve Jobs. Sztuka prezentacjiCarmine Gallo

Badania wizualne w działaniu. Antologia tekstów red. Maciej Frąckowiak, Krzysztof Olechnicki, współpraca Marek Krajewski

Fotospołeczeństwored. M. Boguni-Borowska,P. Sztompka

12 sposobów na supermózgJohn Medina

A Coherence Effect in Multimedia Learning: The Case for MinimizingIrrelevant Sounds in the Design of Multimedia Instructional Messages

Roxana Moreno and Richard E. Mayer

Journal of Educational Psychology2000, Vol. 92, No. 1,117-125

gosia.stroka@gmail.com