Sobre la conveniencia de usar menos imágenes de stock

La estrategia de ilustrar el discurso en vez de transcribirlo en las diapositivas es el núcleo, el punto central de los cursos que suelo ofrecer. Como suelen decir, una imagen vale por mil palabras. Pero no cualquier imagen tiene esa capacidad. Por ejemplo, un clip art que era una novedad en la década de los 90 hoy es un recurso perimido y poco profesional. Una mejor opción son las fotos con buena calidad compositiva y técnica. Muchos sitios web ofrecen la posibilidad de descarga de imágenes así a precios accesibles o incluso sin costo. Parece una solución ideal ¿no?

Un recurso para ser usado con precaución

Un stock fotográfico (como suele denominarse a esos sitios webs) puede parecer una panacea porque aseguran calidad y, mediante sofisticados buscadores, permiten hallar rápidamente la imagen que buscamos. Sin embargo, mi recomendación es que este recurso se emplee prudencialmente, sobre todo en el caso de las personas. ¿Por qué? Acá van tres razones.

1. No reflejan emociones reales: A menudo ocurre lo contrario y es evidente que los modelos están posando. Estas tomas suelen caer en el cliché o verse poco naturales. Realmente, ¿es tan gratificante atender llamadas en un call center?

foto1

2. No reflejan fenotipos y costumbres pertinentes: Como latinos que somos, puede resultar difícil identificarnos con situaciones que involucran a personas con rasgos nórdicos, por ejemplo. La consecuencia es el desapego y la percepción de que esa realidad que se nos muestra es distante y ajena. ¿Nuestros empresarios se saludan como en la foto que sigue?

foto2

3. Son omnipresentes: Las fotos de stock aparecen por todas partes. Están en todos lados, se reciclan a cada rato y se transforman en una fórmula repetida hasta el hartazgo. ¿Cuántas veces hemos visto la imagen del empresario que sonríe de frente? Esta clase de imágenes se ha vuelto un lugar común y ya no aportan interés.

foto3

Las imágenes de personas descargadas de un stock corren el riesgo de ser los nuevos clipart mil veces vistos y artificiales. En esos casos una mejor opción pueden ser nuestras propias imágenes. Hace 2o años era difícil contar con imágenes digitalizadas y el clip art fue una solución simple y accesible. Pero gracias a la evolución tecnológica, en la actualidad un smartphone de gama media permite capturar imágenes con calidad técnica aceptable, editarlas en un nivel básico y hasta armar un pase de diapositivas. ¿Por qué desaprovechar semejantes posibilidades? Es cierto que reunir un grupo de gente y organizar la toma lleva tiempo, pero los resultados serán personalizados, creíbles y más efectivos.

| Deja un comentario

MaterialPalette: colores sin esfuerzo

Luego de definir la estructura del discurso y al momento de ilustrarlo, una preocupación legítima es cómo definir una paleta de colores efectiva. Cualquiera sea el esquema de color que se decida, siempre es útil ver un ejemplo de aplicación para verificar la manera en la que los colores se comportan en conjunto.

Una herramienta simple pero efectiva

Generadores de paletas de colores hay muchos, pero uno de mis favoritos es materialpalette. Lejos de presentarse como una herramienta compleja como sinónimo de potencia, esta aplicación en línea hace de la simplicidad y la limitación sus principales fortalezas. Su interface no puede ser más minimalista. Luego de cargar, lo primero que le indica al usuario es que debe elegir 2 colores entre una oferta de 19 opciones básicas.

palette1Arriba: La interface de la aplicación y su oferta de colores. El usuario debe elegir 2 colores hacienco clic sobre ellos.

Una vez definido el par de colores, la primera opción elegida es asignada al color oscuro primario; mientras que la segunda se destina a un color contrastante, para dar un acento y destacar algún elemento. A partir de este par, colorpalette genera 6 tonos accesorios para el texto, fondos y divisores de una simulación que muestra cómo combinan.

palette2Arriba: Luego de elegir los dos colores, el sistema muestra la paleta generada y una previsualización de su potencial aplicación.

Si la elección es satisfactoria, el usuario puede descargar la paleta en una variedad de formatos e implementarla en su programa de presentaciones. A pesar de lo espartano de su concepto, esta aplicación resuelve la cuestión del color de modo rápido y efectivo. Si llegó la noche anterior a la presentación y aún no definieron su paleta, sin dudas apreciarán las características de colorpalette.

Publicado en Software, Tecnología | Deja un comentario

De acá hasta allá: cómo guiar el ojo alineando fotos

Una simple fila de fotos puede constituirse en un poderoso recurso para destacar un mensaje textual. No sólo produce resultados atractivos; también es fácil de realizar. Basta con alinear varias fotos de idéntico tamaño comenzando desde el margen izquierdo. Luego se ubica el texto a la derecha y los ojos de la audiencia serán guiados directamente a dicho texto. El efecto se potencia cuando se emplean diapositivas más cercanas a la relación 16:9 en lugar de las tradicionales 4:3 de toda la vida, tal como puede verse a continuación.

trayecto1Arriba: Como occidentales que somos, nuestros ojos barren el espacio de izquierda a derecha. Así, las fotos en esta diapositiva proponen un recorrido visual que conduce la mirada hacia el título y la bajada, que a su vez son acentuados por otra imagen que clausura el trayecto.

La técnica en 3 pasos

El trayecto de imágenes es más efectivo cuando las imágenes tienen las mismas dimensiones y están alineadas, lo que permite que los ojos se deslicen naturalmente a través de ellas. En estos casos el escalado, alineado y recorte de las fotos son fundamentales tal como vimos en la entrada anterior. Dicho esto, veamos como aplicar la técnica en 3 pasos con un ejemplo concreto.

1. Construye el recorrido. Dispone tus fotos en una hilera que comience en el borde izquierdo y termine poco antes del borde derecho (esta brecha evita que la atención fugue de la diapositiva). Ten cuidado de no dejar separaciones entre las fotos; de lo contrario el barrido tendrá interrupciones indeseadas.

trayecto2

2. Establece un punto focal. Un elemento extra como un logo o un objeto silueteado al final del recorrido ayuda a cerrar la composición. El contraste de formas (fotos rectangulares vs elemento de formas libres) y una ligera superposición dirige la atención hacia la zona principal de la diapositiva.

trayecto3

3. Agrega el texto. Ubica el texto aplicando el principio de alineación para que quede vinculado visualmente a las imágenes. Prueba alineando el texto con un borde vertical de las últimas fotografías.

trayecto1

Para tener en cuenta…

La idea que subyace en la aplicación de esta técnica es que la mirada fluya sin interrupciones y de manera dinámica, efectiva. Para lograrlo ten en cuenta estas consideraciones finales:

Anima el trayecto. Puedes reforzar el efecto aplicando una animación para hacer aparecer las fotos en forma secuencial desde la izquierda. En lugar de animaciones extravagantes como giros o saltitos (que reclaman demasiada atención) prefiere recursos más sutiles.

trayecto5

Nivela a la altura de los ojos. Idealmente, el trayecto de fotos debería ubicarse por encima de la línea media de la diapositiva. Esto es más interesante desde el punto de vista compositivo y resulta más natural a la visión humana.

trayecto6

Evita los saltos. El recorrido se optimiza cuando las fotos son similares en forma y tamaño. Las irregularidades como las que se ilustran a continuación reducen la efectividad, ya que ralentizan el barrido e incluso pueden detenerlo.

trayecto7

Deja una brecha significativa. La estrategia de dejar una brecha pretende detener el barrido de los ojos. Si la brecha es muy angosta, los ojos continuarán su recorrido más allá del borde derecho.

trayecto8

Más es mejor. Pocas fotos restan fluidez al movimiento ocular porque el mayor tamaño de las fotos demanda demasiada atención, forzando a los ojos a escanear cada una y no al recorrido como una totalidad.

trayecto9

| 2 comentarios

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 , , , | 1 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