2. MUERTE POR
powerpoint
Ahora mismo hay alguien que está
muriendo de aburrimiento a causa de una
presentación,
esperemos que no sea la tuya.

3. Tu presentaciOn deberIa
emocionar e inspirar
a tu pUblico
No les aburras, ¡AlGorízales!

4. Actualmente todas las
herramientas necesarias
para crear una bonita
presentaciOn estan
disponibles
¡y la mayoría son gratuitas!

5. asi ~
que, por favor, dejemos de
disenar presentaciones como si
estuvieramos en
1999

6. Las plantillas por defecto
(como las que se encuentran en Powerpoint)
son feas no comunican, son mortales!
¡Puedes hacerlo mucho mejor!

7. crear una
presentacion solida
tiene algo de arte

8. 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.

9. pon una
portada
y un titulo
rompedores

10. 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.

11. He aquí algunas primeras diapositivas que molan

12. 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.

13. 2
utiliza una
paleta de
colores

14. 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.

15. Una forma sencilla de encontrar una buena
paleta de colores es coger una paleta
popular en COLORlovers.com
a 2,383 personas les gus
ta esta

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

17. 3 UTILIZA
IMAGENES
CONTUN-
DENTES

18. Tu público lee tus diapositivas
má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
esta presentación cara a
Si estuviera dándote l 90% del texto.
cara, eliminaría e

19. Cuando alguien pone todo el texto en su
presentación me digo:
“¡¿TIO?! ¡¿Qué s entido tiene estar
aqui?! Man dame por email tu
presentacio n y ya la leere
cuando tenga tiempo.”

20. deshazte
de tus
notas
no las necesitas

21. Ensaya y utiliza imágenes para
acordarte de cada punto.
“Os voy a contar una
historia sobre mi hijo de 3
años usando el iPhone...” “Entre nuestro personal
“La idea de la imprenta de
Gutenberg vino por... ” tenemos a un ex-payaso...”
*Requiere un poco de práctica pero
sólamente este punto hará que tu
presentación sea un 100% mejor
(es un hecho).

22. hay 4 tipos de imagenes
que puedes usar:
las royalty creative
free commons pantallazos
tuyas (de pago) (gratis*)
*con condiciones

23. donde encontrarlas: what it looks like:
Llevan tiempo, pero le
dan a tu presentación un
LAS bonito toque. Me gustan
tuyas las fotos anchas, a
pantalla completa.
iStockphoto.com. Por
unos pocos €uros,
consigue fotos
royalty profesionales o
free ilustraciones que puedes
(de pago) usar sin pagar royalties.
Perfectas para un look
sólido y profesional.
Flickr.com. El mejor sitio
para imágenes con
creative licencia Creative
Commons.
commons
(gratis) Todo lo que tienes que
hacer es dar crédito al
autor en la presentación.

24. utiliza pantallazos para
destacar zonas importantes
Skitch.com herramienta
gratuita para hacer
pantallazos y añadir
pequeñas cosas como
panta- flechas, etc.
llazos
Muy fácil de usar. Entro
más de 30 veces al día
(no es un chiste).

25. 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.

26. Hay dos formas de
dar credito:
En la parte inferior En la última diapositiva
de la imagen

27. Un breve
consejo sobre
la eleccion de
fotos

28. ¡esto es cursi!
en serio, tio,
nadie en la oficina tiene ese aspecto.
(a no ser que trabajes en la oficina de modelos cursis)

29. esto es más interesan
te
fotos inesperadas, visualmente interesantes
hacen tu historia divertida y le dan un puntito.

30. EJEMPLOS:
“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)

31. los graficos estan bien,
pero recuerda:
No se trata de los números,
si no de lo que estos significan

32. hazlo
bien
con el
texto

33. hazlo
simple
(menos es mas)

34. ¿es un documento o
una presentacion?
+75 palabras/
diapositiva
= documento
@nancyduarte

35. un par de cosas
sobre tipos de letra:
nunca uses más
de 2-3 estilos.
(no es bonito)

36. Lo mas seguro
es utilizar la
misma familia

37. parpadeos,
parpadeos
s chispas o
ro
giiros
giros s en el texto
ro
g
gi
no molan

38. ~
PERO AnADIR UNA LIGERA INCLINACIoN
A TU TEXTO O IMaGENES
HACE QUE TUS DIAPOSITIVAS SEAN MaS
in teresANTES
pero cuidado,
no hay que pasarse.

39. 5
UTILIZA
c.r.a.p.*
(*) En inglEs, M.I.E.R.D.A.

40. ContrastE
EL ACRoNIMO
MaS
RepetiCion
IMPORTANTE
~
EN DISENO
AliNEACIoN
ProximiDAD

41. LO QUE SIGNIFICA:
ContrastE
Cuando el texto y todas las imágenes *Escrito por
usan el mismo tamaño el resultado es
extremadamente aburrido y no comunica. Robin Williams
Añade algo de contraste para mantenerlo
interesante.
(no, ese no)
RepetiCion
Repite 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.
Alineacion
El texto y las imágenes deberían estar
visualmente conectadas en cada
diapositiva. Nada debe estar fuera de lugar.
ProximiDAD
Los elementos relacionados deben estar
agrupados

42. a que se
tiene que
parecer:

43. ejemplos de ContrastE
Buen contraste hace que
iapositivas parezcsan
tus d
lim pias y organizada

44. ejemplos de RepetiCion
La repetición del
diseño da un o
asp ecto cohesiv

45. ejemplos de ALIneacion
Alínealo, pon márgenes y
asegúrate de que
están simétricos

46. Puedes hacerte
una serie de fotos a
juego de tí mismo
O comprar colecciones
en iStockphoto.

47. ejemplos de proximiDAD
Agrupa los elementos
similares o relacionados

48. o h crap! *
Comprueba dos veces que
tu diseño sigue estos principios:
Contraste, Repetición, Alineación, and Proximidad.
(*) oh, mierda

49. 6
6.
usA
video
USE VIDEO

50. lOs videos molan
Si son cortos, simples y relevantes.
2-3 min está bien, 30 segundos mejor.

51. Ahorrate los silencios
incomodos y siempre
precarga tus videos

52. 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

53. 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)

54. comparte
tu trabajo

55. salva a un arbol
Sube 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 s eleccionado como laes
presentació n del día consigu
fama y g loria instantáneas.

56. ¿tienes miedo de que
alguien ‘robe’ tu
presentacion?

57. 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.

58. libera
tus ideas
(obtendras mas a cambio)

59. 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

60. y eso es
todo

61. Solo una
cosa mas

62. 8
RESUME
al final

63. Si solo te qu edas con una
diapo sitiva de esta
ntacion, debe ria ser esta:
prese
ROBA ESTA presentaCion:
1. portada y titulo rompedores
2. USa una paleta de colores
3. USa imagenes contundentes
4. hazlo bien con el texto
5. USa CRAP
6. USa VIDEO
7. comparte tu trabajo
8. resume al final

64. esto solamente
~
son 8 pequenos~
trucos de diseno
que me han funcionado

65. pero hay muchas
formas de hacer
una gran presentacion

66. Y con algo de practica
y un poco de trabajo duro
tu tambien puedes
encontrar tu propia
manera de emocionar
e inspirar a la gente

67. ¿y lo conseguiras?
¡Si! ¡Por supuesto que si!
(98 por ciento y ¾ garantizado.)
Oh! The Places You’ll Go!
- Dr. Seuss

68. ¡gracias!

69. Mas:
Clic aqui para ver
mis otras presentaciones
@JESSEDEE
my twitter

70. credits: made using
keynote
total cost
= $0
photos:
1. flickr/One more night at the club/Irina Souiki
2. flickr/good news...and bad news/Shira Golding
2.flickr/Steve Jobs/dfarber
3.flickr/Audience/kurafire
5. flickr/Neptune Statue/Fraochsidhe
9. cannes lions 2010/jessedee websites:
13. flickr/skittles/davidjmarland istockphoto.com
17. flickr/Extremely Loud and Incredibly Close/matt.hintsa colorlovers.com
17. cannes lions 2010/jessedee skitch.com
25. flickr//Bert and Ernie/See-ming Lee screenflow.com
28.flickr/Vuiton Champs Elysées Shop/Little_Grizzly flickr.com
28.flickr/ Got Beer?/a4gpa noteandpoint.com
31. flickr/Can you read this, Luke Skywalker?/Stéfan slideshare.net
38. flickr/Toilet Trained/Anda74
49.flickr/presentation/ Eggplant
52. flickr/new york sunset/jerryfergusonphotography
54. flickr/Domo asusta a Danbo/GViciano
58. flickr/Fussel reviewing/Faustenator
62- flickr/exit sign in the commonwealth/joeybaltimore
65. flickr/Steve Jobs Keynote/acaben
62. flickr/jay-z/richie preiss

71. gracias carlos
por la translation :)
-@jessedee
Carlos Garcia-Hoz
101-Cientouno
Francisco Suarez, 16. 28036 Madrid
http://101.es
twitter: @carlosghoz