La proximidad, principio esencial para una diagramación clara

Hace poco, al intentar volver a mi ciudad, casi protagonizo un accidente vial. Resulta que me confundí al intentar acceder a la autopista, lo que casi provoca una mala maniobra de mi parte. El motivo de mi confusión fue la falta de claridad de una señal cuya foto reproduzco a continuación.

prox00

Su lectura puede parecer poco problemática, pero hay que recordar que sentados frente a la computadora tenemos todo el tiempo del mundo para interpretarla, mientras que cuando manejamos disponemos de pocos segundos. En este caso, tuve dudas acerca de la dirección que debía tomar para ir a Córdoba. ¿Por qué me ocurrió esto?

La explicación de la Gestalt

La Gestalt es una corriente psicológica moderna que explica la manera en que nuestros cerebros interpretan los estímulos visuales. Una de sus leyes es la de Proximidad, la cual establece que los elementos contiguos tienden a percibirse como un grupo, una unidad. Es decir que los elementos conceptualmente relacionados deberían ubicarse cerca para hacer más claro su vínculo. En el ejemplo del cartel de ruta, se produce ambigüedad porque este principio no se respeta y por lo tanto, la comunicación no es clara.

prox3

Arriba: Las localidades están más próximas de las flechas que no corresponden que de las que señalan la dirección correcta. En realidad, Córdoba y Pilar quedan a la derecha y Villa María a la izquierda.

De manera similar, muchas diapositivas resultan confusas porque sus elementos no están correctamente relacionados. A menudo, aquéllos vinculados están demasiado separados y/o los que no están relacionados se ubican muy próximos. Esto obliga a la audiencia a trabajar extra, tratando de  descifrar lo que debería estar claramente relacionado.

prox0Arriba: ¿Cuál texto corresponde a cada imagen? La ambigüedad en la relación de pertenencia tiene origen en una separación inadecuada.

En la próxima entrada veremos cómo corregir esas deficiencias basándonos en la Ley de Proximidad. La idea es aumentar la claridad de la diapositiva y facilitar su comprensión, asegurándonos que los ítems relacionados se ubiquen próximos.

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

Slideshare vs Speaker Deck

Hace unos años atrás cuando subí mi primer presentación a Slideshare, éste era EL sitio para compartir diapositivas. Desde entonces, llegaron nuevos vecinos al barrio y entre ellos podemos citar a Speaker Deck.

Curiosamente, su interfaz me recuerda al viejo Slideshare, despojado de demasiadas opciones y minimalista. Esta claridad y simpleza en la organización de los contenidos es una de las características que me resultan más atractivas. No es que sea limitado. Las opciones para compartir, descargar o consultar estadísticas están presentes pero mejor organizadas. Puro contenido sin avisos ni links extraños.

Captura de pantalla 2014-04-03 a la(s) 17.12.33Arriba: La interfaz de Speaker Deck. Cuatro columnas bastan para organizar el contenido.

Otro detalle llamativo es que al desplazar el cursor sobre las miniaturas de las presentaciones se muestran las diapositivas que las componen. Speaker Deck solo acepta archivos PDF (50 MB máximo), lo que implica que el usuario deberá exportar a este formato antes de subirlo al sitio. Al desarrollador, esta estrategia le facilita las cosas al evitar tener que lidiar con múltiples formatos. Al usuario, le minimiza incompatibilidades.

Captura de pantalla 2014-04-03 a la(s) 21.27.12Arriba: Una barra de progreso revela las diapositivas al desplazar el cursor sobre la miniatura de la presentación.

Por último, Speaker Deck es completamente gratuito. A diferencia de Slideshare, no hay limitaciones que se superan comprando una versión Pro. En Speaker Deck, lo que ves es lo obtienes: una plataforma para presentaciones que luce profesional y sin distracciones publicitarias.

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

Comenzó el año lectivo, también para los presentadores

No hay ninguna duda, las vacaciones quedaron atrás y el 2014 ya empieza a tener otro ritmo en lo laboral y en lo estudiantil. Para ir estirando los músculos que nos hacen mejores presentadores, les recomiendo un par de links a sitios con cursos y contenidos interesantes.

El primero es un curso de presentaciones on line y gratuito a cargo de Roger Prat, autor de presentable.es, uno de los blogs españoles más consultados. Se tratan de 10 clases que les llegarán por correo electrónico luego de una inscripción. Durante las mismas se cubrirán aspectos relativos a la planificación del mensaje, su estructura, su diseño y finalmente, la ejecución con un plus de creatividad. Por si fuera poco, Roger ofrece la posibilidad de que al finalizar el curso le envíen una presentación para que él proponga ajustes y correcciones, también sin costo alguno. ¿Qué más se puede pedir?

http://www.presentable.es/curso-de-presentaciones-online-gratuito/

Similar al anterior pero pago, es el curso a distancia que ofrece la Universidad Tecnológica Nacional, Regional Buenos Aires. Se trata de un curso de 6 semanas a través de una completa plataforma de e-learning, es decir, una especie de aula virtual donde los alumnos interactúan entre sí y con el profesor. El docente a cargo es Hernán Lertora, diseñador gráfico con amplia experiencia en la docencia. El detalle del curso, con sus contenidos y objetivos, está en el link que sigue.

http://www.sceu.frba.utn.edu.ar/e-learning/cursos-a-distancia/Comunicacion-y-Medios/Como-hacer-presentaciones-efectivas-con-Powerpoint%2C-Prezi-y-Keynote/temario.html

Finalmente, pongo a consideración de todos ustedes este material que subí a la plataforma de Slideshare y que pueden consultar o descargar gratis. Espero que les sea de utilidad y si tienen alguna sugerencia o inquietud sobre el mismo, por favor compártanla en este medio. El feedback de ustedes es una de las maneras más efectivas para seguir creciendo. Gracias y buenas presentaciones.

 

Publicado en General | Deja un comentario

El próximo TEDx Córdoba busca oradores

 

ora-mailing

Publicado en General | Deja un comentario

El blog volverá pronto

vacaciones2014

Imagen | Publicado en de | Deja un comentario

Documentales vs documentos

Desde hace unos años, el documental ha experimentado un boom en el cable. Canales como Encuentro, Discovery y NatGeo entre otros mantienen vivo el interés del público por un género que nació con el cine. ¿Por qué resultan interesantes? ¿Cómo rompen el prejuicio de que aprender es aburrido?

Una clave

En mi caso me llaman mucho la atención las bellísimas imágenes empleadas en los buenos documentales, captadas a menudo por fotógrafos y cineastas profesionales. La evolución tecnológica ha permitido generar incluso imágenes virtuales, que ilustran procesos imposibles de captar por microscopios o telescopios.

imagen1Arriba: Las animaciones digitales permiten visualizar conceptos que son oscuros de entender y muestran procesos que a menudo son imposibles de ver.

Cuentos bien contados

El aspecto visual es importante pero creo que no es lo esencial de los buenos documentales. Lo que realmente hace la diferencia es la historia que encierran, la cual nos inspira, conmueve, asombra, divierte o informa. A menudo, nos provocan todo esto al mismo tiempo. En vez de vomitarnos datos, los documentales nos los presentan envueltos en una narrativa que estimula las emociones.

¿Y por qué es importante una historia? Porque las historias y el componente emocional que involucran favorecen la comprensión, la atención y la recordación. La ciencia confirma que cuando escuchamos una historia, se encienden las mismas neuronas que cuando realizamos la acción que se nos relata. Por ejemplo, si se nos cuenta acerca de cómo patear un pelota se enciende la parte motora del cerebro que ayuda a patear en la vida real.

Como presentadores, esto es precisamente lo que queremos provocar en nuestra audiencia. Queremos que nos presten atención, que vivan y compartan nuestra pasión, preocupación o lo que sea que sintamos por un tema en particular. Como sabía Aristóteles, para un buen presentador (ethos) es importante que el mensaje sea poderoso a nivel intelectual (logos) y también emocional (pathos).

la retórica de Aristóteles

Ahora bien, no estoy proponiendo que nuestras presentaciones empiecen con un “Había una vez…” pero es conveniente dotarlas de una narrativa que mantenga el interés de la audiencia. Todas las presentaciones se beneficiarán de contar con un buen guión en vez de datos sin contexto y listados interminables. En este sentido, una presentación tiene más que ver con un documental que con un documento escrito.

Publicado en Conceptos | Etiquetado , , | Deja un comentario

Michael Bay, olvido y fuga

Recientemente este reconocido director de cine, responsable de Transformers, Armageddon y otros éxitos, protagonizó un bochornoso incidente en el marco del Salón Internacional de la Electrónica de Consumo (CES 2014). Michael Bay estaba invitado por Samsung para hablar sobre las nuevas pantallas curvas de la marca, pero mientras trataba de contar las bondades de este producto se puso nervioso, se olvidó de lo que tenía que decir, y abandonó el escenario pidiendo disculpas.

Como puede verse en el video, el ejecutivo de Samsung intentó ayudar a Bay pero todo fue en vano. Posteriormente, el director explicó que el teleprompter (la pantalla que reproduce el texto de un discurso) se desincronizó y eso le hizo perder el hilo de su exposición.

Los expertos también se preparan

Muchos pueden sorprenderse por la actitud de Bay. Después de todo, las pantallas son lo suyo y es un tema que sin dudas conoce a fondo. Entonces ¿cómo pudo quedarse en blanco? Lo cierto es que ser un experto no te garantiza una buena conferencia ni te releva de la obligación de prepararte para la ocasión, lo que además de ordenar tus ideas incluye la prevención de incidentes.

¿Cómo nos preparamos para una presentación a prueba de fallos?

Nuevamente podemos revisar las presentaciones de Steve Jobs. De su estilo de presentar rescato tres conceptos que nos ayudarán a gestionar los inconvenientes con elegancia.

1. Ensaya, ensaya y ensaya: Jobs conocía a fondo los productos que presentaba. Además, su marca proyectaba un aura de calidad a esos productos aún no lanzados y su audiencia estaba más que evangelizada. Aún así, él destinaba una semana al ensayo de sus presentaciones.

2. Identifica la idea central: Cuando todo fallaba, tener en claro el concepto central y su importancia para la audiencia (no para él) le permitía salir del paso y transmitir con claridad su mensaje. Así, siempre daba la impresión de que su presentación sería impecable porque sabía contar su historia, incluso sin apoyo tecnológico.

3. Desvía la atención del fallo: Ante un desperfecto indisimulable en una demostración, Jobs intentaba corregirlo un par de veces y si no lo conseguía, contaba lo que hubiera ocurrido y continuaba con otra cosa. En otra ocasión contó una graciosa anécdota mientras un asistente solucionaba el desperfecto.

Cuando se trabaja con tecnología solo hay una certeza: algo fallará en determinado momento. Incluso pueden surgir problemas con alguien de la audiencia. Yo recuerdo una ocasión en la que una persona se desvaneció apenas empecé mi exposición. Por suerte recibió asistencia pronto y para retomar el hilo, bromeé acerca de que normalmente las personas se duermen cuando llevo 10 minutos hablando, pero nunca lo habían hecho antes. Todos sonreímos y con la tensión disipada por la broma, la exposición volvió a encarrilarse.

Los errores ocurrirán y eso es inevitable. Lo que sí podemos evitar es reaccionar inconvenientemente ante el error. No se trata de renegar de la pantalla del presentador sino de estar preparados en caso de que falle. Podemos perder una hora tratando de arreglarlo y permitir que la audiencia se distraiga o podemos minimizarlo y mantener la atención de los asistentes. Podemos despotricar contra el responsable (o fugarnos como Bay) y generar un momento tenso o podemos demostrar que estamos preparados y superar elegantemente el incidente. ¿La pastilla azul o la roja? La decisión es nuestra.

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

Keynote 6, más potente y multiplataforma

Keynote, el primo elegante de PowerPoint desarrollado por Apple, ha sido actualizado al fin. Aunque aún no tiene versión para PC, la actualización está enfocada en hacerla completamente compatible entre todas las plataformas, OS X, iOS y la nube. Además se ha reescrito su código desde cero para aprovechar la potencia de los 64 bits de Mavericks, la última versión del sistema operativo Mac OS X. De este modo, con Keynote 6 podemos crear una presentación en una Mac, sincronizarla con iCloud, descargarla en el iPad y continuar editándola ahí. Y todo sin notar ninguna diferencia en el archivo.

icloud_hero

Lamentablemente, en este proceso de actualización lo que no ha podido ser compatible se ha dejado de lado. Así se han perdido algunas características presentes en Keynote 5.3 para OS X, pero la propia Apple ha prometido que se recuperarán en 6 meses. De hecho, con la última actualización volvió la posibilidad de personalizar la barra de herramientas.

Principales diferencias en la nueva versión

Lo primero que llamó mi atención al actualizar fue que la nueva versión no sobreescribió la anterior, sino que se instaló como un programa nuevo. De este modo, en mi Mac conviven Keynote 5.3 y 6.1 en armonía, y aunque Keynote 6 importa los archivos de Keynote 5.3 lo inverso puede generar algunos problemas.

keynoteCambio de íconos: a la izquierda el de Keynote 5 y a la derecha el de Keynote 6

Al abrirlo por primera vez, Keynote 6 se cargó más rápido y todo era más fluido. La primera impresión es la de que muchos controles desaparecieron, pero luego de un par de minutos se darán cuenta que todo sigue allí aunque en otros lugares y hasta con otros nombres, así que acostumbrarse a la nueva interfaz puede llevar algún tiempo. Para los nuevos usuarios, tengo la impresión de que el cambio hará más sencillo y rápido el aprendizaje del programa.

gallery_simple_controls

Por ejemplo, la paleta flotante del Inspector es ahora una barra lateral a la derecha de la ventana. Su principal característica es la de cambiar dinámicamente para ofrecer solo las operaciones que se pueden ejecutar en el objeto que hemos seleccionado. Otra mejora en la usabilidad es el botón “Tips” ubicado en la barra de herramientas. Al hacer clic en él aparecen breves explicaciones de muchos de los controles.

gallery_simple_coach

Otros cambios relevantes son el énfasis en el trabajo colaborativo, las facilidades para compartir los archivos generados y mejoras en los efectos, la interactividad y la compatibilidad con PowerPoint.

gallery_share_format

En definitiva, aún con aspectos por mejorar, esta actualización vale la pena especialmente para quienes trabajan en múltiples plataformas. Eso sí, por ahora y hasta la consolidación de esta actualización, recomiendo conservar Keynote 5.3 y un backup de las presentaciones creadas en esa versión.

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

Un buen contraste cumple con dos condiciones

En entradas anteriores vimos la importancia del contraste para destacar lo importante del resto. También establecimos que para que funcione no hay que ser tímidos y debemos aplicarlo con decisión, marcando claramente la diferencia.

contraste3Arriba: La diapositiva de la izquierda tiene el título compuesto en dos tipografías muy similares (Times y Cambria). Un primer rediseño (a la derecha) aumenta el contraste de tamaño y el tipográfico al usar Arial en vez de Cambria.

De los ejemplos anteriores se desprende otra observación: a menudo conviven distintos medios de destacar y enfatizar. La idea es maximizar las diferencias. Nuevamente; contrastar exige dejar la timidez en un rincón y ser decididos, incluso exagerados en ciertas ocasiones.

Sin embargo, hay que recordar que si todo se destaca, entonces nada se destaca y nada llama la atención. De este modo el observador se confunde, ya que no sabe qué es más importante ni por dónde comenzar a ver la imagen. Es como si al destacar los conceptos importantes de un libro subrayáramos todos sus párrafos: eso equivaldría a no destacar nada.

contraste4Arriba: Al reducir la paleta a dos colores, podemos poner énfasis en el dato que nos interese destacar y que de otro modo se perdería entre tanta diferencia.

Entonces, no conviene contrastar a mansalva sino a conciencia, con critero. El objetivo es minimizar el ruido y maximizar la señal, dirigiendo la atención al dato importante. En resumen, el contraste cautiva al ojo y guía la mirada pero como vimos, requiere de los diseñadores dos cualidades sin las cuales no sería efectivo: decisión y criterio.

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

“Sin contraste estás muerto” –Paul Rand

La cita del famoso diseñador gráfico que titula esta entrada no podría ser más certera. El contraste es uno de los principios de diseño más poderosos y a menudo implica el uso de otros, ya que como vimos en la entrada anterior, el contraste es una comparación de elementos. También dijimos que su función es ayudar a identificar rápidamente el punto principal de una composición y que debe ser fuerte para cumplir ese objetivo. Como dice Garr Reynolds:

Garr Reynolds“Los diseños con contraste fuerte llaman la atención y ayudan al observador a entender la imagen. Un contraste débil no solo es aburrido sino que también puede ser confuso.”

.

Diferentes modos de crear contraste

Establecer una relación contrastante entre los elementos de una diapositiva es esencial para la claridad de una diapositiva. Un contraste efectivo puede lograrse de diversas maneras, fundamentalmente a través de conceptos antagónicos como los que siguen:

contraste2

Las anteriores son algunas maneras clásicas de contrastar. A ellas se agregan las posibilidades que brindan las animaciones y capacidades multimediales del software de presentaciones. Las que siguen son aplicaciones de algunos de esos distintos modos de generar contraste.

contraste2

De esta manera, queda claro que el contraste no se limita solo al color, ya que puede aplicarse a cualquier elemento de diseño y mediante varios recursos. Por este motivo, el contraste no solo es uno de los principios de diseño más importantes; también es el más divertido, ya que ofrece múltiples opciones para explorar.

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