Principios de diseño: la sistematización

Si miran cualquier plantilla de las que incluyen PowerPoint o Keynote, verán que el diseño cambia según se trate de una diapositiva de apertura, sección, estadística, etc. No son todas iguales, pero comparten elementos que las unifican y permiten identificarlas como partes de un todo mayor y organizado. Es decir, son parte de un sistema donde sus diferentes diapositivas colaboran sinérgicamente.

¿Por qué es deseable esto último? Porque una presentación visualmente consistente y homogénea evita que la audiencia tenga que buscar el título (por ejemplo) con cada cambio de diapositiva. Somos animales de costumbres y a nuestros cerebros les gustan los patrones, porque les facilitan la decodificación. La regularidad permite anticipar lo que se va a ver y asimilar más rápidamente lo que se está viendo. De este modo, el cerebro se enfoca en comprender el mensaje en vez de tratar de identificar dónde están los puntos clave en la nueva diapositiva.

Esto no significa que debamos duplicar una diapositiva tras otra (lo que conduciría a un diseño aburrido) sino de repetir algunos elementos gráficos en las diapositivas para dotar de cohesión al conjunto. De lo que se trata es de lograr cierta diversidad dentro de la homogeneidad, un cierto “aire de familia” donde haya hermanos, primos y abuelos en vez de clones. La idea es que las diapositivas tengan su individualidad sin dejar de percibirse como integrantes de un diseño unificado. Hay varias maneras de lograr variedad en la repetición y las grillas suelen resultar un buen punto de partida.

sistema1Arriba: Conjunto de diapositivas sistematizadas mediante el uso del color, la tipografía y una grilla base. Las imágenes recortadas sobre el fondo aportan coherencia formal a los recursos icónicos. Abajo: Grilla subyacente que ordena la diagramación de todo el conjunto.

grilla3

A menudo esta sistematización se alcanza más fácilmente con pocos elementos. Cuando hay demasiadas paletas de colores, fuentes y estilos de imágenes, el conjunto pierde cohesión. Una mejor opción consiste en aplicar un diseño simple a las diapositivas. Una paleta de 5 colores con sus variantes tonales,  imágenes estilísticamente similares y una o dos fuentes suelen ser suficientes para lograr diversidad en la repetición.

sistema2Arriba: Dos diapositivas de una misma presentación, muy disímiles en cuanto al aspecto tipográfico, cromático e icónico. Incluso dentro de una misma diapositiva, los íconos varían desde una representación plana a una volumétrica o incluso perspectivada.

Mantener un esquema tipográfico, cromático e icónico simple es importante para lograr la cohesión del conjunto de diapositivas. Y lejos de ser un corsé, la grilla subyacente provee libertad para disponer los elementos de manera organizada. En definitiva, estos recursos tienden a evitar que las diapositivas parezcan visualmente aleatorias e inconexas. Recuerden que los ojos son algo perezosos. No obliguen a los de su audiencia a realizar esfuerzos extras para identificar y entender lo que deben ver con claridad.

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

Usos potencialmente útiles de Prezi

Mucha agua pasó desde mi primera entrada sobre Prezi y hoy PowerPoint ya no es el programa que monopolizaba el mundo de las presentaciones. Nuevos actores como Haiku Deck y Sway se sumaron al elenco del slideware alternativo que encabeza Prezi. Sin embargo, el uso (o abuso) sin motivos de los efectos de zoom y rotación se ha vuelto casi un paradigma de los prezis. Esta práctica es tan habitual que muchas personas creen que esa es la manera correcta y que “así se hace con Prezi”.

Lo cierto es que esta manera es poco efectiva no sólo porque marea, sino también porque la atención de la audiencia se enfoca en el efecto y no en el concepto. Como saben los lectores, en este blog pensamos que si un efecto no aporta a la comprensión, a la recordación o al impacto emocional de nuestro mensaje, es preferible no emplearlo. Pero si el efecto ayuda en alguno de esos sentidos, entonces el mensaje y su alcance se amplifican.

A continuación veremos un ejemplo creado con Prezi. Noten que el movimiento tiene una razón de ser. No está empleado “porque sí”, ni porque esté disponible o porque el presentador pretenda demostrar su habilidad en el manejo del programa. La decisión de usarlo no es el producto de un capricho sino de una planificación para comunicar con efectividad.

Captura de pantalla 2015-04-11 a la(s) 14.16.37

Arriba: El efecto zoom se aplica en torno a la figura del presentador para destacar e ilustrar consejos particulares. Es un buen uso del recurso, aunque a veces la ilustración es muy sutil y puede pasar desapercibida. Un toque de color que acentúe el cambio solucionaría fácilmente este inconveniente menor de un muy buen prezi.

Otra excelente aplicación del zoom es la comparación de elementos de diferentes tamaños. La capacidad de poder acercarse o alejarse brinda una perspectiva única, que permite visualizar escalas y magnitudes que de otra manera serían difíciles de comprender.

Arriba: Dos ejemplos de videos que ilustran tamaños astronómicos casi inconcebibles a escala humana. Sólo se pueden visualizar por comparación con referencias más familiares como la Luna o la Tierra. Ambos videos pueden adaptarse y recrearse en Prezi.

Estas comparaciones son más difíciles de visualizar en PowerPoint o Keynote porque su filosofía es diferente, ya que se basa en la constancia del tamaño de la diapositiva. Prezi por su parte, plantea un lienzo infinito donde es posible acercarse o alejarse tanto como queramos. Lo importante entonces no es fanatizarse con un programa u otro, sino explorar las potencialidades de todas las herramientas disponibles y elegir la más adecuada para mostrar un determinado contenido.

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

Desenfoque y espacio en blanco

Los seguidores del blog saben que el espacio en blanco es un elemento de diseño más, tan real como la tipografía y las imágenes. Han aprendido a visualizarlo y conocen su importancia, su aporte a la claridad de la diapositiva. En general: a menor espacio en blanco, mayor desorganización visual. Con poco o nada de espacio en blanco el mensaje sufre y no se entiende. En la mayoría de los casos, la tendencia a llenar la diapositiva deriva en imágenes y textos tan pequeños que no se ven más allá de la tercera fila.

El desenfoque al rescate

Para ganar claridad e interés debemos resistir este impulso a repletar las diapositivas y dejar mucho blanco en la mayoría de ellas, para que el texto pueda leerse (entre otros motivos). Esto resulta sencillo cuando el fondo es blanco o de cualquier otro color, incluso cuando se usan escalas de valores o fotos con fondos desenfocados o de colores planos. En estos casos, las grillas y la regla de los tercios resultan de mucha utilidad para equilibrar la composición.

bosque1Izquierda: División en tercios de la diapositiva mediante líneas de guía invisibles en la proyección. Derecha: Aplicación de los tercios para equilibrar el espacio vacío con la imagen y el texto. Las nubes desenfocadas actúan como espacio en blanco.

Pero… ¿qué ocurre cuando el fondo está texturado o es una imagen compleja? En estos casos el fondo es demasiado prominente y genera mucho ruido visual. Para reducirlo y crear espacio en blanco podemos aplicar un efecto de desenfoque, a fin de hacer más legible el texto o dirigir la atención hacia lo importante. ¿Qué nivel de desenfoque es el más adecuado? Eso depende de si queremos que se reconozca algo de la imagen o la textura de fondo o si por el contrario, encontramos que es más interesante desdibujar completamente el fondo.

patagoniaArriba: Diapositiva original y tres opciones con diferentes niveles y clases de desenfoque, aplicados en procura de que el fondo no compita con el texto y reduzca su legibilidad. La mejor solución a menudo es producto de la experimentación con este recurso.

Desenfocar es una alternativa más interesante que el atenuado de las imágenes de fondo, ya que esta última técnica “lava” los colores y desluce el resultado. Existen varias aplicaciones gratuitas para desenfocar y algunas tienen una buena variedad de efectos. Como vimos, TiltShift es una de las más sencillas, y aunque solo ofrece desenfoque radial y linear los resultados son interesantes. Diviértanse experimentando con ella y exploren las posibilidades que ofrece el desenfoque.

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

Nos vemos pronto

vacaciones2014

Imagen | Publicado el de | Deja un comentario

Sway: un chico nuevo en el barrio

De a poco, el reinado de PowerPoint parece perder terreno frente a aspirantes al trono en la tierra de las presentaciones. No es que el rey haya muerto (y probablemente siga bastante vivo más tiempo) pero definitivamente no es la herramienta monopólica de hace unos años atrás. Prezi y Haiku Deck, unas aplicaciones que ya revisamos en el blog, son una competencia importante pero ahora la propia Microsoft ofrece una alternativa.

Estamos hablando de Sway, que si bien está en período de prueba, ya está levantando polvareda. La primer diferencia respecto de PowerPoint es que, desde el vamos, Sway está orientado a la nube y ofrece soporte para gestos y dispositivos móviles (por ahora sólo los de Apple). Su lógica se aleja de las diapositivas y es similar a Prezi, en el sentido que ofrece un lienzo infinito donde es posible incorporar el contenido.

Como se puede ver en su sitio, es muy fácil incluir textos, imágenes y videos desde las redes sociales más populares (Facebook, Twitter, YouTube) así como de discos virtuales y otras app que se van agregando de a poco. Su filosofía es colaborativa, por lo que permite que varias personas trabajen un mismo documento. Y como es responsive, los resultados se verán bien independientemente de la pantalla que los muestre.

Si bien arrancó como un proyecto al que solo aquéllos que fueron invitados pudieron probarlo, desde diciembre del año pasado la beta se liberó y ahora cualquiera puede probarlo. Solo es necesario darse de alta con usuario y contraseña para empezar a jugar con esta app que si sigue sumando adeptos, será un rival a tener en cuenta por los programas líderes en el segmento slideware.

Publicado en Software, Tecnología | 1 comentario

Los Prezi Awards ya tienen dueño

Continuamos con los balances del año que se fue. Esta vez de la mano del equipo de Prezi, el popular software de presentaciones con zoom que, desde hace unos años, premia los mejores trabajos realizados con esta herramienta. Los mejores prezis del 2014 son 6; uno por cada una de estas categorías: mejor diseño global, mejor prezi de negocios, mejor prezi educativo, mejor zoom, mejor prezi reutilizable y el más popular.

prezi awards

Realmente se trata de muy buenos trabajos, con un empleo del zoom criterioso y efectivo. Nada que maree ni cause náuseas. Todo al servicio de la comunicación para facilitar la comprensión de las ideas, captar la atención y mantenerla de manera bella y atractiva. Muy recomendable para estudiar las posibilidades de una aplicación muy popular pero a menudo incorrectamente empleada.

Sin más, con ustedes… ¡Los ganadores! (clic aquí para verlos)

Publicado en Galería, Software | Deja un comentario

Los números del blog en 2014

Como todos los principios de año, el equipo encargado de las estadísticas de WordPress.com preparó un informe sobre este blog durante el 2014. Desde ya, muchas gracias por el interés demostrado. ¡Y que el 2015 venga lleno de presentaciones inspiradoras, entretenidas, efectivas y bien diseñadas!

Aquí hay un extracto:

El Museo del Louvre tiene 8.5 millones de visitantes por año. Este blog fue visto cerca de 74.000 veces en 2014. Si fuese una exposición en el Museo del Louvre, se precisarían alrededor de 3 días para que toda esa gente la visitase.

Haz click para ver el reporte completo.

| Deja un comentario

Feliz 2015

saludo

Imagen | Publicado el de | Deja un comentario

Presentaciones simples y fáciles con Haiku Deck

Haiku Deck es una aplicación para presentaciones que se caracteriza por el minimalismo de su interface y de sus resultados. Como todas las app actuales, facilita el compartir los resultados en las redes sociales, por correo electrónico o su inclusión en sitios webs y blogs. Para ver las presentaciones, basta con poseer un dispositivo que se conecte a Internet. En el caso del iPhone incluso es posible usarlo como control remoto.

haiku deck

Hasta aquí nada demasiado espectacular. Lo que sí es un diferenciador es la filosofía sobre la que basa su funcionamiento, ya que es simple y visual a nivel genético. Su interfaz es tan sencilla como sus resultados, algo que agradecerán quienes no quieran complicarse con todas las opciones que brindan los programas de las suites ofimáticas. Personalmente, encuentro muy interesante que Haiku Deck promueve los mismos principios básicos que sostiene este blog: texto limitado a lo esencial y simpleza en el diseño basado en imágenes que impacten a nivel emocional.

Con Haiku Deck es realmente es muy sencillo plasmar visualmente nuestras ideas, de manera rápida y directa. Solo un título y una imagen de fondo. Opcionalmente un subtítulo o una gráfica estadística, siempre minimalista porque la propia aplicación induce a incluir solo lo esencial. Como se ve, es ideal para quienes tienen problemas para sintetizar su mensaje.

Además, todo lo que produzcamos puede subirse a la nube para consultarlo donde y cuando queramos. Por ahora, solo está disponible para los dispositivos de Apple aunque también hay una versión on line, ambas gratuitas.

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

Prezi remoto desde el iPhone

El equipo desarrollador de Prezi no para de sumar prestaciones al popular programa de presentaciones. Ahora es posible presentar, copresentar o unirse a un Prezi en vivo y en tiempo real desde un iPhone.

Mediante esta innovación los desarrolladores redoblan su apuesta por el trabajo colaborativo y multiplataforma, ya que la nueva presentación móvil conecta hasta 30 personas desde diferentes ubicaciones a través del iPhones, PCs, Macs o laptops. Y todo sin importar su localización, porque da lo mismo que un usuario esté al otro lado de la ciudad o en el otro extremo del mundo.

La aplicación que permite estas funciones puede descargarse en el store de Apple, es gratuita y está disponible para iOS 7.0 o posterior. Es compatible con iPhone, iPad y iPod touch y está optimizada para iPhone 5, así que por ahora, los usuarios de Android deberán armarse de paciencia.

Publicado en Software, Tecnología | Deja un comentario