Cómo cortar retratos para ilustrar listas de nombres

A la hora de agradecer a los colaboradores ausentes en la presentación, lo habitual es listar sus nombres en una diapositiva. Algo similar ocurre con los referentes del trabajo expuesto, quienes a menudo son citados según normas APA en este formato: (apellido, año). Esto es apropiado para un documento escrito pero para una presentación es insuficiente, porque resulta demasiado frío como para que la audiencia establezca una conexión más humana con las personas citadas. Las listas de nombres simplemente resultan demasiado despersonalizadas para esto.

corte0

Una mejor manera

El aspecto emocional es uno de los componentes del discurso persuasivo. No es conveniente ignorarlo listando nombres despersonalizados. En vez de esto ¿por qué no hacer más visuales las listas de personas? ¿por qué no agregar sus fotos? No hay como un rostro a la hora de generar empatía o ilustrar nuestra exposición. Sin embargo, no es cuestión de incluir sus fotos directamente de la cámara. A menudo es necesario cierto proceso de edición previa.

corte1Arriba: Las fotos tal como salieron de la cámara. La del extremo inferior parece más importante debido al encuadre en primer plano y su mayor tamaño.

Lo ideal es que las fotos tengan las mismas poses, preferentemente mirando a cámara (o sea, al espectador) y que tengan el mismo fondo para aportar unidad estilística. Si los fondos fueran disímiles sería necesario recortar las figuras de su fondo para integrarlas a la diapositiva. En estos casos, los fondos de colores planos facilitarán la tarea de recorte digital.

agradecimientosArriba: Aunque los fondos son similares, la diferencia de encuadres establece jerarquías diferentes para cada persona.

Unificados los fondos, es hora de hacer lo propio con los encuadres. De lo contrario las tomas más cercanas o más grandes tendrán mayor jerarquía. Salvo que la intención sea destacar a algunas personas más que a otras, sus retratos deberían presentarse uniformemente. Lo ideal es comenzar por la toma más cercana y luego escalar y cortar las otras para igualar los encuadres. Estas acciones deberían realizarse considerando la altura de los ojos para obtener resultados más coherentes.

corte2Arriba: A partir del primer plano se escalaron las otras dos imágenes, luego todas se volvieron a enmarcar de manera uniforme y se alinearon a la altura de los ojos. Abajo: Rediseño de la diapositiva original reemplazando a los nombres por retratos cortados con un mismo criterio.

corte3

Programas como Keynote y PowerPoint tienen herramientas incorporadas que permiten cortar fácilmente las imágenes. El truco consiste en darles uniformidad. Y aunque los adultos solemos tener cabezas similares en tamaño, las diferentes formas, peinados y accesorios pueden alterar la percepción de sus dimensiones reales. El truco entonces consiste en hacer ajustes al recorte para que todos los retratos luzcan similares.

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

La lucha contra el cáncer: una gran explicación mediada por Prezi

Las presentaciones científicas con fines de divulgación pueden ser algo riesgosas. Si el ponente no tiene en cuenta que su audiencia es lega en la materia, abusa de tecnicismos, da por sentados ciertos conocimientos y olvida explicar la importancia de su tema (no para él sino para los asistentes), la desconexión y el aburrimiento de su público están garantizados. Es lo que se conoce como la Maldición del Conocimiento, esa condición por la cual mientras más sabemos de un tema, peor lo explicamos. Veamos un ejemplo.

Arriba: El experto presenta una serie de datos, pero no el peligro que implican ni su dimensión en términos comprensibles para su audiencia.

Una película de superhéroe vs supervillano

Los métodos para combatir la citada maldición son sencillos, pero como explica Dan Heath en su libro Pegar y Pegar:

“Son sencillos, sí, pero no naturales. La gente tiende a pensar que tener una gran idea es suficiente, y que la parte comunicacional llegará naturalmente.”

b

Un ejemplo de divulgación científica tanto informativa como entretenida es la ponencia que Paula Hammond, investigadora del MIT, ofreció en noviembre de 2015 en TED. A tono con estos tiempos de superhéroes, su conferencia sobre nuevos tratamientos contra el cáncer estableció un paralelo con los cómics. Su historia parece una aventura épica en escala microscópica, donde una nueva nanopartícula supera los superpoderes de células cancerígenas sin atacar el sistema inmunológico. Pueden ver el video de su presentación a continuación (no se olviden de activar los subtítulos)

Obviamente, la lucha contra el cáncer es un tópico intrínsecamente interesante pero como vimos, esto no asegura que su exposición resulte tanto informativa como amena, motivadora o cualquier otro efecto que el ponente desee causar. La ponencia de la Dra. Hammond no sólo logra algo difícil: mantener la atención de una audiencia heterogénea con síntesis (su exposición dura 10:42 min.) y humor. También es un uso ejemplar de las capacidades de Prezi para ir de lo general a lo particular y viceversa. Quien desee ver lo proyectado tal como lo observaron los asistentes a su TED Talk solo tiene que hacer clic en la imagen que sigue.

hammond

Publicado en Conceptos, Galería, Software | Etiquetado , , , , , | Deja un comentario

Consejos para no sobrecargar de información a la audiencia

Cuando la audiencia disfruta una presentación suele ser poque el presentador tenía algo importante por decir. Es importante para él y pudo contagiar su entusiasmo, preocupación o lo que sea que sienta a los asistentes. Incluso si falla el proyector o las diapositivas no estaban muy bien diseñadas, si comunica claramente algo interesante, útil y motivador, el éxito está asegurado. Sin embargo, si el presentador está demasiado involucrado en su tema esto puede jugarle en contra.

arma

La importancia de su tema es un arma de doble filo, porque el presentador debe luchar para no transmitir demasiada información. Tiene que recortar contenido para no abrumar y perder a su audiencia ¿Cómo lograrlo? Los siguientes tips  pueden ayudar en esta empresa:

1. Verifica el tiempo asignado. Esto es fundamental para planificar el discurso. Respétalo y no te pases. Mejor aún: termina antes. Nadie se quejará de una presentación que dura unos minutos menos pero sí de la que dura más.

2. No partas de una tormenta de ideas. La técnica del brainstorming genera montones de conceptos pero en este caso, debes ir en direción opuesta para no perder el foco de tu presentación.

3. Usa la regla de tres. Cuando tengas un listado de varios beneficios que se obtendrán al escucharte, considera reducirlo a los tres más importantes para la audiencia. Tres serán fáciles de recordar pero si les proporcionas más, quizás no recuerden ninguno.

4. Testea el contenido con tu punto central. Primero identifica la idea principal de tu discurso. Luego verifica que cada dato, anécdota o información apoye ese punto central. Si no lo hace, elimínalo.

5. Ofrece material ampliatorio. Puedes incluir toda la información que has excluido de la presentación en un apunte en formato digital o impreso, pero no lo distribuyas antes de tu exposición para mantener la expectativa y minimizar distracciones.

La capacidad humana para atender y asimilar información en un tiempo acotado tiene límites. No fuerces la de tu público ofreciéndole más de lo que puede digerir sólo porque te sientes orgulloso de tu trabajo o de lo que sabes. Recuerda que una buena presentación no se trata del presentador sino de su audiencia.

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

Derechos de autor e imágenes

CopyrightLos derechos de autor son una forma de protección que brinda la ley a los creadores de obras originales. De este modo los autores de obras literarias, artísticas, programas informáticos (y sí, también las imágenes) poseen derechos exclusivos que le aseguran la propiedad de su trabajo y afirman sus derechos morales. El símbolo de copyright por ejemplo, se enfoca en la parte patrimonial de los derechos de autor. Así, toda obra con copyright indica que su creador (o sus propietarios: productores, editores, etc.) posee la exclusividad en la explotación de dicho trabajo, incluso hasta un plazo que se extiende a partir de su muerte. Vencido este plazo, pasa a formar parte del dominio público y cualquier persona puede explotar la obra.

Una pistola humeante en las manos

Con tantas imágenes disponibles a un clic de distancia es tentador descargar una imagen, guardarla y emplearla sin autorización. Sin embargo, colocar una fotografía o ilustración que tiene el símbolo de copyright en una diapositiva no sólo es indebido. No habla bien del presentador y es como una confesión de su piratería; el símbolo lo delata tal como la pistola humeante señala al asesino en las películas de detectives. Más allá de la ironía, esta práctica puede traer serios problemas legales.

Una alternativa consiste en emplear imágenes con licencias Creative Commons, que promueve el intercambio y utilización legal de contenidos cubiertos por los derechos de autor. Las licencias Creative Commons se basan en el derecho de autor y sirven para llevar la postura extrema de “Todos los derechos reservados” hacia una más flexible, de “Algunos derechos reservados” o incluso “Sin derechos reservados”. En algunos casos basta con reconocer la autoría de la obra para emplearla; en otros queda limitada a usos no comerciales y otras incluso permiten la creación de obras derivadas siempre que mantengan la misma licencia al ser divulgadas.

CC-logoEn Internet podemos encontrar bancos de imágenes que nos evitan infracciones a los derechos de autor y proveen numerosas opciones de descarga, buscadores, consejos de uso, blogs y asistencia técnica. Muchos como gettyimages son pagos, aunque hay opciones verdaderamente accesibles. Otros como freeimages ofrecen imágenes gratuitas y una opción premiun que es paga. Y por suerte, también existen alternativas completamente gratuitas y legales como pixabay, que además incluye imágenes vectoriales y videos.

pixabay

Pero además, la tecnología ha hecho más accesible que nunca la producción de imágenes de calidad. Un teléfono de alta gama ofrece enormes posiblidades para explorar nuestra creatividad, ajustando las imágenes al contexto para que la audiencia se identifique con lo que le proyectamos. Encontrar la foto justa no siempre es posible en los bancos de imágenes o demanda mucho tiempo de búsqueda. En esas ocasiones, la cámara del celular y un poquito de técnica pueden ofrecer la solución deseada.

Publicado en Conceptos, Tecnología | Etiquetado , , | Deja un comentario

Guía de bolsillo para prezis destacados

No hay ninguna duda que Prezi es un jugador de peso en la liga donde PowerPoint continúa reinando. Los números son contundentes: 60 millones de usuarios registrados que han creado 190 millones de prezis públicos y mil millones de vistas. Si se sumara todo el tiempo que la gente pasa mirando prezis, el resultado serían unos 2.711 años.

Semejante performance ha permitido que el Prezi Team aprendiera un par de cosas respecto a qué hace que un prezi destaque. Por ejemplo, detectaron que los mejores prezis tienen el triple de contenido (marcos, texto o formas) que los prezis promedio y son casi siete veces más visuales (contando imágenes, videos y animaciones).

Basados en el estudio de los 1.000 prezis más exitosos aprendieron que, en promedio, en su diseño emplearon 23 formas, 40 imágenes, 1 video y 27 marcos. Y como no podía ser de otra forma, con estos datos armaron esta breve guía para crear prezis ganadores en formato prezi:

guía preziMás allá de los consejos estadísticos, si prestamos atención la propia presentación ofrece unos consejitos útiles. Como sabemos, los números no dicen mucho si no nos ofrecen un contexto que nos ayude a entender mejor lo que significan. En este caso, calcular la sumatoria del tiempo que la gente dedica a ver prezis fue un recurso que genera mucho impacto: 2.711 son muchos años y es una cifra que nos hace abrir los ojos.

Otro elemento imprescindible para la claridad es el contraste. Este prezi es un buen ejemplo del uso de contraste de tamaño tipográfico para destacar lo importante. Lo mismo ocurre con el color, donde una paleta vibrante diferencia claramente lo que debe destacar. El estilo predominantemente flat del diseño no resta atractivo visual. Por el contrario, su economía de recursos suma interés y claridad. Incluso se permite un juego de figura-fondo en el caso de los corredores.

En lo conceptual, la idea general es simple y efectiva. Una carrera donde los espectadores pueden ver a los prezis compitiendo por ganar es una buena metáfora, fácil de comprender y de ilustrar. Si bien estos aspectos no se incluyen entre los tips, una mirada atenta a la forma en que está construido el prezi los revela con claridad.

En definitiva, este prezi predica con el ejemplo: poner los números en contexto, usar un buen contraste y tener una analogía de lo que se pretende contar también importa a la hora de diseñar un prezi ganador.

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

Los mejores prezis del verano

Durante nuestro verano austral los muchachos de Prezi eligieron sus presentaciones favoritas. En el post anterior vimos la de febrero y ahora le toca el turno a Small Town Folks Have a Better Shot at the Big Time,  que puede verse a continuación:

small townEs bien conocida la aficción de los estadounidenses por las estadísiticas deportivas. Este prezi no sólo las presenta en profundidad sino también de manera memorable y atractiva, fáciles de entender. El autor logra estos resultados fundamentalmente por el buen manejo del contraste en distintas formas. Por ejemplo, los gráficos de barras son monocromos salvo la barra del dato que importa: ésa se destaca en color.

Algo destacable es el nivel de síntesis gráfica: siluetas vectorizadas casi pictogramáticas, planas y en algunos casos, con apenas un color extra que sugiere volumen. Todo esto le confiere un aire tipo Flat Design en el que sobresale una paleta sobria, pero que recurre a la energía de los colores complementarios para resaltar y diferenciar.

Un punto débil, a mi manera de ver, son los cuerpos tipográficos de las cifras: son algo pequeños y comprometen la legibilidad a una distancia media. En cambio, la combinación de sans serif condensada para títulos con una romana itálica para subtítulos resulta acertada y funcional. En definitiva, una buena presentación que sirve para comprender qué se considera un prezi efectivo.

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

El mejor prezi de febrero es…

Suenan las fanfarrias porque el equipo de Prezi anuncia la mejor presentación de febrero. Se trata de la creada por Gabriele Roncoroni para promocionar JustPark, una plataforma que permite localizar espacios para estacionar (sólo en el Reino Unido) a través se su sitio web y una app para móviles. Mediante una voz que amplía los conceptos mostrados en las ilustraciones, esta presentación simple pero bien diseñada explica el servicio ofrecido por JustPark de manera interesante y memorable. Quienes visiten el sitio web podrán apreciar la coherencia de diseño, ya que la presentación respeta el código cromático de dicho sitio aportando consistencia visual.

justpark

Publicado en Galería, Software | Deja un comentario

¡Nos vemos pronto!

vacaciones2014

Imagen | Publicado el por | Deja un comentario

Media Pointer 100, el elegante puntero de Genius

Desde que las Macbook eliminaron el puerto infrarrojo de su configuración, el control remoto de Apple que poseo oficia de moderno pisa-papeles. A la hora de presentar, el mando a distancia resultaba muy útil y por eso sufrí su ausencia durante meses, hasta que un día dije basta y me propuse encontrar un reemplazo.

La opción de Genius

Mi búsqueda comenzó acotada por las limitaciones a las importaciones aún vigentes en Argentina. A pesar de todo, hallé una oferta variopinta donde abundaban mandos muy grandes y repletos de funciones. Yo prefería algo pequeño y simple, que quedara oculto en mi mano y que no requiriera mirar para operarlo. Algo como el Media Pointer 100 de Genius.

genius1

Este dispositivo resultó ser lo que buscaba. A diferencia del control infrarrojo de Apple, su tecnología inalámbrica por radiofrecuencia elimina la necesidad de apuntar directamente a la notebook para operar el slideware. De acuerdo al fabricante, el alcance de la señal permite alejarse 10 metros sin interferencias.

Con apenas 157 gramos de peso y una longitud/ancho/altura de 10.5 x 3.8 x1.8 cm se siente muy cómodo en la mano y es muy portable. Su operación es sencilla gracias al minimalismo de su botonera: apenas 5 botones que permiten adelantar y retroceder la presentación, poner la pantalla en negro y activar la función Esc/F5. El quinto botón permite activar/desactivar el puntero láser para señalar un ítem importante en pantalla.

genius3

Su diseño sencillo no demanda aprendizaje alguno. Es cuestión de instalar 2 pilas AAA para que el mando responda al oprimir los botones. Eso sí, previamente requiere conectar a un puerto USB el mini receptor que viene almacenado entre las pilas. Esta es una característica muy cómoda y útil para evitar olvidos catastróficos, ya que sin este adminículo el control resulta inservible. Por último y por eso no menos importante, es totalmente compatible con Mac y los programas de presentaciones que corren en su plataforma.

Publicado en Tecnología | Deja un comentario

Flat design en las presentaciones

Hace unos años atrás era común ver interfaces basadas en algo que se llama skeumorfismo. Esta palabra (rara como pocas) alude a una tendencia de diseño que pretendía dotar de mayor realismo a los elementos mostrados en la pantalla. De este modo, todo se veía como si fuera volumétrico gracias al agregado sombras, luces, texturas, brillos y transparencias. En la actualidad esta tendencia parece haber sido totalmente relegada por una opuesta: el Flat Design.

¿Qué es el Flat Design?

Se trata de un enfoque de diseño minimalista en el que los objetos se muestran bidimensionales, con bordes definidos, colores planos y contrastantes. En el Flat Design los ornamentos que simulan 3D se consideran un ruido innecesario. Su enfoque enfatiza la usabilidad; y si un aspecto gráfico no sirve a un propósito funcional, se lo ve como una distracción de la experiencia de usuario.

flat-vs-realismArriba: Diseño realista versus Flat Design aplicados en botones de sitios web.

Este minimalismo gráfico no tiene porqué resultar aburrido y es más que una tendencia estilística. Es una manera de mantener el diseño de nuestras presentaciones simple y directo, permitiéndonos exponer nuestras ideas sin que la atención de la audiencia se desvíe a los gráficos.

Cómo aplicarlo

Para conseguir un diseño flat (plano) efectivo, todos los elementos de las diapositivas deben impregnarse de este concepto de simpleza. En la práctica, esto se traduce en una preferencia por los colores vivos, planos y contrastantes que asegura el énfasis necesario, evitando los gradientes de color. La tipografía escapa de ornamentos como los serif o trazos caligráficos y prefiere las líneas simples y consistentes de las fuentes sans serif. Los textos son concisos y directos al punto. Nada sobra y todo parece claro y evidente.

Arriba: Los íconos en esta presentación aportan la universalidad necesaria para entender los conceptos fácilmente, ya que no importa si las personas son jóvenes, viejas o visten bien. En general las imágenes simples expresan el mensaje más rápidamente que las ilustraciones detalladas.

El ejemplo anterior es una presentación que subí hace unos años a Slideshare. Cuando se comparten archivos en esta plataforma o similares, las presentaciones son visualizadas en diferentes dispositivos como celulares, tablets, notebooks y computadoras de escritorio. En estos casos el Flat Design asegura que la visualización sea consistente en cualquiera de esos medios. Si bien apliqué alguna sombra o gradiente de vez en cuando, cuidé de mantener un criterio fundamentalmente flat pero sin hacer la apología del Flat Design. Esta estrategia de no ser un talibán de ningún estilo me mantiene flexible, y a menudo me conduce a resultados efectivos evitando que me repita en mis propuestas de diseño.

Para cerrar y en términos más generales, el Flat Design propone una vuelta a las bases del diseño como herramienta funcional. Con este enfoque una presentación será juzgada por su eficiencia comunicativa y no por cómo luce. Precisamente, es esta funcionalidad la que debería guiar a toda presentación y el Flat Design es una buena herramienta para lograrlo.

Publicado en Galería, Principios de diseño | 1 Comentario