Imágenes que sangran

Cuántas veces hemos asistido a proyecciones con texto muy pequeño, ilegible más allá de la segunda fila… yo ya perdí la cuenta. Es un error muy común y que tiene su correlato visual: a menudo las imágenes usadas también son demasiado pequeñas. Esto último no suele ser muy tenido en cuenta, quizás porque la imagen es sólo decorativa o es un clip art mil veces visto. En estos casos es preferible no usarla y descongestionar la diapositiva. Pero si la imagen importa porque aclara un concepto o genera una respuesta emocional, el tamaño cuenta.

diab2

Izquierda: Clip art irrelevante y que dificulta la lectura. Derecha: Rediseño que mejora la legibilidad eliminando el ruido y aumentando el contraste.

En procura de mayor impacto

La mejor manera de facilitar que la audiencia vea una imagen es aumentar su tamaño. Al hacerlo, deberemos considerar también los márgenes y color de fondo de los bordes que la rodean. La idea es que el marco no distraiga la atención.

diab1

Izquierda: El fondo compite por la atención con la imagen. Derecha: Un fondo neutro enmarca la imagen y centra la atención en ella.

sang3

Izquierda: Exceso de texto que obliga a reducir la imagen y perder detalle. Derecha: Al no transcribir el discurso del ponente es posible ampliar la imagen y ganar impacto.

Siempre que sea posible, yo prefiero que la imagen vaya a sangre. No se preocupen, no hay nada sanguinario en esto; simplemente significa que la imagen excede los bordes de la diapositiva. Este término es común en la gráfica impresa, donde al usar una foto a página completa el diseñador debe ampliar la imagen para que supere unos milímetros la superficie de la página. Esta demasía o sangrado de la imagen asegura que al guillotinar no quede un borde indeseado con el color de la hoja.

Diapositiva3

Arriba: La foto cubre toda la diapositiva maximizando el impacto e integrando el texto de manera armónica.

Tipos de sangrado

El sangrado de las fotos no necesariamente debe aplicarse a todos los bordes. A veces basta con un sangrado parcial; todo depende del efecto buscado. Veamos algunos ejemplos de sangrado a uno, dos, tres y cuatro bordes.

sang1

sang2

En los ejemplos anteriores pueden ver que las fotos cumplen mejor su rol al usarlas a sangre. Usarlas en gran tamaño no es garantía de efectividad o claridad (cuestiones como la composición, resolución, contraste y enfoque también cuentan); pero es una de las mejores maneras de lograr impacto con tamaño.

Publicado en Principios de diseño | Etiquetado , , , , , | Deja un comentario

Sobre la Comic Sans, el diseño y las presentaciones

Si hay una fuente repudiada por los diseñadores, ésa es la Comic Sans. Como vimos en una entrada anterior, Vincent Connare (responsable también de la notoria Trebuchet) la diseñó para imitar las letras de un cómic en situaciones informales. Por este motivo, no es la elección adecuada para una presentación “seria”.

Higgs-bosonDiapositiva de la presentación del Bosón de Higgs usando CS

Por otra parte, si hay una compañía enfocada en el diseño, ésa es Apple. Sin embargo, hasta el mismísimo Steve Jobs supo emplear una variante de CS en sus presentaciones. ¿Esto es un contrasentido? ¿O si la usa Jobs está bien pero si la usa un científico está mal?

Ni una cosa ni otra

Mi primera reflexión es que Jobs no nació experto en presentaciones sino que como los buenos vinos, mejoró notablemente con el tiempo. Y en esa evolución cambió Chalkboard (la fuente de Apple similar a Comic Sans) por Myriad Pro, una fuente muy elegante y legible.

ipodPresentación del primer iPod en 2001 (usando Chalkboard) y de su evolución en 2007 (usando Myriad Pro)

Incluso si comparamos las presentaciones del primer iPod con la del Bosón de Higgs, veremos notables diferencias en el uso de la tipografía. Comparen la legibilidad, la cantidad de texto y el tamaño de la tipografía de una y otra. Sencillamente, las diapositivas de la segunda presentación están pobremente diseñadas. Poca señal y mucho ruido.

Problemas técnicos

Comic Sans es apropiada para aplicaciones infantiles o informales y, técnicamente hablando, no es una buena tipografía. El dibujo de sus caracteres y el espaciado no están muy bien resueltos. Si la comparamos con Myriad, veremos que a pesar de que ésta también es una tipografía sin serif ni modulación de sus trazos, cuenta con un diseño más cuidado. Por ejemplo, el trazo de la Myriad se afina cuando el hombro se encuentra con el asta de la letra n. Esto no ocurre en la Comic Sans, donde el mismo encuentro luce desproporcionadamente pesado y grueso.

myriad-comic

Esta disparidad de pesos visuales hace que leer textos largos en CS sea poco placentero. Además de la uniformidad de los pesos o “textura”, el interletrado también es muy importante para la legibilidad de una tipografía. Lamentablemente, CS tampoco resuelve muy bien el espacio entre pares de caracteres (técnicamente se llama kerning), como puede verse en el siguiente ejemplo.

myriad-comic2

Quizás parezca que estos son detalles minúsculos, pero el diseño de tipografías es puro detalle. Comic Sans es muy legible en pantalla y en tamaños pequeños para textos cortos. Fue diseñada nada más que para eso. En cuerpos grandes como los que recomiendo usar para las presentaciones, sus vicios técnicos se hacen evidentes. Una mejor alternativa consiste en usar nuestra propia escritura, ya sea escaneada o dibujada directamente en una tableta. Al incluirla en las diapositivas generaremos más atención y nos diferenciaremos del resto.

Publicado en Galería, Principios de diseño | Etiquetado , , , | Deja un comentario

Blog de vacaciones

vacaciones

Imagen | Publicado el por | Deja un comentario

PowerPoint en el iPad con Slideshark

slideshark2Hasta el momento, PowerPoint no está disponible para los dispositivos móviles de Apple. Lo que sí podemos conseguir son visualizadores de archivos ppt/pptx. En esta categoría, una de las mejores aplicaciones es Slideshark. Con ella podremos ver y compartir nuestros powerpoint sin perder fuentes, colores, animaciones o gráficos.

Aunque es muy eficiente manteniendo el formato original del archivo (el punto débil de otras aplicaciones similares), algunas características no están soportadas. Entre éstas podemos citar los gif animados, las transiciones de diapositivas, macros y componentes de terceras partes. A pesar de estas limitaciones, el programa está muy logrado y es una buena solución.

SlideShark1

¿Cómo funciona?

Slideshark basa su funcionamiento en la nube, donde subiremos nuestros archivos para descargarlos luego al iPad. El procedimiento comienza con la creación de una cuenta gratuita en el sitio de Slideshark, la cual nos asignará 100MB para colgar nuestros archivos. Si queremos más espacio, deberemos pagar en función de los megas que nos hagan falta.

Una vez subido el archivo a nuestra cuenta, deberemos descargar la aplicación gratuita Slideshark en el iPad. Finalizada la instalación, podremos usar el programa para ver la presentación o compartirla online o por e-mail. La conexión a un proyector o TV se realiza a través de un adaptador VGA/HDMI o mediante la función AirPlay vía Apple TV.

SlideShark-Screenshot

El programa también está disponible para iPhone/iPod Touch, lo que nos permite usar estos dispositivos como control remoto para avanzar y navegar las diapositivas. Otras características interesantes son la capacidad de reproducir videos insertados en la presentación y de usar el Modo Presentador para ver las notas, el reloj y las próximas diapositivas.

Publicado en Software, Tecnología | Etiquetado , , | 6 comentarios

Comic Sans ¿adecuada o no para presentaciones?

A mediados de 2012 tuvo lugar el hallazgo científico más grande de las últimas décadas: el descubrimiento del bosón de Higgs. Esta esquiva partícula subatómica es fundamental para completar el Modelo Estandar que explica la estructura del Universo. La presentación del descubrimiento levantó polvareda, pero no solo por su importancia científica.

higgs

Resulta que como vemos en la imagen de arriba, para el anuncio los científicos prepararon un PowerPoint usando una de las fuentes más odiadas: Comic Sans. Las diapositivas tenían serios problemas de diseño: demasiado texto, falta de alineación, de contraste y de legibilidad entre otros. Sin embargo, la mayoría de las críticas (más de 127.000 en Google) se enfocan en la tipografía ¿Por qué tanto rechazo?

El origen de la criatura

Comic Sans fue diseñada en 1994 por Vincent Connare, un diseñador empleado de Microsoft. Su objetivo era crear una tipografía para la beta del software del programa infantil Microsoft Bob, ya que el uso de Times New Roman en los globos de diálogo le parecía inapropiado.

MSbobDe este modo, buscó inspiración en las revistas de historietas y comenzó los primeros bocetos de la nueva fuente. Para cuando redondeó su propuesta, el software ya estaba terminado con los espaciados programados para Times New Roman, así que la Comic Sans no fue empleada. Posteriormente fue usada en Movie Maker (un programa que también usaba personajes de historieta) y finalmente fue incorporada como fuente de sistema de Microsoft Windows.

Un problema genético

El destino original de Comic Sans era el software para público infantil, creada específicamente para llenar globos de historieta con textos cortos y para ser leída en pantalla. No fue diseñada para imprimirse. Microsoft no lo aclaró cuando la incluyó en Windows 95 y la masividad que alcanzó este sistema operativo, sumado a que la CS es una de las primeras opciones del listado tipográfico, llevó a que fuera (mal) utilizada para todo.

tumbaArriba: tumba en un cementerio de Londres. Foto de Cory Doctorow.

La CS es una fuente descontracturada, casi humorística. Hasta parece pedir a gritos que se use en distintos colores. Nació así, lo lleva en los genes; por eso su uso en otros contextos que no sea el informal está desaconsejado. Ciertamente, no es la más apropiada para presentar el descubrimiento científico del siglo.

Publicado en Galería, Principios de diseño | Etiquetado , , , , | 2 comentarios

Las 100 cosas que todo presentador debe saber

100presenterSusan Weinschenk es una doctora en sicología que lleva 30 años estudiando el comportamiento humano. Basada en sus estudios, ha asesorado a numerosas compañías e instituciones sobre cómo predecir y comprender el comportamiento de sus clientes. A mediados del año pasado, Susan publicó su tercer libro: “100 Things Every Presenter Needs To Know About People”.

¿Otras 100 cosas que hay que saber?

En su libro anterior “100 Things Every Designer Needs To Know About People”, Susan explicaba los aspectos sicológicos que hacen más eficiente un diseño (en particular, el diseño de un sitio web). Al leerlo, me pareció que sus reflexiones eran aplicables a otros campos además del diseño.

Parece que la autora también lo entendió así, porque en este nuevo volumen repite mucha información del anterior pero adaptada a las presentaciones. Por ejemplo, en ambos habla del mito de la multitarea, pero los consejos sobre lo que hay que hacer y lo que hay que evitar son diferentes según se diseñe una web o se brinde una presentación.

Susan

Los dos libros comparten la misma estructura, aunque no esperen mucha profundidad para 100 cosas en poco más de 250 páginas. El enfoque es puramente práctico, pero para la mayoría de los presentadores resultará suficiente.

¿Vale la pena leer el nuevo libro si leyeron el anterior?

Si bien mucho contenido es compartido, lo específico de las “100 Cosas” para los presentadores hace la diferencia. Por ejemplo, el nuevo libro tiene un capítulo referido al lenguaje corporal, el tono de voz y los gestos que no están presentes en el anterior. Como bonus, incluye un apartado donde Susan nos explica sus secretos para estructurar presentaciones impactantes y persuasivas. En definitiva, un libro ameno y útil que debería estar en la biblioteca de cualquier presentador. La versión en español se consigue editado por Anaya con el título de “Presentaciones inteligentes, 100 cosas sobre la audiencia que todo speaker debe saber”.

Publicado en Biblioteca | Etiquetado , , | 2 comentarios

Los números de 2012

Los duendes de las estadísticas de WordPress.com prepararon un informe sobre el año 2012 de este blog.

Aquí hay un extracto:

4.329 films fueron presentados al 2012 Cannes Film Festival. Este blog tuvo 55.000 vistas en 2012. Si cada una fuera un  film, este blog habría posibilitado 13 Film Festivals

Haz click para ver el reporte completo.

Publicado en General | Deja un comentario

Con ustedes… ¡El fin del mundo!

A tono con los tiempos, que corren hoy quiero compartir un prezi sobre el Apocalipsis Maya. No es un buen ejemplo de un complemento visual para un presentador. En realidad, el presentador sería un complemento casi innecesario porque todo lo que debería decir está escrito en el prezi.

Sin embargo, esta presentación no está pensada para complementar a ningún orador sino que es una autopresentación. Desde este punto de vista, sí es un buen ejemplo de lo que puede lograrse con Prezi. La presentación es visualmente atractiva y hace un buen uso de las animaciones para ayudar a comprender algunos conceptos. La única contra es que está en inglés, pero sirve para ver las posibilidades del programa.

Si la predicción Maya falla, nos vemos la semana que viene.

mayas2012

Publicado en Biblioteca, General, Software | Deja un comentario

Prezi en español

preziEl particular software de presentaciones no deja de producir novedades. La próxima vez que visiten prezi.com notarán un cambio… ¡Ya está disponible completamente en español!

La comunidad de usuarios hispanohablantes ha crecido y Prezi apunta a consolidar ese crecimiento. Por ello, hoy han anunciado el lanzamiento de Prezi en español. Ahora será aún más fácil crear, editar y compartir nuestros prezis con los demás.

Si bien es cierto que la mayoría de los contenidos están traducidos, es de esperar que en los próximos meses suban ejemplos creados por hispanohablantes. Lo anterior vale también para el foro de ayuda, aunque seguramente será cuestión de tiempo para que veamos estas mejoras implementadas.

Publicado en Software | Deja un comentario

Prezi ahora también el el iPhone/iPod touch

La movilidad total es un hecho para Prezi gracias a esta nueva versión del software para los móviles de Apple. Gracias a su enfoque en la nube, ahora podemos crear un prezi vía internet, editarlo desconectados en la computadora de casa, terminarlo en el avión y mostrárselo a un amigo en el bar.

Su descarga también es gratuita pero a diferencia de otras versiones, en estos dispositivos solo es posible reproducir los prezis. Los paneos y zoom son ejecutados con fluidez  y como está sincronizado en la nube, siempre vamos a acceder a la última versión de nuestros prezis.

iphone-1

Algo interesante es que una vez descargado, nuestro prezi puede visualizarse aún sin conexión a Internet. Cabe aclarar que esta versión está disponible para el iPhone y el iPod touch. Por ahora, los usuarios de Android deberán seguir esperando.

Publicado en Software, Tecnología | Deja un comentario