Dpto. de Didáctica y Organización Escolar Linda Castañeda Quintero [email_address] ¿Cómo hacer  presentaciones orales? Dis...
“ 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...
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
 
 
<ul><li>Un hidalgo de los de: </li></ul><ul><ul><li>lanza en astillero </li></ul></ul><ul><ul><li>adarga antigua </li></ul...
Prensentar Planificar Diseñar
¿Tamaño?
¿Tipo? Futura Md  .  Helvetica   Franklin  Verdana  .  Arial  Calibri .  Century Gothic .  Sans Serif Estándar  ...
¿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 pro...
 
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...
¿Fondo abigarrado?
Mejor que no….
 
 
 
 
Primeras Redes: Internet, Web Hipertexto Texto Conectado ¿Libros conectados? Ordenador multimedia:  Transmisión  multimedi...
 
Competencia TIC para la Docencia
 
 
 
“ Day 86 - Head in the Clouds ”  By  Margolove In http://www.flickr.com/photos/margolove/1909249179/in/set-721576064715249...
 
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 à Desi...
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? Dis...
Upcoming SlideShare
Loading in...5
×

Diseño de presentaciones visuales

33,210

Published on

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/

Published in: Education
6 Comments
18 Likes
Statistics
Notes
No Downloads
Views
Total Views
33,210
On Slideshare
0
From Embeds
0
Number of Embeds
79
Actions
Shares
0
Downloads
353
Comments
6
Likes
18
Embeds 0
No embeds

No notes for slide
  • 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

    1. 1. 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
    2. 2. “ The more people know your idea, The more powerful it becomes” Seth Godin
    3. 3. Cortesía de Jordi Adell
    4. 5. Work in progress By Michael Daves in http://www.flickr.com/photos/mdales/4871529124
    5. 9. 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
    6. 10. Directions by Peat Bake http://www.flickr.com/photos/mistermoss/3134331944 Demasiada información = Sobrecarga cognitiva
    7. 11. Una idea por diapositiva
    8. 14. Para todos, para el de la última fila
    9. 15. Para todos, para el de la última fila
    10. 18. <ul><li>Un hidalgo de los de: </li></ul><ul><ul><li>lanza en astillero </li></ul></ul><ul><ul><li>adarga antigua </li></ul></ul><ul><ul><li>rocín flaco </li></ul></ul><ul><ul><li>galgo corredor </li></ul></ul><ul><li>Frisaba la edad de nuestro hidalgo con los cincuenta años. </li></ul><ul><li>complexión recia </li></ul><ul><li>seco de carnes </li></ul><ul><li>enjuto de rostro </li></ul><ul><li>gran madrugador </li></ul><ul><li>amigo de la caza. </li></ul>
    11. 19. Prensentar Planificar Diseñar
    12. 20. ¿Tamaño?
    13. 21. ¿Tipo? Futura Md . Helvetica Franklin Verdana . Arial Calibri . Century Gothic . Sans Serif Estándar   No más de 2 tipos
    14. 22. ¿O una idea sobre la educación con o sin TIC?
    15. 24. http://farm1.static.flickr.com/11/13921422_452143ebd0_z.jpg By fd Iluminar la esencia
    16. 25. http://www.flickr.com/photos/thebottomlesspaddlingpool/5250059559 por The Bottomless Paddling Pool
    17. 26. 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?
    18. 28. P L E Entorn Personal d' Aprenentatge
    19. 29. 2 Sugerencias: habla con la cabeza y el corazón , y habla en plata http://www.flickr.com/photos/mcgraths/3277839203/ by seanmcgrath
    20. 30. ¿Fondo abigarrado?
    21. 31. Mejor que no….
    22. 36. Primeras Redes: Internet, Web Hipertexto Texto Conectado ¿Libros conectados? Ordenador multimedia: Transmisión multimedia del contenido (Presentaciones visuales) Hipermedias
    23. 38. Competencia TIC para la Docencia
    24. 42. “ 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
    25. 44. El PLE no és una qüestió d’habilitats si no d’ actituds
    26. 48. “ EMOTIONWARE el 5º elemento ” @fgpaez http://farm6.static.flickr.com/5180/5451586507_3bcf9e4d18_b.jpg By Le monde à Desirée
    27. 49. Imágenes con fuerza Sam Sahan Thomas by Sukanto Debnath http://www.flickr.com/photos/sukanto_debnath/2354615165
    28. 50. http:// farm4.static.flickr.com/3195/3141001274_d4c8499011_b.jpg BY onemark
    29. 51. Personifique ideas http://farm4.static.flickr.com/3577/3443631316_7e0716b2a0.jpg By Shanghai Daddy
    30. 52. http://farm3.static.flickr.com/2569/4354642490_5167930882_o.jpg By Courosa
    31. 54. Use Metáforas visuales
    32. 55. Publicando nuestras cosas
    33. 57. Objetos Sugerentes
    34. 58. Compartiendo nuestras experiencias
    35. 60. Exprese con gráficos
    36. 61. Imágenes de Calidad (y con permiso)
    37. 62. Imágenes de Calidad (y con permiso)
    38. 63. Imágenes de Calidad (y con permiso)
    39. 64. Imágenes de Calidad (y con permiso)
    40. 66. http://flickrcc.bluemountains.net
    41. 67. http://www.sxc.hu/
    42. 68. Cortesía de Alenjandro Espinosa
    43. 72. VEN, y ¡toma la palabra! Image: “Megan” by andrea_rose in http://www.flickr.com/photos/28913916@N02/5307901102
    44. 73. Use el ordenador cuando “lo tenga claro”
    45. 75. http://www.flickr.com/photos/bookgrl/1924356470
    46. 76. 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×