jueves, 29 de marzo de 2018

Diseña el Futuro: Las Herramientas y Los Productos que Nos Esperan

En el verano de 1985, una compañía de software en ciernes con sede en Seattle lanzó un programa informático innovador que sacudió el mundo del diseño hasta su fundación y reconfiguró permanentemente el panorama de tres industrias monolíticas: marketing, publicidad y publicación.
aldus pagemaker el software de diseño más influyente de la historia
Aldus PageMaker Floppy Disk
¿La compañia? Aldus. ¿Su programa de cambio de juego? PageMaker, la primera herramienta de diseño digital WYSIWYG. Junto con la computadora personal Apple Macintosh, PageMaker encendió la gloria alimentada por las imágenes prediseñadas de la revolución de la publicación de escritorio y colocó un poder creativo sin precedentes en manos de cualquier persona, diseñadora o no, dispuesta a pagar el precio de $ 495.
Las nuevas herramientas son iguales a las nuevas posibilidades.
Avance rápido a la era moderna. En unos pocos días, los meses de exageración y especulación terminarán cuando los diseñadores de todo el mundo tengan a su alcance InVision Studio, un programa que se comercializará como “el más poderosa herramienta de diseño de pantalla”. El tiempo dirá si eso es más que una jactancia, pero el potencial es asombroso.
Con el lanzamiento de Studio, los diseñadores obtienen acceso a una única plataforma capaz de diseño de pantalla, diseño receptivo, prototipado rápido, animación, sistemas de diseño compartido y colaboración en todo equipos. Es muy emocionante, pero ¿qué nos dice una herramienta como InVision Studio sobre la trayectoria del diseño? ¿A dónde vamos?
Los productos digitales están completamente integrados en nuestra vida cotidiana, y la tecnología que los impulsa está mejorando exponencialmente. La complejidad abunda, y para hacer productos que sean simples e intuitivos, los diseñadores en todo el mundo se ven obligados a reconsiderar y reconstruir las herramientas que utilizan.
En el espíritu de esta reinvención colectiva, miramos hacia el futuro y preguntamos: “¿Cuáles son las herramientas de diseño que nos esperan?”

El auge de los sistemas de diseño

Mientras nos preparamos para mirar hacia adelante, hacemos una pausa para evaluar el presente. El mundo del diseño está zumbando con la conversación sobre los sistemas de diseño y la inteligencia artificial se combina con el aprendizaje automático. Ambos campos poseen grandes reservorios de potencial. Como caballos indómitos, vemos el poder y la belleza, pero nos preguntamos a qué horizonte se dirigirán.
Los sistemas de diseño intrigan porque permiten que diversos equipos que trabajen en proyectos sofisticados se comuniquen utilizando un lenguaje visual estandarizado. Compañías como MailChimp, IBM y Airbnb han hecho que sus sistemas de diseño estén disponibles en la web, lo que nos permite aprender de sus esfuerzos continuos para lograr la libertad creativa a través del orden visual, la claridad y la eficiencia.
sistema de lenguaje de diseño de airbnb
sistema de lenguaje de diseño de airbnb
Cuando Airbnb dio a conocer su identidad de marca actualizada en 2016, también introdujo un nuevo enfoque de diseño para toda la compañía llamado Design Language System (DLS) . El DLS es una biblioteca de componentes de diseño (encabezados, bloques de texto, contenedores de imágenes, etc.) que “permite una iteración rápida utilizando un vocabulario compartido en diseño, ingeniería y otras disciplinas”.
La importancia del Design Language System y de los sistemas de diseño en general se resume perfectamente en Alex Schleifer, Director de Diseño de Airbnb, “Aquí está la verdad simple: no se puede innovar en los productos sin antes innovar la forma en que se construyen.” En otras palabras, el producto emerge del proceso y la forma en que los diseñadores se deben reconsiderar.

¿La inteligencia artificial y el aprendizaje automático harán que los diseñadores sean obsoletos?

El tema de la inteligencia artificial y el aprendizaje automático (AI + ML) parece generar controversia y confusión cada vez que se menciona, y su aplicación al diseño no es diferente.
humanos e inteligencia artificial
Photo by Andy Kelly
Por ejemplo, ¿áreas enteras de concentración de diseño, como el diseño de tipo o la animación, se automatizarán? ¿Los esfuerzos creativos eventualmente serán superados por las máquinas, dejando que los diseñadores simplemente pongan en práctica los parámetros y seleccionen los resultados? Las preguntas son resbaladizas y típicamente se plantean de una manera que prohíbe los matices.
Pero el diseño se matiza, y también lo son los diseñadores. Resolvemos problemas complejos y tenemos una tendencia a romper reglas y lograr resultados inesperados. Las predicciones de este artículo se basan en esta pregunta: “¿Cómo mejora AI + ML las capacidades creativas inherentes a nuestra humanidad?”
Tenga en cuenta que la pregunta no es: “¿Cómo supera AI + ML a las disciplinas humanas?” Esa es una pregunta arraigada en el miedo. El miedo surge de la falta de comprensión, así que aquí hacemos una transición de terminología. AI, en el contexto de esta discusión, se describe mejor como inteligencia aumentada, no “artificial”.
Visualizaremos herramientas que extendrán las habilidades de un diseñador y ofrecerán libertad creativa adicional mediante la automatización de tareas mundanas que le roban tiempo y energía.
Con los sistemas de diseño y AI + ML como nuestra plataforma de lanzamiento, ahora estamos listos para pasar del presente y escalar hacia distantes destellos que podemos ver pero que aún no hemos tocado.

Los sistemas de diseño se convertirán en un lenguaje de diseño universal

La oportunidad

El sistema de lenguaje de diseño de Airbnb es utilizado actualmente por sus equipos internos de diseño y desarrollo, y a medida que mejora, será más accesible para las empresas más pequeñas, autónomos y estudiantes de diseño.
Pero, ¿el poder de tal sistema sólo es útil para la comunicación dentro de los equipos de desarrollo de productos? ¿No podría un lenguaje de diseño universal que clasifica los elementos visuales también usarse para ayudarnos a comprender mejor el diseño que existe en los entornos naturales y construidos que nos rodean?

La herramienta

En un futuro cercano, habrá una aplicación basada en cámara que observará la composición de un escenario y traduce su composición visual en elementos de diseño de referencia como la forma, el color y la proporción. Esta aplicación no solo nos dirá qué estamos mirando, sino que resaltará áreas de impacto estético y armonía para ayudarnos a comprender por qué encontramos un entorno agradable, y organizará esa información en el contexto del Sistema de lenguaje de diseño.

El escenario de valor

Imagínese caminando lentamente por una ciudad histórica durante el fin de semana. Llegas a una hermosa catedral y entras para echar un vistazo más de cerca a sus ornamentadas características arquitectónicas.
diseño de vidrieras artístico
Basilica de St. Nicholas, Amsterdam, Países Bajos
En el interior, se siente abrumado por la majestuosidad iluminada por el sol de un enorme vitral. Inspirado, usted toma una foto, y la aplicación identifica los elementos de diseño que hacen que la ventana tenga éxito y los agrega a su biblioteca.
Más tarde, mientras investiga su último proyecto de diseño, abre la aplicación, revisa su análisis del vitral y encuentra la combinación perfecta de elementos visuales para guiar sus bocetos conceptuales iniciales.

Presentaciones de diseño se harán a sí mismos

La oportunidad

Los diseñadores son buenos para resolver problemas y comunicarse visualmente, pero muchos luchan cuando es el momento de explicar las decisiones creativas a un cliente. Con demasiada frecuencia, suponemos que los clientes reconocerán las áreas de cohesión, correlación y énfasis en nuestro trabajo. Necesitamos una mejor manera de capturar las complejidades de nuestro oficio y comunicarlo a nuestros clientes.

La herramienta

Para cubrir esta necesidad, surgirá un plugin de presentación que enlaza con cualquier software de diseño y ayudará a los diseñadores a preparar rápidamente su trabajo para ser compartido con los clientes. Esta herramienta reconocerá los elementos de diseño importantes (como la repetición) y alentará a los diseñadores a resaltar estos componentes de composición como puntos persuasivos. También ayudará a organizar pruebas de proyectos y elementos visuales en categorías temáticas y a los diseñadores a responder grandes preguntas relacionadas con cada fase de un proyecto.
Con el poder de la inteligencia aumentada, dicha herramienta podrá analizar millones de campañas publicitarias digitales anteriores, destacando los diseños que demostraron ser efectivos. Este tipo de datos basados en análisis ayudará a los diseñadores a validar las propuestas en términos de dólares y centavos. Incluso podrá pronosticar tendencias de diseño y precaución contra las modas en exceso a las que los consumidores ya no responden.

El escenario de valor

Eres un diseñador que trabaja en un equipo en una pequeña agencia digital. Su equipo ha completado con éxito varios proyectos pequeños para una marca reconocida a nivel nacional. Finalmente, la gran marca otorga a su agencia la oportunidad de trabajar en una campaña digital altamente visible.
Reconociendo este momento decisivo por lo que es, su equipo se reúne detrás de una solución ambiciosa y poco convencional. La investigación, la planificación y los recursos están todos alineados. Todo lo que queda es lanzar el concepto de diseño a los interesados, por lo que ejecuta el complemento.
En cuestión de minutos, todos en el equipo recuerdan conversaciones importantes y aportan ideas sobre las decisiones clave que de otro modo podrían haberse perdido. A medida que surge más información, el complemento comienza a dar forma a los comentarios en una narrativa visual convincente que finalmente convence a los interesados para que den luz verde a la visión de su equipo.

El boceto a mano encenderá un diseño renacentista

ui y ux boceto de estructura alámbrica
Wireframe sketching

La oportunidad

El escritor, poeta y cineasta francés Jean Cocteau dijo una vez: “El cine solo se convertirá en un arte cuando sus materiales sean tan baratos como el lápiz y el papel”. Hay algo poderoso acerca del lápiz sobre el papel, algo inmediato y explosivo sobre la transferencia instantánea de idea-en-mente a idea-en-página.
Los equipos de diseño y desarrollo de Airbnb reconocieron este poder y crearon un prototipoque traduce estructuras rudimentarias en maquetas de alta fidelidad y códigos listos para la producción.

La herramienta

Esta tecnología evolucionará y, como lo hace, abarcará una amplia gama de disciplinas de diseño. Por ejemplo, los ilustradores crearán bocetos conceptuales detallados con algunos movimientos de muñeca al vincular gestos simples con objetos, animales y partes del cuerpo dibujadas en su propio y único estilo. Del mismo modo, los diseñadores de IU vincularán formas y símbolos rudimentarios a bibliotecas de componentes extensos y crearán maquetas listas para la presentación en tiempo real. Las posibilidades son expansivas.

El escenario de valor

Como joven, diseñador de marca independiente, estás trabajando arduamente para construir una base de clientes, y has programado una reunión con un propietario de negocios muy respetado en tu comunidad. Ella está buscando cambiar la marca, y estás planeando impresionarlos.
En la reunión, hace preguntas reflexivas y escucha mientras explica sus esperanzas y objetivos para el proyecto. Cuando ella termina, preguntas si puede compartir algo que preparó de antemano. Sacas tu tableta, abres una aplicación de dibujo equipada con el boceto de la tecnología de maqueta y comienzas a dibujar.
Ante sus ojos, sus garabatos rápidos se transforman en formas, patrones, tipos de letra e íconos perfectos. Garabateas unas pocas opciones diferentes de tarjetas de visita, y cada una toma forma instantáneamente. Eso es todo lo que ella necesita ver. El trabajo es tuyo

El software de diseño alentará los accidentes creativo

La oportunidad

Anteriormente, planteó una pregunta sobre los diseñadores que cambiaron el rol de creador para convertirlo en definidores de parámetros y conservadores de la creatividad generada por AI. Esto no es sin precedentes en el mundo real. Desde TheGrid.io y su plataforma de diseño web AI hasta Rembrandt generado por computadora respaldado por ING y Microsoft, ya tiene ejemplos sofisticados de computadoras que crean obras de arte originales y trabajos de diseño, y la tecnología solo puede mejorar.
Sin embargo, la noción de entregar por completo la creación de imágenes a las máquinas finalmente resultará insatisfactoria, y los diseñadores buscarán formas de fusionar AI + ML con su proceso creativo.

La herramienta

En el futuro, el software de diseño como Adobe Illustrator vendrá equipado con tecnología que observa y aprende los hábitos de toma de decisiones de los diseñadores: los esquemas de color que prefieren, los orgánicos o la naturaleza geométrica de su trabajo, su enfoque hacia la tipografía, etc.
A medida que surgen patrones en el trabajo de un diseñador, la herramienta sugerirá valores atípicos creativos y reflexivos que normalmente no se considerarían. De esta forma, el diseñador aprende de la herramienta, aumenta su repertorio creativo y crece la sincronicidad del hombre y la máquina.

El escenario de valor

Durante su tiempo como diseñador de productos para una marca de fitness minorista, ha desarrollado un agudo sentido de lo que vende a los consumidores en su espacio. Su trabajo es práctico, funcional y estéticamente agradable, pero cree que confía en las mismas técnicas visuales y factores de forma con demasiada frecuencia. Afortunadamente, su empresa actualiza su software de diseño para incluir una herramienta de outliers creativa.
En tu próximo gran proyecto, sigue con tus actividades habituales, pero a medida que comienza los refinamientos, la herramienta sugiere un esquema de colores que nunca había considerado. Pruébalo y te sorprenderá gratamente la vida y la vitalidad que aporta a tu diseño.

Los equipos de diseño global se comunicarán mientras duermen

La oportunidad

Los equipos globales formados por diseñadores remotos son cada vez más comunes. Por ejemplo, el Blog de Diseño de Toptal está compuesto por escritores, editores, diseñadores de UI y UX, ilustradores y expertos de SEO de todo el mundo. Esto no sería posible ni práctico sin herramientas de colaboración sorprendentes como Slack, Zoom y Google Docs.
Sin embargo, las zonas horarias aún encuentran formas de interrumpir reuniones y amenazar con fechas límite. Trabajar en un equipo remoto es excelente, pero puede ser fácil de usar si uno no establece límites para el descanso, el entretenimiento y el tiempo con familiares y amigos.

La herramienta

Pronto, los equipos de diseño global trascenderán la barrera de zona horaria / sueño ya que la tecnología de colaboración asistida de AI + ML puede aprender el estilo de comunicación y los patrones de toma de decisiones del usuario. Esta tecnología será capaz de matizar la sintaxis y el tono según el escenario y el compañero de conversación. Será una característica estándar en la mayoría de las plataformas de mensajería y permitirá a los usuarios personalizar la cantidad de poder de toma de decisiones que tiene.

El escenario de valor

Usted es el diseñador principal de un equipo remoto de UX, y la mayoría de sus conversaciones tienen lugar en Slack. Su equipo está funcionando sin problemas y según lo programado, pero está incorporando a un nuevo diseñador con una diferencia horaria de diez horas. Al final de su jornada laboral, habilita su herramienta de colaboración y le da permiso para proporcionar respuestas básicas y de incorporación a su nueva contratación.
Mientras duerme, el nuevo diseñador le hace una pregunta sobre convenciones de nombres de archivos. La herramienta responde de inmediato e incluye un enlace a un documento que describe los procedimientos del equipo. Continúa su jornada laboral y duerme pacíficamente sabiendo que su equipo tiene todo lo que necesita.

Criticas creativas ya no se temerán

La oportunidad

Uno de los aspectos más difíciles de ser diseñador es recibir críticas relacionadas con el diseño. Los comentarios de los clientes pueden ser tremendamente impredecibles, pero incluso antes de que un concepto se comparta con un cliente, debe someterse a algún tipo de crítica creativa.
Actualmente, nuestra mejor opción para la crítica es pedirle a un amigo diseñador una contribución constructiva. Si eso falla, muchos diseñadores buscan comentarios de las comunidades creativas en sitios de cartera como Dribbble y Behance. Necesitamos una mejor solución.

La herramienta

Muy pronto, el software de diseño de interfaz de usuario vendrá equipado con una herramienta que ofrece análisis en tiempo real, crítica y mejoras basadas en análisis para el trabajo de un diseñador. Comparará los diseños de UI con una gran variedad de usabilidad heurística de (reglas generales) y resultados de bandera que no cumplen.
Esta herramienta también estará vinculada a una red de diseñadores. Después de que el software haya revisado un diseño, el diseñador tendrá la opción de obtener más comentarios enviando su trabajo y un resumen de su análisis generado por computadora a los diseñadores de la red.

El escenario de valor

Eres un diseñador UI autodidacta y has obtenido un proyecto para diseñar una aplicación web. El alcance del proyecto es más grande que cualquier otra cosa en la que haya trabajado, pero está dentro de sus habilidades. Aún así, quiere estar seguro de que su solución será de valor para su cliente.
Al diseñar con su herramienta de crítica, hace pequeñas sugerencias de mejora que no habría considerado. Terminas tus maquetas con la confianza de que están cerca de completarse. Sin embargo, hay una pantalla en particular que necesita comentarios.
Has intentado algo nuevo, rompiendo intencionalmente una regla de diseño conocida para crear énfasis. Por lo tanto, sube tu trabajo y un resumen de los comentarios de la herramienta a la red de críticos y pídele a un grupo de diseñadores de confianza que opinen.

El futuro del diseño es asombroso

¿Tenemos suficiente imaginación para el futuro? ¿Qué tal para mañana? Nuestra exposición actual a nuevos conocimientos, productos y experiencias es asombrosa, pero el diseño es un proceso basado en habilidades. Las habilidades son difíciles de conseguir, y los procesos cambian lentamente.
el futuro de las herramientas de diseño
Foto de Alessio Lin
Si somos diseñadores honestos, debemos admitir nuestra tendencia hacia la miopía profesional. Tenemos una extraña obsesión con el ahora que carece de visión y agilidad para los descubrimientos futuros. Lo que esperamos que ocurra a menudo no lo hace.
Aún así, el futuro se acerca. A medida que evolucionan nuestros productos, también lo hacen nuestras herramientas y procesos de diseño. Hoy, aprendemos y dominamos nuestras herramientas a lo largo del tiempo. Estudiamos el proceso de diseño y lo adaptamos a nuestras necesidades de resolución de problemas, pero el camino hacia una solución a menudo está lleno de enloquecedores obstáculos como la gestión de múltiples canales de comunicación, el cambio de equipo a un nuevo software de diseño o la falta de tiempo y presupuesto para probar adecuadamente un producto.
El futuro tiene el potencial de un nuevo paradigma, en el cual nuestras herramientas de diseño se aprenden y se adaptan a nosotros. Hacemos un llamamiento a un día en el que nuestras energías creativas se capturan en su plenitud en lugar de limitarse por las barreras de comunicación, un día en que nuestros esfuerzos inspirados se refinan para obtener el máximo impacto en lugar de reducirse mediante herramientas poco intuitivas. Con la forma en que nuestras herramientas y tecnología están evolucionando, ese día puede estar más cerca de lo que nadie piensa.
Este articulo fue escrito por Micah Bowers. Originalmente publicado en Toptal.

jueves, 22 de marzo de 2018

Diseño de Presentación y el Arte de la Narración Visual

Las presentaciónes deben contar una historia

Todos hemos estado allí, soportando obedientemente una presentación aburrida en el trabajo o en un evento. Las diapositivas están repletas de texto, y el presentador se siente obligado a leer cada palabra. Hay suficientes cuadros, gráficos y ecuaciones para llenar un libro de trigonometría, y cada pantalla está inundada con los colores más brillantes imaginables.
A medida que la presentación avanza, las listas se alargan. “Hacemos esto, esto, esto, esto, esto, y ¡oh sí, esto!” Desafortunadamente, todos en la audiencia solo quieren que termine.
Esta es una gran oportunidad perdida para un negocio, y nosotros los diseñadores podemos ser parte del problema. No, no es nuestra culpa si un presentador no está preparado o no inspira, pero si nos acercamos a las presentaciones de nuestros clientes como nada más que listas de lujo, hemos fallado.
Ver, las presentaciones son historias, no las listas, y las historias tienen una estructura. Se construyen hacia un momento de impacto y desatan una ola de impulso que cambia las percepciones de las personas y las nociones preconcebidas. Las buenas historias no son aburridas y tampoco son buenas presentaciones.
Pero antes de ir más allá, es importante preguntar por qué existen las presentaciones en primer lugar. ¿Cuál es su propósito? ¿Por qué son útiles?
Las presentaciones existen para …

Informar

Las presentaciones imparten conocimiento nuevo y a veces transformador a una audiencia.

Instruir

La mayoría de las presentaciones proporcionan un método práctico para usar el conocimiento que se comparte.

Entretener

Si se ejecutan correctamente, las presentaciones pueden cautivar la imaginación de la audiencia y llevarlos a considerar el valor de lo que están aprendiendo.

Inspirar

Las presentaciones bien elaboradas tienen el poder de despertar sentimientos que pueden influir en el comportamiento de la audiencia.

Activar

Presentaciones listas personas para moverse, para actuar en sus sentimientos y análisis interno.

Persuadir

En última instancia, las presentaciones hacen un llamamiento a la lógica de la audiencia, a las emociones o a ambas, en un intento de convencer a la audiencia de actuar en función de la oportunidad compartida por el presentador.
Con este tipo de poder, los diseñadores no pueden permitirse ver las presentaciones como “solo otro mazo”. No deberíamos usar las mismas plantillas de fórmulas o no educar a nuestros clientes sobre la importancia de los activos de imágenes de alta calidad. En su lugar, necesitamos ver el diseño de la presentación como una oportunidad para crear una narrativa convincente que genere grandes ganancias para nuestros clientes.
¿Necesitas más convincente? Echemos un vistazo rápido a cómo algunas grandes marcas combinan la narración con el diseño de presentación de clase mundial.

Salesforce: primero escribe la narración

Narración visual de salesforce
El énfasis general de cualquier presentación es su narrativa. Antes de que se agreguen imágenes llamativas, el diseñador de presentaciones trabaja codo con codo con el cliente para establecer la narrativa y hace preguntas grandes como:
  • ¿A quién nos presentamos?
  • ¿Por qué les presentamos?
  • ¿Cómo queremos que respondan?
El equipo de marketing de Salesforce, la plataforma de gestión de relaciones con clientes líder en el mundo, responde a estas preguntas con el primer objetivo escribiendo presentaciones como ensayos ásperos con un comienzo, un medio y un final. A medida que el ensayo se desarrolla, surgen temas y se agregan títulos de sección.
A partir de aquí, la presentación se divide en diapositivas que presentan los temas más impactantes y la información que el público necesita saber. Solo unas pocas palabras y frases seleccionadas llegarán a la pantalla, pero el borrador del ensayo será rico en ideas para que el presentador refine y comparta en su narración oral.
Escribir la narración primero evita el caos de la barajadura de diapositivas que ocurre cuando las historias de una presentación no están claramente trazadas. Sin una narración clara en su lugar, las diapositivas no cambian suavemente, y el impulso de la presentación se disipa.

Deloitte - Establecer credibilidad

diseño de presentación del deloitte
En los primeros momentos de conocer a alguien nuevo, evaluamos rápidamente si creemos que son o no confiables.
Los presentadores suelen tener un nivel inicial de confianza en virtud de ser capaces de hablar frente a un gran grupo de personas. Pero si esa confianza no se consolida en el primer minuto de una presentación, puede desaparecer en un instante.
Deloitte es un consultor financiero global para el 80 por ciento de todas las compañías Fortune 500. Naturalmente, entienden la necesidad de establecer credibilidad rápidamente. La diapositiva utilizada en el ejemplo anterior es la número cinco en una baraja de treinta diapositivas. Desde el principio, Deloitte establece su autoridad sobre el tema, en esencia diciendo: “Hemos estado en esto por un tiempo”.
Incluir una diapositiva como esta en el mazo de un cliente puede ser un verdadero refuerzo de confianza porque les permite asegurar rápidamente el estado de un experto. Establecer credibilidad también ayuda a que la audiencia se relaje e interactúe con lo que está aprendiendo.

iControl - Define el problema visualmente

icontrol - diseño de diapositivas
No siempre es posible expresar un problema o solución compleja con un solo elemento visual, pero cuando sucede, puede ser una experiencia poderosa para el público.
iControl es una startup sueca que construyó una aplicación para iPad diseñada para reemplazar papel y crear mejor documentación en sitios de construcción. No son una gran marca, pero la plataforma de lanzamiento de inversores identifica poderosamente un gran problema de audiencia con una sola diapositiva: se desperdicia demasiado papel, demasiados documentos para rastrear. Una imagen como esta identifica claramente el problema de que simultáneamente intensifica la necesidad de una solución.
Definir el problema visualmente es una estrategia asombrosa, pero úselo con cuidado porque una imagen que es confusa o demasiado específica para una industria puede hacer que los miembros de la audiencia se sientan ajenos.

Arregla una narrativa convincente

“Narración de historias” está en todos lados en estos días. Las plataformas de medios sociales han preparado hábilmente la promesa de que cada publicación, imagen e interacción es parte de una historia continua, pero la mayoría de lo que llamamos “historias” son momentos vagamente relacionados entre sí por la casualidad del tiempo y la tecnología.
Entonces, ¿cuál es la distinción entre narrativa e historia? ¿Cómo se relacionan y cómo difieren? Y lo más importante, ¿cómo se relacionan con una presentación convincente?

Historia

Una historia está ligada por el tiempo. Tiene un comienzo, un medio y un final. Detalla los eventos y los ordena de una manera que crea significado. En una presentación, las historias hablan de logros específicos e inspiran a la acción — “¡Hicimos esto, y fue increíble!”

Narrativa

Una narración no está limitada por el tiempo. Relaciona momentos y eventos separados con un tema central, pero no busca la resolución. En una presentación, la narración abarca el pasado, el presente y el futuro — “De dónde venimos. Dónde estamos. Hacia dónde nos dirigimos”.
¿Cómo impacta esta información al diseñador de la presentación? Aquí hay un ejemplo simple y práctico.
Tú tienes un cliente que hace clips de papel increíbles que siempre se doblan hacia atrás a la forma deseada sin importar cuán torcidos estén. Te piden que diseñes una presentación que destaque los clips y la visión de su compañía para “cambiar para siempre el mundo de los productos de oficina”. ¿Cómo comienzas?
diseño de presentación de producto de oficina
Fotografía por Jess Watters

Comienza con la narrativa

La narrativa es el énfasis general de una presentación.
En este ejemplo, moldearía la presentación en torno a la visión de la empresa de tu cliente de cambiar para siempre el mundo de los productos de oficina.

Avanza la narrativa con historias

Usa historias breves que resalten los desafíos, las mejoras, las grandes ganancias y la vida cotidiana.
Tal vez el equipo de investigación y desarrollo de la empresa clip se enfrentó a varios reveses antes de que un momento eureka hiciera que la producción masiva fuera más barata que los clips de papel tradicionales.
Usa historias como esta en pinceladas sobre un lienzo, cada una contribuyendo a una imagen más completa de la narración.

Historias de ayuda con visuales

Aquí es donde entran en juego las diapositivas simples pero impactantes que diseñas.
En este caso, podrías mostrar un gráfico simple que compare el costo de producción de los clips de papel tradicionales con los clips de papel innovadores de tu cliente. Y, para asegurarse de que está reforzando la narrativa, podrías agregar un título corto a la diapositiva: “Juego. Modificado”.

El conflicto es el motor de las presentaciones memorables

En su exitoso libro Story, el gurú de guionistas de Hollywood Robert McKee escribe: “Nada avanza en una historia excepto a través del conflicto”. Este consejo es extremadamente valioso para el diseñador de la presentación.
narración visual demasiado positiva
Fotografía por Aleks Dahlberg
Una presentación excesivamente optimista repleta de información positiva simplemente se cuelga sobre una audiencia y barre su entusiasmo. Cada visión optimista es menos impactante que la anterior. En poco tiempo, todo el público escucha: “Bien, mejor, mejor. Somos como todos los demás”.
Un diseñador de presentaciones eficaz busca formas de crear conflictos internos dentro de una audiencia. Esto significa que sienten la gravedad de un problema y esperan activamente el alivio de una solución. El yin y el yang del problema y la solución es el verdadero norte del diseñador de presentaciones, el principio rector de cada pieza de información incluida en un mazo.
Una manera comprobada y verdadera de garantizar un equilibrio positivo/negativo saludable, sin dramatizar demasiado una presentación, es retener información.
Por ejemplo, en nuestro ejemplo de la compañía paperclip, esto podría significar dedicar una diapositiva extra o dos al proceso de investigación y desarrollo. Estas diapositivas indicarían los costos de producción que se revelarán próximamente y la anticipación de la construcción sin proporcionar cifras reales.
Luego, cuando la tabla de comparación de costos finalmente se comparte, la audiencia está realmente ansiosa por la información que posee, y la recompensa es mucho más gratificante y memorable.

Desbloquea el poder del contenido claro, consistente y convincente

El contenido no existe aparte de la narrativa; lo mejora. Una vez que la narración está en plena forma, es hora de hacer que brille el contenido, pero antes de sumergirnos en el diseño de la diapositiva, desviémonos rápidamente.
Imagina que estamos revisando una plataforma de lanzamiento de inversionistas y tomamos un elevador en el cielo para observar la presentación desde una vista aérea. Desde esta posición elevada, el contenido del mazo debe tener una apariencia cohesiva que se vincule con la marca, organización o tema que se presenta.
Si alguna vez te contrataron para trabajar en la plataforma de lanzamiento de una empresa, entiendes cuán desafiante puede ser.
Muchas veces, los clientes ya tienen algún tipo de mazo esquemático antes de contratar a un diseñador de presentaciones. A veces, estos mazos están repletos de una vertiginosa variedad de cuadros, gráficos, fuentes y colores. Aquí, tienes dos responsabilidades únicas.
mal diseño de diapositivas de Powerpoint
En primer lugar, debes ayudar a tu cliente a comprender cómo la desunión de su contenido menoscaba la narrativa. Luego, debes proporcionar un camino a seguir y presentarles una visión práctica para rehacer las cosas en un estilo cohesivo.
Ten en cuenta que puede que tengas que vender esta idea, especialmente si tu cliente cree que su contenido visual está listo para la presentación y solo necesita algo de “magia de diseño” para que se vea bien.
Si esto sucede, recuerda ser amable y reconoce el papel que desempeñó tu experiencia en la generación de esta información tan valiosa. Luego, trae de vuelta la conversación a los resultados. “Este es un tema convincente. Quiero que tu audiencia se sorprenda cuando presentes, pero para que eso suceda, necesito recrear las imágenes”.
Esta es una tarea difícil, pero como diseñadores, estamos contratados para mejorar la forma en que nuestros clientes se comunican, no para llenar sus cabezas con afirmaciones falsas de contenido deficiente.

Principios esenciales de diseño de diapositivas

El diseño de diapositivas es una parte importante del diseño de la presentación, y las diapositivas efectivas se basan en la simplicidad visual. Pero lo extraño de la simplicidad es que proviene de una comprensión completa de la complejidad. Si sabemos algo bien, podemos explicárselo a alguien que no lo haga con solo unas pocas palabras o imágenes.
En esta sección, analizaremos la jerarquía, la tipografía, la selección de imágenes y los esquemas de color, pero sabemos que estos elementos de diseño se basan en una comprensión adecuada de la narrativa y el contenido de una presentación. Si comenzamos el proceso de diseño con diapositivas, nos arriesgamos seriamente a equipar a nuestros clientes con presentaciones que son imprecisas e imperturbables.

Crear énfasis con la jerarquía de diapositivas

steve jobs - presentación simple diseño de diapositivas
Steve Jobs
La jerarquía de diseño se relaciona con la ubicación de elementos visuales de una manera que crea énfasis. Para el diseñador de presentaciones, esto significa preguntar: “¿Qué dos o tres cosas quiero que la audiencia vea en esta diapositiva?

Normas

  • Crea contraste visual a través de la escala, el color y la alineación.
  • No intentes resaltar visualmente más de tres ideas por diapositiva.

Pro Tip

Siempre que surja una idea realmente importante, se valiente y usa solo algunas palabras en negrita para comunicarlo . Este tipo de simplicidad le indica al público que es hora de intensificar su enfoque y realmente escuchar lo que el presentador tiene que decir.

Superar la ambigüedad con la tipografía pensativa

fuente de presentación sapientnitro
La mayoría de las presentaciones se basan en palabras, por lo que es importante saber qué palabras incluir y cómo darles estilo. Esto comienza eligiendo la fuente correcta, luego sabiendo qué tan grande hacer las palabras y dónde incluirlas.

Normas

  • No preguntes si tu cliente tiene alguna de las fuentes designadas que figuran en la guía de estilo de su marca.
  • No uses más de dos fuentes en tu presentación, y evita los bloques de texto y los párrafos extensos como la plaga.

Pro Tip

Trata de no usar nada más pequeño que una fuente de 36 puntos. Algunos diseñadores creen que está bien usar tamaños tan pequeños como 24 puntos, pero esto a menudo lleva a empacar diapositivas con más texto. Recuerda, las diapositivas son un mensaje rápido, no una publicación promocional.

Comunicar la autoridad a través de la simplicidad gráfica

deloitte - diseño de presentación
Cada gráfico, gráfico, ícono, ilustración o fotografía utilizada en una presentación debe ser fácil de ver y comprender. Las imágenes que son difíciles de interpretar o de baja calidad pueden erosionar la confianza de una audiencia.

Normas

  • No busques maneras de usar símbolos, iconos o ilustraciones ya que tienen una forma de comunicar ideas más rápidamente que la fotografía.
  • No uses más de una fotografía por diapositiva, y no uses fotografías que entren en conflicto con la marca de tu cliente (por ejemplo, demasiado gracioso, serio o etéreo).

Tip Profesional

Durante la fase de consulta de un proyecto de diseño de presentación, solicite a tu cliente potencial que vea gráficos o diagramas existentes que esperan incluir. Si algo es confuso, pixelado o inconsistente, dígales que tendrá que rehacer sus gráficos. Prepárate para mostrar ejemplos de alta calidad de empresas conocidas para vender tu punto.

Agrega energía y significado con esquemas de colores atrevidos

Las reglas de trabajo de Laszlo Bock en color en una presentación de diseño
El color juega un papel importante en casi todas las disciplinas de diseño, y el diseño de la presentación no es diferente. Los colores utilizados para una presentación afectan el tono del tema que se comparte e influyen en el estado de ánimo de la audiencia.

Normas

  • Mantén los esquemas de color simples. Dos o tres colores deben conformar la mayoría de las diapositivas.
  • No utilices colores complementarios para texto y fondo (por ejemplo, fondo azul con texto naranja). Esto tiene una manera de hacer que las palabras vibren con intensidad nauseabunda.

Pro Tip

Identifique algunos colores de acento de alto contraste para crear cameos estratégicos para un mayor impacto.

La misión de cada diseñador de presentaciones

No puede ser exagerado; las presentaciones son grandes oportunidades para que los diseñadores impacten positivamente en los negocios de sus clientes. La innovación y los avances en cultura y tecnología están ocurriendo tan rápidamente que es ser absolutamente vital para poder contar una buena historia. Nadie tiene tiempo para ideas mal comunicadas.
Aquí está la verdad simple: un diseñador de mala presentación viste el contenido basura sin pensar en la narrativa y tira un montón de diapositivas en el regazo de su cliente. Tal vez la presentación se ve bonita, pero no inspira, no se activa y, desde luego, no se vende.
Para ser efectivos, los diseñadores de presentaciones orientados a resultados significan que debemos empoderar a nuestros clientes con una herramienta eficiente. Consideramos cuidadosamente cada diapositiva, palabra y visual para un impacto máximo, y recordamos que las presentaciones están destinadas a una audiencia humana. Ya sea una sala de inversores o una sala de conferencias repleta de consumidores, nuestro trabajo es brindarles a nuestros clientes la oportunidad de cambiar de opinión y ganar negocios.
Este articulo fue escrito por Micah Bowers. Originalmente publicado en Toptal.