71

Diseño de presentaciones @Jeseedee

Embed Size (px)

Citation preview

Page 1: Diseño de presentaciones @Jeseedee
Page 2: Diseño de presentaciones @Jeseedee

MUERTE POR powerpoint

Ahora mismo hay alguien que está muriendo de aburrimiento a causa de una

presentación,esperemos que no sea la tuya.

Page 3: Diseño de presentaciones @Jeseedee

Tu presentaciOn deberIa emocionar e inspirar

a tu pUblicoNo les aburras, ¡AlGorízales!

Page 4: Diseño de presentaciones @Jeseedee

Actualmente todas las herramientas necesarias

para crear una bonita presentaciOn estan

disponibles¡y la mayoría son gratuitas!

Page 5: Diseño de presentaciones @Jeseedee

asi que, por favor, dejemos de disenar presentaciones como si

estuvieramos en

1999 ~

Page 6: Diseño de presentaciones @Jeseedee

Las plantillas por defecto (como las que se encuentran en Powerpoint)

son feas no comunican, son mortales!

¡Puedes hacerlo mucho mejor!

Page 7: Diseño de presentaciones @Jeseedee

crear una presentacion solida

tiene algo de arte

Page 8: Diseño de presentaciones @Jeseedee

El “arte” está en distinguirte. Esto tiene muchos significados, en este caso hablo del diseño.Esta presentación no trata de la habilidad para hablar en público, trata de cómo diseñar diapositivas que dejarán a tu público impactado y, más importante, que le inspirarán para pasar a la acción.Sígueme y te enseñaré cómo diseñar como una superestrella.

Page 9: Diseño de presentaciones @Jeseedee

1pon una portada

y un titulo rompedores

Page 10: Diseño de presentaciones @Jeseedee

No tengas miedo a poner un título gigante que llame la atención.

En la mayoría de las conferencias casi puedes adivinar qué presentaciones son un rollo antes de que empiecen.

Page 11: Diseño de presentaciones @Jeseedee

He aquí algunas primeras diapositivas que molan

Page 12: Diseño de presentaciones @Jeseedee

Si vas a poner tu presentación online, una portada de impacto visual lo es casi todo.

Igual que un libro, la gente va a juzgar tu presentación por la portada. Asegúrate de que es lo suficientemente impactante para conseguir muchas descargas.

Page 13: Diseño de presentaciones @Jeseedee

2utiliza una paleta de colores

Page 14: Diseño de presentaciones @Jeseedee

En esta presentación quería usar las mismas fuentes y colores que EasyJet.

Así que busqué en Google: Easyjet font & color(Io sé, una locura)

El resultado fue una apariencia de low cost en toda la presentación.

Page 15: Diseño de presentaciones @Jeseedee

Una forma sencilla de encontrar una buena paleta de colores es coger una paleta

popular en COLORlovers.com

a 2,383 personas les gusta esta

Page 16: Diseño de presentaciones @Jeseedee

O utilizar colores usados en websites populares o en revistas.Para esta presentación quería un aspecto de revista de cotilleo

Page 17: Diseño de presentaciones @Jeseedee

3UTILIZAIMAGENESCONTUN-DENTES

Page 18: Diseño de presentaciones @Jeseedee

Tu público lee tus diapositivasmás rápido de lo que tu hablas.

Nunca, jamás, pongas palabra por palabra lo que estás diciendo. Utiliza imágenes fuertes que respalden tu historia y no desvelen el

contenido antes de que lo cuentes

Si estuviera dándote esta presentación cara a

cara, eliminaría el 90% del texto.

Page 19: Diseño de presentaciones @Jeseedee

Cuando alguien pone todo el texto en su presentación me digo:

“¡¿TIO?! ¡¿Qué sentido tiene estar

aqui?! Mandame por email tu

presentacion y ya la leere

cuando tenga tiempo.”

Page 20: Diseño de presentaciones @Jeseedee

deshazte de tus notas

no las necesitas

Page 21: Diseño de presentaciones @Jeseedee

“Os voy a contar una historia sobre mi hijo de 3 años usando el iPhone...” “Entre nuestro personal

tenemos a un ex-payaso...”“La idea de la imprenta de Gutenberg vino por... ”

Ensaya y utiliza imágenes para acordarte de cada punto.

*Requiere un poco de práctica pero sólamente este punto hará que tu presentación sea un 100% mejor

(es un hecho).

Page 22: Diseño de presentaciones @Jeseedee

hay 4 tipos de imagenes que puedes usar:

lastuyas

royaltyfree

(de pago)

creativecommons(gratis*)

pantallazos

*con condiciones

Page 23: Diseño de presentaciones @Jeseedee

ok, donde encontrarlas:

iStockphoto.com. Por unos pocos €uros, consigue fotos profesionales o ilustraciones que puedes usar sin pagar royalties.

Perfectas para un look sólido y profesional.

Llevan tiempo, pero le dan a tu presentación un bonito toque. Me gustan las fotos anchas, a pantalla completa.

Flickr.com. El mejor sitio para imágenes con licencia Creative Commons.

Todo lo que tienes que hacer es dar crédito al autor en la presentación.

what it looks like:

LAStuyas

royaltyfree

(de pago)

creativecommons

(gratis)

Page 24: Diseño de presentaciones @Jeseedee

panta-llazos

Skitch.com herramienta gratuita para hacer pantallazos y añadir pequeñas cosas como flechas, etc.

Muy fácil de usar. Entro más de 30 veces al día (no es un chiste).

utiliza pantallazos para destacar zonas importantes

Page 25: Diseño de presentaciones @Jeseedee

Estos logos especifican las condiciones bajo las que se puede usar la obra. En la mayoría de los casos,

basta con dar crédito al autor.

Page 26: Diseño de presentaciones @Jeseedee

Hay dos formas de dar credito:

En la parte inferior de la imagen En la última diapositiva

Page 27: Diseño de presentaciones @Jeseedee

Un breve consejo sobre la eleccion de

fotos

Page 28: Diseño de presentaciones @Jeseedee

¡esto es cursi!

en serio, tio, nadie en la oficina tiene ese aspecto.(a no ser que trabajes en la oficina de modelos cursis)

Page 29: Diseño de presentaciones @Jeseedee

fotos inesperadas, visualmente interesantes hacen tu historia divertida y le dan un puntito.

esto es más interesante

Page 30: Diseño de presentaciones @Jeseedee

“Voy a hablar de atención médica para niños...”

“Esto es lo que ocurre con las ventas de bienes de lujo franceses...”

“Cuando estuve de Erasmus...” (es broma)

EJEMPLOS:

Page 31: Diseño de presentaciones @Jeseedee

los graficos estan bien, pero recuerda:

No se trata de los números,si no de lo que estos significan

Page 32: Diseño de presentaciones @Jeseedee

4hazlobien

con eltexto

Page 33: Diseño de presentaciones @Jeseedee

hazlo simple(menos es mas)

Page 34: Diseño de presentaciones @Jeseedee

@nancyduarte

¿es un documento ouna presentacion?

+75 palabras/diapositiva

= documento

Page 35: Diseño de presentaciones @Jeseedee

nunca uses más de 2-3 estilos.

(no es bonito)

un par de cosassobre tipos de letra:

Page 36: Diseño de presentaciones @Jeseedee

Lo mas seguroes utilizar lamisma familia

Page 37: Diseño de presentaciones @Jeseedee

giros

giros

giros

parpadeos, chispas o

giros en el texto no molan

parpadeos

Page 38: Diseño de presentaciones @Jeseedee

interesANTES

PERO AnADIR UNA LIGERA INCLINACIoN A TU TEXTO O IMaGENES

HACE QUE TUS DIAPOSITIVAS SEAN MaS

pero cuidado, no hay que pasarse.

~

Page 39: Diseño de presentaciones @Jeseedee

5UTILIZAc.r.a.p.*

(*) En inglEs, M.I.E.R.D.A.

Page 40: Diseño de presentaciones @Jeseedee

ContrastE

RepetiCion

AliNEACIoN

ProximiDAD

EL ACRoNIMO MaS

IMPORTANTE EN DISENO~

Page 41: Diseño de presentaciones @Jeseedee

ContrastECuando el texto y todas las imágenesusan el mismo tamaño el resultado es extremadamente aburrido y no comunica. Añade algo de contraste para mantenerlo interesante.

RepetiCionRepite colores, tipos de letra e imágenes a lo largo de la presentación para una sensación de solidez (¿recuerdas la paleta de colores?). Cada sección nueva debería tener estilos similares para que el público entienda que has cambiado de tema.

AlineacionEl texto y las imágenes deberían estar visualmente conectadas en cada diapositiva. Nada debe estar fuera de lugar.

ProximiDADLos elementos relacionados deben estar agrupados

LO QUE SIGNIFICA:*Escrito por

Robin Williams (no, ese no)

Page 42: Diseño de presentaciones @Jeseedee

a que se tiene que parecer:

Page 43: Diseño de presentaciones @Jeseedee

ejemplos de ContrastE

Buen contraste hace que

tus diapositivas parezcan

limpias y organizadas

Page 44: Diseño de presentaciones @Jeseedee

ejemplos de RepetiCion

La repetición del diseño da un

aspecto cohesivo

Page 45: Diseño de presentaciones @Jeseedee

ejemplos de ALIneacion

Alínealo, pon márgenes y asegúrate de queestán simétricos

Page 46: Diseño de presentaciones @Jeseedee

O comprar colecciones en iStockphoto.

Puedes hacerte una serie de fotos a juego de tí mismo

Page 47: Diseño de presentaciones @Jeseedee

ejemplos de proximiDAD

Agrupa los elementos similares o relacionados

Page 48: Diseño de presentaciones @Jeseedee

oh crap!Comprueba dos veces que

tu diseño sigue estos principios:

Contraste, Repetición, Alineación, and Proximidad.

*

(*) oh, mierda

Page 49: Diseño de presentaciones @Jeseedee

6.USE VIDEO6usA

video

Page 50: Diseño de presentaciones @Jeseedee

lOs videos molanSi son cortos, simples y relevantes.

2-3 min está bien, 30 segundos mejor.

Page 51: Diseño de presentaciones @Jeseedee

Ahorrate los silencios incomodos y siempre precarga tus videos

Page 52: Diseño de presentaciones @Jeseedee

Para evitar las esperas en las cargas de los videos, me gusta grabarlos y editar sólo las

partes que quiero mostrar, que incluyo en las diapositivas.

Funciona el 100% de las veces! Y sin esperas!

Utilizo Screenflow para esto

Page 53: Diseño de presentaciones @Jeseedee

Aquí grabé el video de YouTube, le quité el sonido e hice que se reprodujera

automaticamente al pasar de diapositiva.

Esto me permitía hablar mientras el video se reproducía, contando la historia de la página

de facebook y el video de YouTube

(En el mundo de las presentaciones esto sería el nivel de George Lucas)

Page 54: Diseño de presentaciones @Jeseedee

7compartetu trabajo

Page 55: Diseño de presentaciones @Jeseedee

salva a un arbolSube tu presentación a SlideShare.net.

Esto permite que tu público se descargue una versión en PDF y también que la comparta por

Twitter y Facebook.

Si eres seleccionado como la

presentación del día consigues

fama y gloria instantáneas.

Page 56: Diseño de presentaciones @Jeseedee

¿tienes miedo de que alguien ‘robe’ tu

presentacion?

Page 57: Diseño de presentaciones @Jeseedee

A no ser que contenga altos secretos, no temas.

Si utilizas los métodos de los que te he hablado, la única persona capaz de dar la presentación deberías ser tú.

Utilizar cosas como imágenes en lugar de textos refresca la memoria de quien te ha escuchado, pero no significa nada para alguien que no te ha visto hacer la presentación.

Page 58: Diseño de presentaciones @Jeseedee

liberatus ideas(obtendras mas a cambio)

Page 59: Diseño de presentaciones @Jeseedee

Hace 3 meses dí una charla de 90 minutos en Australia a una gente muy maja de la industria del turismo.

Otro conferenciante me dijo que era una locura subir mi presentación a SlideShare porque me la robarían.

Sólo había 100 personas en la sala, pero hoy ya han visto esa presentación online más de 8500 personas.

Me llegó un montón de opiniones de gente de todo el mundo que me contaban que sacaron mucho de la presentación y también me sugerían nuevos materiales que han hecho mis futuras presentaciones todavía mejores. También fui contratado para mi nuevo trabajo por ella

Page 60: Diseño de presentaciones @Jeseedee

y eso es todo

Page 61: Diseño de presentaciones @Jeseedee

Solo una cosa mas

Page 62: Diseño de presentaciones @Jeseedee

8RESUMEal final

Page 63: Diseño de presentaciones @Jeseedee

1. portada y titulo rompedores2. USa una paleta de colores3. USa imagenes contundentes4. hazlo bien con el texto5. USa CRAP6. USa VIDEO7. comparte tu trabajo8. resume al final

Si solo te quedas con una

diapositiva de esta

presentacion, deberia ser esta:

ROBA ESTA presentaCion:

Page 64: Diseño de presentaciones @Jeseedee

esto solamenteson 8 pequenos

trucos de disenoque me han funcionado

~~

Page 65: Diseño de presentaciones @Jeseedee

pero hay muchas formas de hacer

una gran presentacion

Page 66: Diseño de presentaciones @Jeseedee

Y con algo de practicay un poco de trabajo duro

tu tambien puedesencontrar tu propiamanera de emocionare inspirar a la gente

Page 67: Diseño de presentaciones @Jeseedee

¿y lo conseguiras?¡Si! ¡Por supuesto que si!

(98 por ciento y ¾ garantizado.)

Oh! The Places You’ll Go!- Dr. Seuss

Page 68: Diseño de presentaciones @Jeseedee

¡gracias!

Page 69: Diseño de presentaciones @Jeseedee

Mas:

@JESSEDEE

Clic aqui para ver mis otras presentaciones

my twitter

Page 70: Diseño de presentaciones @Jeseedee

bad preso http://www.flickr.com/photos/boojee/3003303615/sizes/l/in/

photostream/

credits:photos:1. flickr/One more night at the club/Irina Souiki2. flickr/good news...and bad news/Shira Golding2.flickr/Steve Jobs/dfarber3.flickr/Audience/kurafire5. flickr/Neptune Statue/Fraochsidhe9. cannes lions 2010/jessedee13. flickr/skittles/davidjmarland17. flickr/Extremely Loud and Incredibly Close/matt.hintsa17. cannes lions 2010/jessedee25. flickr//Bert and Ernie/See-ming Lee 28.flickr/Vuiton Champs Elysées Shop/Little_Grizzly28.flickr/ Got Beer?/a4gpa31. flickr/Can you read this, Luke Skywalker?/Stéfan38. flickr/Toilet Trained/Anda7449.flickr/presentation/ Eggplant52. flickr/new york sunset/jerryfergusonphotography54. flickr/Domo asusta a Danbo/GViciano58. flickr/Fussel reviewing/Faustenator62- flickr/exit sign in the commonwealth/joeybaltimore65. flickr/Steve Jobs Keynote/acaben62. flickr/jay-z/richie preiss

websites:istockphoto.comcolorlovers.comskitch.comscreenflow.comflickr.comnoteandpoint.comslideshare.net

made using keynote

total cost= $0

Page 71: Diseño de presentaciones @Jeseedee

gracias carlospor la translation :)

-@jessedee

Carlos Garcia-Hoz101-Cientouno

Francisco Suarez, 16. 28036 Madridhttp://101.es

twitter: @carlosghoz