Apresentações electrónicas - Regras de ouro

A utilização de apresentações eletrónicas como suporte à

aprendizagem tornou-se habitual em todos os níveis de

ensino. Esses documentos apresentam frequentemente

demasiadas deficiências conceptuais a vários níveis.

Nos diapositivos seguintes procuro abordar, de uma forma

sintética e de fácil compreensão, os principais aspetos a

considerar para melhorar a qualidade das apresentações

eletrónicas e, de maneira geral, os documentos de suporte

à aprendizagem que combinam e texto, gráficos e imagens.

IntroduçãoIntrodução

Lista de tópicosLista de tópicos

1. Cor & Contraste

2. Composição & orientação

3. Texto & destaques

4. Tipo de letra & tamanho

ListaLista de tópicosde tópicos

5. Imagens & gráficos

6. Som & animações

7. Efeitos & transições

8. Índice & resumo

1. Cor & Contraste1. Cor & Contraste

Fundos: cores muito claras ou muito escuras

Contraste: o máximo possível

!!! Atenção: Os projetores multimédia apresentam as cores de formas diferentes!

Poynter.org (2003).Color, Mood & Meaning

http://poynterextra.org/cp/colorproject/color.html

2. Composição & Orientação2. Composição & Orientação

Regra dos terços

1.º plano

Plano médio

Fundo

Dividir o documento em 3 secções verticais e 3

horizontais. Os pontos de interseção definem as

zonas mais informativas mais importantes.

Dividir o documento em 3 secções verticais e 3

horizontais. Os pontos de interseção definem as

zonas mais informativas mais importantes.

2. Composição & Orientação2. Composição & Orientação

Regra dos terços Deficiente enquadramento (sem céu). Deficiente enquadramento (sem céu).

2. Composição & Orientação2. Composição & Orientação

Regra dos terços Deficiente enquadramento

(desaproveitamento das

áreas mais importantes)

Deficiente enquadramento

(desaproveitamento das

áreas mais importantes)

2. Composição & Orientação2. Composição & Orientação

Regra dos terços Enquadramento aceitável. Enquadramento aceitável.

2. Composição & Orientação2. Composição & Orientação

Regra dos terços/triângulo dourado

Uma composição agradável pode ser

obtida combinando a regra dos terços

com o triângulo dourado.

Uma composição agradável pode ser

obtida combinando a regra dos terços

com o triângulo dourado.

2. Composição & Orientação2. Composição & Orientação

D

A

C

B

= 1,61803 (razão dourada w = h x )

2. Composição & Orientação2. Composição & Orientação

Formal vs informal

Formal: alinhamento rígido e rigoroso

Informal: alinhamento dinâmico

Formal: alinhamento rígido e rigoroso

Informal: alinhamento dinâmico

2. Composição & Orientação2. Composição & Orientação

Coerência

A coerência deve ser evidente. Não

esquecer, principalmente a coerência de

cromática, tipográfica (tipos de letra),

espacial ou do layout (distribuição dos

elementos no espaço) …

A coerência deve ser evidente. Não

esquecer, principalmente a coerência de

cromática, tipográfica (tipos de letra),

espacial ou do layout (distribuição dos

elementos no espaço) …

2. Composição & Orientação2. Composição & Orientação

Lorem Ipsum passages.

Os olhos dos elementos que

representam seres vivos com

cabeça e olhos, orientam o olhar

do “espectador”.

Os olhos dos elementos que

representam seres vivos com

cabeça e olhos, orientam o olhar

do “espectador”.

2. Composição & Orientação2. Composição & Orientação

Lorem Ipsum is simply dummy text of

the printing and typesetting industry.

Lorem Ipsum has been the industry's

standard dummy text ever since the

1500s, when an unknown printer took a

galley of type and scrambled it to make

a type specimen book. It has survived

not only five centuries, but also the

leap into electronic typesetting,

remaining essentially unchanged. It

was popularised in the 1960s with the

release of Letraset sheets containing

Lorem Ipsum passages, and more

recently with desktop publishing

software like Aldus PageMaker

including versions of Lorem Ipsum.

2. Composição & Orientação2. Composição & Orientação

Lorem Ipsum is simply dummy text of

the printing and typesetting industry.

Lorem Ipsum has been the industry's

standard dummy text ever since the

1500s, when an unknown printer took a

galley of type and scrambled it to make

a type specimen book. It has survived

not only five centuries, but also the

leap into electronic typesetting,

remaining essentially unchanged. It

was popularised in the 1960s with the

release of Letraset sheets containing

Lorem Ipsum passages, and more

recently with desktop publishing

software like Aldus PageMaker

including versions of Lorem Ipsum.

2. Composição & Orientação2. Composição & Orientação

Lorem Ipsum passages.

Lorem Ipsum passages.

Lorem

Ipsum

passa

ges.

3. Texto & destaques3. Texto & destaques

o 6 x 6 ?

(6 linhas x 6 palavras)

o 7 x 7 ?

(7 linhas x 7 palavras)

o 6 x 7 ?

(…) 42 palavras por diapositivo

3. Texto & destaques3. Texto & destaques

Lorem Ipsum é um texto aleatório da

indústria tipográfica e de impressão.

Lorem Ipsum foi padrão da indústria

desde os anos de 1500, quando um

impressor desconhecido teve a ideia de

usar a repetição do texto para fazer o

espécime de um livro (45 palavras)

3. Texto & destaques3. Texto & destaques

Lorem Ipsum é um texto aleatório da

indústria tipográfica e de impressão.

Lorem Ipsum foi padrão da indústria

desde os anos de 1500, quando um

impressor desconhecido teve a ideia de

usar a repetição do texto para fazer o

espécime de um livro.

Estilos Estilos Estilos Q: Mais destaques?

R: Inverse lettering.

Q: Mais destaques?

R: Inverse lettering.

3. Texto & destaques3. Texto & destaques

À esquerda?

Lorem Ipsum é um texto aleatório da indústria tipográfica e de impressão. Lorem Ipsum foi padrão da indústria desde os anos de 1500, quando um impressor desconhecido teve a ideia de usar a repetição do texto para fazer o espécime de um livro.

Justificado?

Lorem Ipsum é um texto aleatório da indústria tipográfica e de impressão. Lorem Ipsum foi padrão da indústria desde os anos de 1500, quando um impressor desconhecido teve a ideia de usar a repetição do texto para fazer o espécime de um livro.

3. Texto & destaques3. Texto & destaques

o Use expressões, frases ou tópicos em vez de parágrafos longos, exceto em questões ou citações!

o Utilize paralelismo gramatical!

o Comece o texto com verbos ativos!

o Na apresentação, fale do conteúdo, a audiência lê!

o Não poupe espaço! Pode ter quantos “slides” quiser!

4. Tipo de letra & tamanho4. Tipo de letra & tamanho

Com serifa 12 Times New Roman

16 Times New Roman

18 Times New Roman

20 Times New Roman

24 Times New Roman

28 Times New Roman

32 Times New Roman

Sem serifa 12 Tipo de letra Arial

16 Tipo de letra Arial

18 Tipo de letra Arial

20 Tipo de letra Arial

24 Tipo de letra Arial

28 Tipo de letra Arial

32 Tipo de letra Arial

A serifa é útil para ler

materiais impressos,

ajuda a conduzir os

olhos. No ecrã não!

A serifa é útil para ler

materiais impressos,

ajuda a conduzir os

olhos. No ecrã não!

4. Tipo de letra & tamanho4. Tipo de letra & tamanho Conforto e visibilidadeConforto e visibilidade

La

rgu

ra d

o e

crã

(po

leg

ad

as)

18 24 28 32 36 40 44

36 48 69 79 86 97 107 117

48 64 91 104 117 132 142 155

60 81 112 130 145 163 178 193

72 97 135 155 175 193 213 234

84 112 157 180 203 226 249 272

96 130 180 206 234 259 284 310

120 163 226 259 290 69 356 389

Tamanho de letra (pontos)

Afastamento do espectador (cm)

Paradi, D. (2008). Selecting the correct font size.ThinkOutsideTheSlide.com

4. Tipo de letra & tamanho4. Tipo de letra & tamanho

A utilização de demasiados tipos de letra, de

demasiados tamanhos e a sobreposição

de estilos é desaconselhável!

Opte por um máximo de:

3 tipos de letra

3 tamanhos

3 cores/destaques

5. Imagens & gráficos5. Imagens & gráficos

0

1

2

3

4

5

Categoria 1 Categoria 2 Categoria 3

Série 1

Série 2

Série 3

Ou se leem bem

ou não vale a

pena usá-los!

Ou se leem bem

ou não vale a

pena usá-los!

5. Imagens & gráficos5. Imagens & gráficos

Fotos: Luís Valente, 2009

5. Imagens & gráficos5. Imagens & gráficos

Fotos: Luís Valente, 2009

As imagens com

moldura ganham

outra expressividade!

As imagens com

moldura ganham

outra expressividade!

5. Imagens & gráficos5. Imagens & gráficos

Imagem antes do texto

não facilita a leitura.

Desvaloriza o texto e a

imagem.

Texto antes da imagem

facilita a leitura e

valoriza ambos, texto e

imagem, mas é preciso

prestar atenção ao

alinhamento do texto!

Fotos: Luís Valente, 2009

O texto alinhado à

esquerda facilita a

rapidez de leitura!

O texto alinhado à

esquerda facilita a

rapidez de leitura!

5. Imagens & gráficos5. Imagens & gráficos

Não use clipart demasiado conhecido!

Uma imagem vale mil palavras (da mesma qualidade).

6. Som & animações6. Som & animações

o Som: Quando necessário, tem que ser de

boa qualidade e não deve introduzir

fatores de distração (e.g. evitar efeitos

cómicos ou caricatos)

o Animações: Sim, apenas se

complementam a informação

o Órfãos: evitar todos

Isto é um órfão!

7. Efeitos & transições7. Efeitos & transições

o Evite efeitos de animação

(distraem, maçam, desperdiçam tempo)

o Use transições com parcimónia (máx. 3),

para separar tópicos

para separar temas

para introduzir dinamismo

o Seja coerente

8. Índice & resumo8. Índice & resumo

Conteúdo didático:

o apresente um índice e um resumo no final

de cada tópico;

o use redundância nos tópicos mais difíceis;

o inclua questões claras e, se possível,

respostas;

o utilize imagem/vídeo/áudio referenciados

(fontes, autores, licenciamento)

8. Índice & resumo8. Índice & resumo

Conteúdo investigativo:

o apresente a estrutura da investigação;

o apresente o problema e a metodologia;

o apresente os dados e tópicos da análise;

o apresente as conclusões mais

importantes;

o indique as fontes e os recursos (usados

ou disponibilizados)

8. Índice & resumo8. Índice & resumo

Conteúdo projetual:

o apresente status (estado da arte);

o apresente a visão (meta);

o apresente as estratégias (como e quando);

o apresente a(s) equipa(s) (quem);

o apresente a monitorização (avaliação)

o …

ResumoResumo

o Keep It Simple & Stupid

o Reduza o número de diapositivos

o Utilize verbos ativos/positivos

o Adeqúe o conteúdo ao público

o Escreva pequenos blocos de informação

ResumoResumo

o Cultive o ritmo e o equilíbrio

o Combine cores e contraste

o Use o espaço (para descansar e orientar

os olhos)

o Trabalhe com linhas, formas e cor

o Ensaie antes de apresentar

RecursosRecursos Bibliografia Blokzijl, W., & Andeweg, B. (2005). The Effects of Text Slide Format and Presentational Quality on Learning in College Lectures. 2005 IEEE

International Professional Communication Conference, Limerick: IEEE.

Brisco, S. (2008). Digital Resources: Presentation in A Box. School Library Journal, (7/1/2008).

Haddad, W. D. (2008). ICTs for Education: A Reference Handbook. Vienna, Virginia: Knowledge Enterprise.

Marcovitz, D. M. (2004). Powerful PowerPoint for Educators: Using Visual Basic for Applications to Make PowerPoint Interactive. Westport, CT: Libraries Un limited.

McKenzie, J. (2000). Scoring Power Points Vol. 10. From Now On: The Educational Technology Journal Obtido em http://www.fno.org/sept00/powerpoints.html

Medina, J. (2008). Brain Rules: 12 Principles for Surviving and Thriving at Work, Home, and School. Seattle, WA: Pear Press.

Negrino, T. (2005). Creating a Presentatrion in Powerpoint. Berkeley, CA: Peachpit Press.

Núñez, A. (2009). É melhor contar tudo. Storytelling: “Uma velha/nova língua para uma nova sociedade”. [Comunicação] Creative Learning Conference, Lisboa.

Reynolds, G. (s/d). Presentation Zen: How to Design & Deliver Presentations Like a Pro. Consultado em www.garrreynolds.com

Tang, T. L.-P., & Austin, M. J. (2009). Students’ perceptions of teaching technologies, application of technologies, and academic performance. Computers & Education, 53(2009), 1241–1255.

Tufte, E. R. (1998). Envisioning Information (6 ed.). Cheshire, CT: Graphics Press.

Tufte, E. (2003). PowerPoint is Evil. Wired, 11(9).

Tufte, E. (2003). The cognitive style of PowerPoint: Pitching Out Corrupts Within. Cheshire, CT: Edward R. Tufte.

Ware, C. (2008). Visual Thinking for Design. Burlington, MA: Morgan Kaufmann.

Weissman, J. (2008). Presenting to Win: The Art of Telling Your Story (Updated and Expanded ed.). Upper Saddle River, NJ: FT Press.

Ferramentas http://photoinf.com/Tools/Composition_Adjuster/Java-Composition-Adjuster.html (fotocomposição)

http://photoinf.com/Golden_Mean/photo-adjuster.html (retângulo dourado)

http://www.clker.com (clipart)

http://www.freesound.org (sons e efeitos sonoros livres)

http://www.freesfx.co.uk/ (efeitos sonoros gratuitos)

http://www.flashkit.com/loops/ (loops musicais gratuitos)

http://issuu.com/ (publicação online falsh)

http://www.picmonkey.com/ (processamentode imagem online)

https://bubbl.us/ (brainstorming /mapas de conceitos online)

http://www.jigsawplanet.com/ (puzzles personalizados online)

http://www.helloslide.com/ (apresentações na web)