Diseño de presentaciones visuales
Upcoming SlideShare
Loading in...5
×
 

Diseño de presentaciones visuales

on

  • 29,179 views

Algunas primeras pautas de cómo diseñar una presentación visual que acompañe a una presentación oral eficaz. ...

Algunas primeras pautas de cómo diseñar una presentación visual que acompañe a una presentación oral eficaz.
Vídeo de la presentación aquí http://www.um.es/atica/contenidos/streaming/FLASH/player2.php?formato=169&video=473/1789.mp4

Material realizado para la asignatura Organización Escolar y Recursos Educativos del Grado de Educación Primaria de la Universidad de Murcia, curso 2011-2012.

Las ideas de esta presentación provienen de la literatura especializada (hay mucha y muy interesante). De la revisada habría que destacar los dos libros de Garr Reynolds (2008: Presentation Zen: Simple Ideas on Presentation Design and Delivery y 2011: Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations), los dos de Nancy Duarte (2008: slide:ology: The Art and Science of Creating Great Presentations y 2010: Resonate: Present Visual Stories that Transform Audiences), el de Cliff Atkinson de 2007: Beyond the Bullet Points.
Algunas de las diapositivas son originales del profesor Jordi Adell de la Universidad Jaime I de Castellón, así como la asesoría en literatura especializada.
Las diaspositivas ejemplo provienen de otras presentaciones que he ido realizando en los últimos años.
Las imágenes que no están referenciadas (texto pequeño en la misma imagen) provienen del servicio Stock http://www.sxc.hu o de mi colección de fotos personal que está subida en flickr con licencia CC http://www.flickr.com/photos/lindacastaneda/

Statistics

Views

Total Views
29,179
Views on SlideShare
10,979
Embed Views
18,200

Actions

Likes
13
Downloads
278
Comments
6

100 Embeds 18,200

http://auladetecnologias.blogspot.com.es 5775
http://auladetecnologias.blogspot.com 4346
http://aulavirtualurdaneta.net 906
http://ocw.um.es 757
http://auladetecnologias.blogspot.mx 588
http://www.scoop.it 586
http://tecnocat.blogspot.com 518
http://iesbaixemporda.cat 513
http://tecnopujol.wordpress.com 488
http://dcadtics.blogspot.com 442
https://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 348
http://auladetecnologias.blogspot.com.ar 271
http://www.tecnosalva.com 246
http://tecnocat.blogspot.com.es 237
http://cienciasadistancia.blogspot.com.es 190
http://maestras21.blogspot.com.es 148
http://carraud.blogspot.com 135
http://www.cursosvirtuales.cobaind.com 120
http://mcasta.blogspot.com.es 118
http://carraud.blogspot.com.ar 116
http://mcasta.blogspot.com 109
http://dcadtics.blogspot.com.es 107
http://normantrujillo.wordpress.com 101
http://www.auladetecnologias.blogspot.com 88
http://translate.googleusercontent.com 76
http://azucarera.wordpress.com 63
http://maestras21.blogspot.mx 60
http://biblioesjcp.blogspot.com 55
http://mundodigitalyeducacin.blogspot.com.ar 50
http://www.auladetecnologias.blogspot.com.es 50
http://feeds.feedburner.com 47
http://maestras21.blogspot.com 46
http://paper.li 42
http://edublogtic.wordpress.com 34
http://carraud.blogspot.com.es 27
http://www.mcasta.blogspot.com.es 27
http://auladetecnologias.blogspot.de 26
http://dcadtics.blogspot.mx 25
http://estudiodeldisenodemodas.alianzasuperior.com 25
http://www.auladetecnologias.blogspot.mx 22
http://auladetecnologias.blogspot.com.br 18
http://2124536593.nvmodules.netvibes.com 17
http://mundodigitalyeducacin.blogspot.com 15
http://auladetecnologias.blogspot.pt 13
http://auladetecnologias.blogspot.co.uk 13
http://auladetecnologias.blogspot.fr 12
http://dcadtics.blogspot.com.ar 11
http://cmc-iesazucarera.wikispaces.com 11
https://twitter.com 11
http://www.bajalaclave.com 10
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • No es baladí, refuerza el mensaje, determina el tipo y frecuencia de la redundancia a usar, cómo la presentación nos va a acompañar en el discurso y hará de la presentación más que una sucesión de diapositivas, una experiencia.
  • Empezar con el diseño de una presentación visual es la última parte de un camino que debimos emprender mucho antes y seguramente lejos del ordenador, o al menos lejos de nuestra herramienta de diseño de presentaciones… Ya tenemos un guión y lo que queremos decir… poidemos convertir ese guión en un storyboard…
  • Recuerde que no se trata de hacer una explicación de todo y convertir todo lo que va a decir… no se trata de que le reemplacen, sino que le apoyen.
  • Texto + imágenes Una imagen vale más que 1000 palabras, pero un texto que complemente una buena imagen puedehacer un mensaje fuerte y poderoso
  • DIAPO EJEMPLO Una imagen sola puede ser muy potente, pero una imagen con el texto adecuado puede sugerir una idea mucho más poderosa, si cabe.
  • No llene las diapositivas de ideas: creará confusión y no pasará de la tercera en toda la hora.
  • ENRIQUECER EL PROCESO DE COMUNICACIÓN. Diseñar una herramienta, un medio que nos ayudará a comunicar mejor el mensaje…
  • El predominio del texto sobre la imagen, aburren mortalmente, incluso al público más entregado. Recuerde que va a explicar la diapositiva… Piense ¿hay algo de lo que hay en la diapositiva que pueda quitar sin perder significado? Quítelo
  • DIAPO EJEMPLO: No a las interminables listas de viñetas por muchos motivos: Se basan exclusivamente en texto (los estudios revelan que texto y voz repitiendo lo mismo no se refuerzan sino que se anulan). Incitan a los oradores a leer el texto Cuantos más elementos en las listas y más palabras en cada elemento, más pequeño es el tamaño de letra peor se lee. Si no podemos evitarlo, podemos enmascarar la lista de forma que refuerce.
  • DIAPO EJEMPLO: lista enmascarada
  • Demasiados tipos de latra dificultan la comprensión y la lectura
  • DIAPO EJEMPLO Podemos jugar con los tipos siempre que el mensaje nos lo permita, e incluso con la posición del texto, NO hace falta que siempre esté en horizontal
  • El color sirve para iluminar la esencia de tu mensaje: Por ello no debes usar más colores de los estrictamente necesarios… Recuerda: balance, armonía, claridad, y simplicidad, esas son las claves.
  • DIAPO EJEMPLO Color: poner un titular una imágen
  • DIAPO EJEMPLO Para enfatizar el flujo de una o varias ideas en otras mayores. Es evidente que este esquema no se va a leer entero, pero las dos partes claves que configuraron la acción en esta investigación, quedan claramente diferenciadas po
  • DIAPO EJEMPLO Color: para hacer énfasis o destacar
  • DIAPO EJEMPLO Color: remarcar emociones
  • DIAPO EJEMPLO Aunque nos puedan parecer buenas ideas, las plantillas constriñen y condicionan el diseño de las diapositivas… es preferible dejar que el propio diseño de TUS diapositivas fluya. Sí, esta diapositiva también es mía y la usé en una presentación… jejejeje todos tenemos un pasado ;-)
  • DIAPO EJEMPLO
  • DIAPO EJEMPLO Usar los componentes de una misma gama de color es siempre una buena idea
  • DIAPO EJEMPLO
  • DIAPO EJEMPLO
  • DIAPO EJEMPLO Combinación de colores: blanco y negro usando color sólo para enfatizar
  • Imágenes comunican ideas y sentimientos… ilustran nuestro mensaje…
  • DIAPO EJEMPLO: Las imágenes ilustran ideas y sentimientos
  • DIAPO DEMO
  • Evitando chiclés
  • Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
  • DIAPO EJEMPLO
  • Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
  • DIAPO EJEMPLO
  • DIAPO EJEMPLO
  • Pero no TODOS los datos… simplifique, piense en la relación señal/ruido
  • Alta resolución y gran tamaño (fotos o vídeos)
  • DIAPO EJEMPLO Baja resolución pierde detalle e interés
  • DIAPO EJEMPLO Pequeña pierde efecto e impacto
  • Use fotos libres de stock (i.e., istockphoto.com) o Sección CreativeCommons en Flickr u otros sitios de la Internet con fotos libres y gratuitas.
  • http://flickrcc.bluemountains.net
  • http://www.sxc.hu/
  • NO al clip art y por supuesto NO Gifts Animados
  • Imágenes comunican ideas y sentimientos… ilustran nuestro mensaje…
  • DIAPO EJEMPLO Aprovecha los espacios… los espacios enn las imágenes nos dan margen para decir cosas interesantes.
  • Qué software usamos?
  • Mushware… no hardware ni software… lo que seas capaz de pensar, uimaginar y crear
  • Las ideas de esta presentación provienen de la literatura especializada (hay mucha y muy interesante). De la revisada habría que destacar los dos libros de Garr Reynolds (2008: Presentation Zen: Simple Ideas on Presentation Design and Delivery y 2011: Presentation Zen Design: Simple Design Principles and Techniques to Enhance Your Presentations), los dos de Nancy Duarte (2008: slide:ology: The Art and Science of Creating Great Presentations y 2010: Resonate: Present Visual Stories that Transform Audiences), el de Cliff Atkinson de 2007: Beyond the Bullet Points. Algunas de las diapositivas son originales del profesor Jordi Adell de la Universidad Jaime I de Castellón, así como la asesoría en literatura especializada. Las diaspositivas ejemplo provienen de otras presentaciones que he ido realizando en los últimos años. Las imágenes que no están referenciadas (texto pequeño en la misma imagen) provienen del servicio Stock http://www.sxc.hu o de mi colección de fotos personal que está subida en flickr con licencia CC http://www.flickr.com/photos/lindacastaneda/

Diseño de presentaciones visuales Diseño de presentaciones visuales Presentation Transcript

  • Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer presentaciones orales? Diseño de presentaciones visuales Organización Escolar y Recursos Educativos
  • “ The more people know your idea, The more powerful it becomes” Seth Godin
  • Cortesía de Jordi Adell
  •  
  • Work in progress By Michael Daves in http://www.flickr.com/photos/mdales/4871529124
  •  
  •  
  •  
  • Image licensed under Creative Commons by Michael Mistretta: www.flickr.com/photos/definetheline/2644671002/  “ Los mejores profesores son aquellos te dicen dónde mirar, pero no te dicen qué debes ver” Alexandra K. Trenfor
  • Directions by Peat Bake http://www.flickr.com/photos/mistermoss/3134331944 Demasiada información = Sobrecarga cognitiva
  • Una idea por diapositiva
  •  
  •  
  • Para todos, para el de la última fila
  • Para todos, para el de la última fila
  •  
  •  
    • Un hidalgo de los de:
      • lanza en astillero
      • adarga antigua
      • rocín flaco
      • galgo corredor
    • Frisaba la edad de nuestro hidalgo con los cincuenta años.
    • complexión recia
    • seco de carnes
    • enjuto de rostro
    • gran madrugador
    • amigo de la caza.
  • Prensentar Planificar Diseñar
  • ¿Tamaño?
  • ¿Tipo? Futura Md . Helvetica Franklin Verdana . Arial Calibri . Century Gothic . Sans Serif Estándar   No más de 2 tipos
  • ¿O una idea sobre la educación con o sin TIC?
  •  
  • http://farm1.static.flickr.com/11/13921422_452143ebd0_z.jpg By fd Iluminar la esencia
  • http://www.flickr.com/photos/thebottomlesspaddlingpool/5250059559 por The Bottomless Paddling Pool
  • http://farm5.static.flickr.com/4051/4267666997_3845eef8df_b.jpg By Nina Matthews Photography(find me on FB ¿cuál es el propósito de la educación para vosotros?
  •  
  • P L E Entorn Personal d' Aprenentatge
  • 2 Sugerencias: habla con la cabeza y el corazón , y habla en plata http://www.flickr.com/photos/mcgraths/3277839203/ by seanmcgrath
  • ¿Fondo abigarrado?
  • Mejor que no….
  •  
  •  
  •  
  •  
  • Primeras Redes: Internet, Web Hipertexto Texto Conectado ¿Libros conectados? Ordenador multimedia: Transmisión multimedia del contenido (Presentaciones visuales) Hipermedias
  •  
  • Competencia TIC para la Docencia
  •  
  •  
  •  
  • “ Day 86 - Head in the Clouds ” By Margolove In http://www.flickr.com/photos/margolove/1909249179/in/set-72157606471524930/ Leer Reflexionar Compartir Formal Informal NO formal PLE
  •  
  • El PLE no és una qüestió d’habilitats si no d’ actituds
  •  
  •  
  •  
  • “ EMOTIONWARE el 5º elemento ” @fgpaez http://farm6.static.flickr.com/5180/5451586507_3bcf9e4d18_b.jpg By Le monde à Desirée
  • Imágenes con fuerza Sam Sahan Thomas by Sukanto Debnath http://www.flickr.com/photos/sukanto_debnath/2354615165
  • http:// farm4.static.flickr.com/3195/3141001274_d4c8499011_b.jpg BY onemark
  • Personifique ideas http://farm4.static.flickr.com/3577/3443631316_7e0716b2a0.jpg By Shanghai Daddy
  • http://farm3.static.flickr.com/2569/4354642490_5167930882_o.jpg By Courosa
  •  
  • Use Metáforas visuales
  • Publicando nuestras cosas
  •  
  • Objetos Sugerentes
  • Compartiendo nuestras experiencias
  •  
  • Exprese con gráficos
  • Imágenes de Calidad (y con permiso)
  • Imágenes de Calidad (y con permiso)
  • Imágenes de Calidad (y con permiso)
  • Imágenes de Calidad (y con permiso)
  •  
  • http://flickrcc.bluemountains.net
  • http://www.sxc.hu/
  • Cortesía de Alenjandro Espinosa
  •  
  •  
  •  
  • VEN, y ¡toma la palabra! Image: “Megan” by andrea_rose in http://www.flickr.com/photos/28913916@N02/5307901102
  • Use el ordenador cuando “lo tenga claro”
  •  
  • http://www.flickr.com/photos/bookgrl/1924356470
  • Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer presentaciones orales? Diseño de presentaciones visuales Organización Escolar y Recursos Educativos