Blog

Tomás Correa Tomás Correa

Por qué el scrollytelling es mejor que un documento PDF (y que un PowerPoint, Keynote, Canva…)

¿Quieres realizar una presentación pero no sabes si entregar un PowerPoint, Keynote o PDF? En este artículo, queremos dar a conocer las ventajas de utilizar el scrollytelling como formato alternativo para realizar presentaciones de calidad para no aburrir a la audiencia y evitar la temida muerte por PowerPoint, es decir, el aburrimiento de la audiencia de la que habla David JP Phillips.

El scrollytelling ha demostrado ser superior a los documentos PDF, PowerPoint, Keynote, etc., para realizar presentaciones: se adapta a todos los dispositivos, es 100% compatible con todos los sistemas operativos, no tienes que instalar nada, facilita la interactividad, aumenta la posibilidad de realizar animaciones y transiciones, añade una capa de diseño adicional a los trabajos aumentando la profesionalidad y mucho más...

Veámoslo punto por punto:

La principal ventaja del scrollytelling es que se adapta a todos los dispositivos: móvil, tablet, ordenador, e incluso en un phonepad o smartwatch... y, también, a todas las resoluciones: HD, Full HD, 2K, 4K, 6K, 8K y cualquiera que venga posteriormente.

¿Por qué? Porque el scrollytelling funciona como una página web. De hecho, es una página web y, por tanto, al contrario de lo que sucede con un PDF o PowerPoint, no tienes que hacer zoom o desplazarte hacia los lados para leer un texto o ver una imagen completa.

Un ejemplo. Si alguna vez has intentado leer un documento en formato PDF en un dispositivo móvil te habrás encontrado con esta situación: el tamaño de la letra es muy pequeña y cada línea ocupa más espacio que la pantalla, por lo que tienes que estar constantemente desplazando la barra lateral de izquierda a derecha para poder leer.

Lo mismo sucede con un PowerPoint. Tienes que realizar una presentación en público, preparas todas las diapositivas utilizando unas fuentes muy elegantes, unas imágenes bien encuadradas que acompañan los textos y unas animaciones muy llamativas para darle dinamismo a cada transición.

Sin embargo, cuando acudes al lugar donde vas a presentar tu PowerPoint y, a pesar de que la has guardado en un pendrive o la has enviado por email la organización y te han garantizado que funciona perfectamente, cuando llegas al salón de actos te encuentras que todos los textos e imágenes están descuadrados.

Por no hablar de si has creado la presentación con Keynote, en cuyo caso, si la sala no dispone de un Mac, tienes que llevar tu propio ordenador para asegurarte de que la puedes abrir con tu propio software.

Por eso, el scrollytelling es el formato definitivo, porque te aseguras de que la presentación se verá bien siempre, porque no importa la pantalla, el dispositivo ni el proyector que utilices. Siempre se adapta. Además, como está on-line, es accesible a todo el público y, por tanto, puedes facilitar la dirección web para que, incluso, la visualice en sus propios dispositivos (en los que, por cierto, se verá bien y ellos mismos podrán ir a su ritmo viendo las diferentes pantallas).

En Mixtura estamos especializados en desarrollar webs en formato scrollytelling. Escríbenos si piensas que podemos ayudarte en tu próximo proyecto.

Leer más
Tomás Correa Tomás Correa

El storytelling y el digital storytelling

Storytelling significa, literalmente, contar una historia. Y existen muchas formas de hacerlo: puede contarse una historia a través de la palabra hablada o de la palabra escrita, pero también puede hacerse mediante imágenes fijas o en movimiento.

La cuestión es que el ser humano necesita una narrativa que le permita entender el mundo que le rodea, y así ha sido desde el inicio de los tiempos. Se sabe, por ejemplo, que hace unos 17.000 años los primitivos habitantes de la Tierra desarrollaron la capacidad de realizar pinturas murales, ahí está la Cueva de Altamira en España o la de Lascaux en Francia.

En estas cuevas encontramos representaciones de animales como bisontes, toros, caballos, ciervos, etc., pero no sabemos cuál era su significado. Algunas teorías apuntan a que servían como escenario de rituales mágicos para propiciar la caza de estos ejemplares y otras versiones dicen que tenían que ver con rituales de fertilidad.

Sea como sea, lo importante es que las personas han necesitado comunicarse desde siempre y, si retrocedemos en el tiempo, sabemos por los restos encontrados en Atapuerca que el ser humano es capaz de emitir sonidos desde hace millones de años debido a su desarrollado aparato fonador y que, mucho más tarde, hace 60.000 años desarrolló un lenguaje oral que le permitió entenderse con otros miembros de la especie.

¿Se contaban historias en tiempos tan antiguos? Nunca lo sabremos porque esa cultura oral se perdió para siempre porque no quedó fijada en un soporte.

Sin embargo, todo cambió hace 7.000 años, cuando aparecieron las primeras tablillas de barro en Mesopotamia con caracteres de una escritura primitiva, la escritura cuneiforme.

Desde entonces, podemos conocer de primera mano qué historias se relataban en aquellos tiempos, ya que conservamos el Poema de Gilgamesh, que está considerado como el más antiguo de la Historia.

En él se cuenta cómo Gilgamesh, rey de Uruk, tenía sometida a la población y cómo los dioses le enviaron a Enkidu para liberar al pueblo de la tiranía pero cómo éstos acabaron convirtiéndose en amigos y se lanzaron a la búsqueda de fama y fortuna.

"Las lágrimas corren por la cara de Gilgamesh (al tiempo que dice):
Voy a recorrer un camino por el que nunca he andado.
Voy a emprender un viaje desconocido para mí.
Debiera estar contento, con el corazón gozoso.
Si triunfo te haré sentar en un trono".

Desde entonces, muchas historias son las que se han contado los seres humanos y han llegado hasta nosotros: la historia de José y la virgen María en la Biblia, la historia de Ulises en la Odisea, la de Don Quijote de la Mancha, la de Oliver Twist, la de Fortunata y Jacinta, la de Winston en 1984...

Y, por supuesto, no solo en papel, desde la aparición del cine a finales del siglo XIX y de la televisión en el segundo tercio del XX estos relatos se han trasladado hasta las pantallas enriqueciendo los discursos con recursos gráficos y sonoros.

Hasta llegar al momento actual, en el que la digitalización y el marketing online han popularizado el término storytelling pero, en esta ocasión, vinculado sobre todo al mundo de la empresa, de los productos y de la marca personal.

En Mixtura estamos especializados en storytelling. Escríbenos si piensas que podemos ayudarte en tu próximo proyecto.

Leer más
Tomás Correa Tomás Correa

Sobre el storytelling

Storytelling significa, literalmente, contar una historia y, en los últimos años, este término se ha popularizado en el ámbito del marketing y la publicidad porque las historias ayudan a comunicar valores e ideas de forma simple, a mantener la atención durante largos periodos de tiempo, a hacer que el público se sienta identificado, a dejar un recuerdo de marca más duradero y, por supuesto, a vender más.

Sin embargo, al margen del uso actual del término, el storytelling es una actividad que se remonta hasta la prehistoria, cuando los primeros humanos desarrollaron la capacidad de hablar y empezaron a contar historias al calor del fuego o, más tarde, cuando ilustraron esas historias con las pinturas que hoy podemos ver, por ejemplo, en Altamira.

No sabemos a ciencia cierta el significado de esas historias y tuvieron que pasar varios milenios hasta que apareció la escritura y esos relatos cobraron sentido dando forma a nuestra cultura: el poema de Gilgamesh, la Odisea, La Biblia, Don Quijote de la Mancha, Oliver Twist, Moby Dick...

Todos ellos son el claro ejemplo de que las buenas historias son imperecederas y universales: siguen teniendo vigencia, nos emocionan, nos hacen reflexionar, nos ayudan a comprender el mundo desde diferentes perspectivas, a ampliar nuestros horizontes...

Y, por eso, en el contexto actual, las empresas, instituciones y marcas personales utilizan el poder de las historias para hacer llegar su mensaje a su público objetivo. Pero, ¿qué es lo que hace que una historia sea buena? ¿Cómo lograr que sea memorable? ¿Cómo comunicar mejor nuestras ideas? Y, por qué no, ¿cómo vender más gracias a las historias?

En la charla de TEDx The magical science of storytelling, David JP Phillips, experto en comunicación de origen sueco, nos explica un experimento que llevó a cabo el periodista Rob Walker para demostrar que el storytelling es la herramienta comunicativa más poderosa que existe.

Para ello, nos cuenta que este periodista compró 200 objetos por valor de 1 dólar cada uno aproximadamente a través de eBay, una plataforma online de venta de segunda mano. Eran objetos de uso común que no tenían ninguna característica especial pero el periodista se propuso un reto: convertirlos en objetos extraordinarios contando la historia de cada uno de ellos.

Así, contactó con 200 colaboradores para que se sumaran al experimento y cada uno de ellos, también periodistas, escribieron un relato real sobre cada uno de ellos. ¿Sabes lo que ocurrió? Que al volver a publicar esos objetos en eBay, su valor aumentó de forma exponencial. Por ejemplo, una figurita que representaba una cabeza de caballo pasó de costar 99 céntimos de dólar a 62,95, es decir, un 6395% más.

Pero no solo ese objeto específico aumentó su valor sino que todos ellos fueron vendidos por un total de 8000 dólares. Y eran los mismos objetos, pero la única diferencia es que unos especialistas habían construido un relato en torno a ellos.

¿Cómo lo hicieron? David nos ofrece más detalles que veremos más adelante, pero antes, es preciso mencionar que en el libro "Storytelling como estrategia de comunicación" de Guillaume Lamarre, experto en la materia, identifica cinco características que son comunes a las buenas historias: simplicidad, sorpresa, concreción, verosimilitud y emoción.

La simplicidad se refiere a que toda historia debe tener un único mensaje esencial que se quiera difundir. Desde el primer momento se debe tratar de captar la atención del lector y no dar rodeos innecesarios porque la parte del cerebro destinada a la supervivencia, es decir, el cerebro reptiliano, huye de las ideas complejas.

Por otra parte, la sorpresa es parte esencial de una buena historia y, por eso, el storyteller debe ser un maestro jugando con el misterio, los enigmas y las adivinanzas. Además, la narración debe mantener y relajar la tensión para desvelar la sorpresa en el momento adecuado, cuando el espectador ya no pueda esperar más. Es lo que se conoce como cliffhanger.

Los detalles también ayudan a dar cuerpo a las buenas historias. No es necesario que sean muchos pero sí que se vayan distribuyendo a lo largo del texto para que el lector se construya una imagen mental del relato más realista, que es el siguiente punto que vamos a ver a continuación.

Verosímil, por su parte, no significa realista, es decir, no tiene por qué verse así en la realidad, pero sí tiene que ser coherente en su contexto. Por ejemplo, Los Simpson son unos dibujos animados donde los personajes son de color amarillo. Nosotros, como espectadores, sabemos que se trata de dibujos animados y que, en la realidad, las personas no son así, pero en ese contexto resulta creíble.

Por último, desde la Grecia clásica se sabe que el pathos, es decir, el reflejo de las emociones en un relato o en cualquier obra de arte es esencial para llegar al espectador. Así, recurrir a emociones como la ira, la tristeza o la alegría, ayuda a generar empatía o rechazo dependiendo del personaje que lo muestre, ya sea el protagonista o el antagonista.

De hecho, volviendo a la charla TEDx, David alude a que las emociones son tan importantes porque generan en el espectador una especie de cóctel de hormonas como la dopamina (que se genera al utilizar un cliffhanger, por ejemplo), la oxitocina, que aparece cuando en una historia el espectador se siente muy identificado con un personaje. Y, por supuesto, las endorfinas, que se producen cuando se utiliza el humor.

Ejemplos de storytelling

An egg from Tiffany’s es el proyecto de una pareja de granjeros de Estados Unidos que ha comercializado huevos ecológicos a través de máquinas expendedoras.

Al contar su historia, Tiffany nos habla de cómo ella y su marido tienen una pequeña granja en California en la que los animales pueden vivir en un entorno rural tradicional. Nos da detalles de una granja idílica, con pájaros, un perro que protege el lugar y nos muestra fotografías del entorno para demostrar que lo que dice es verdad.

Además, intenta comunicar sus valores: comenta que donan sus alimentos si no se venden, que intentan facilitar el acceso a productos ecológicos y frescos para mejorar la alimentación de toda la población de la zona, etc.

Es decir, utiliza herramientas comunicativas propias del storytelling para diferenciarse de otras granjas que solo se centran en vender al menor precio posible sin tener en cuenta el bienestar de los animales. Y, por eso, Tiffany y su marido, pueden vender sus huevos ecológicos a un precio razonable, sin dañar a los animales y aportando un gran valor a la comunidad.


Triodos es un banco alemán que financia proyectos que tienen un impacto positivo en la sociedad, la cultura o el medioambiente. Se trata de una compañía con unos valores muy sólidos que intenta transmitir a través del storytelling y tanto es así, que han destinado una sección entera de su página web a contar las historias de las personas a las que han ayudado.

Por ejemplo, podemos leer la historia de Claudy Jongstra, una artista holandesa que utiliza técnicas que estaban a punto de desaparecer para configurar grandes tejidos que se exponen en museos y centros de arte.

Ella utiliza los mismos pigmentos que utilizaban pintores de la talla de Rembrandt, Rubens o Vermeer como, por ejemplo, el índigo azul, que ya estaba en desuso y casi nadie conocía. Ahora, su taller produce sus propios pigmentos naturales sin utilizar pesticidas y ha conseguido reunir en torno a ella a toda una comunidad de personas interesadas en aprender este antiguo oficio que une la naturaleza con el arte.

Se trata de un mensaje muy bello que apela a las emociones y que trata de transmitir unos valores de conservación de la naturaleza, de creación de vínculos sociales sólidos y de recuperación de un antiguo arte casi perdido. Y todo ello, sin renunciar a ser rentables económicamente porque sus tejidos se exponen en grandes museos y son muy valorados.

En conclusión

El storytelling es un herramienta comunicativa muy eficaz para que una persona, empresa o institución pueda comunicar cuáles son sus propósitos, valores e identidad de una forma amena que logre conectar con el público.

Precisamente, en Mixtura, te ayudamos a contar tu historia uniendo todo el potencial del storytelling con el diseño web, utilizando una novedosa técnica que recibe el nombre de scrollytelling.

¿Quieres saber en qué consiste? Puedes seguir leyendo aquí o ver algunos de nuestros trabajos aquí.

Leer más
Tomás Correa Tomás Correa

Todo lo que necesitas saber sobre el scrollytelling

Scroll es una palabra de origen inglés que significa desplazarse a lo largo de una pantalla de ordenador, tableta o teléfono móvil haciendo uso de la rueda del ratón, el touchpad, las flechas del teclado, la barra lateral del navegador web o, normalmente, el dedo pulgar o índice en el caso de las pantallas táctiles.

Telling, por su parte, viene de storytelling, es decir, la acción de contar o relatar una historia y, junto con scroll, forman el acrónimo scrollytelling, que significa contar una historia a medida que te desplazas por una pantalla.


Cómo contar una historia a través del scrollytelling

Existen muchas formas de contar una historia a través del scrollytelling en una página web: puede hacerse mediante textos, imágenes, vídeos, música, animaciones... combinando todos los elementos a la vez o mostrándolos de forma secuencial.

En cualquier caso, lo más habitual es que sea una mezcla de textos breves intercalados con imágenes que aparecen y desaparecen mediante diferentes efectos visuales para enriquecer la historia y hacerla más amena.

A continuación, algunos ejemplos:

Características de un producto

Esto es lo que sucede, por ejemplo, en goodmeat.co (página web de una empresa que produce carne artificial apta para consumo humano), donde el contenido se va revelando a medida que nos desplazamos por las diferentes secciones de la página mediante un efecto parallax que combina imágenes con párrafos cortos.

Como vemos, la estructura narrativa de la historia es muy minimalista, se limita a un eslogan, unos pocos párrafos explicativos y varios enlaces a otras páginas internas que invitan al lector a profundizar en el proceso de creación de la carne artificial.

Historias de formato largo

El scrollytelling puede utilizarse tanto para contar historias breves como para mostrar relatos largos (tanto como sea necesario) de una forma más visual, llamativa y amena, como en esta página web de una exposición virtual del modista Cristóbal Balenciaga, en la que se ha trasladado la información de los paneles explicativos que encontraríamos en la exposición del museo al entorno digital y se ha recurrido al scroll lateral y vertical para simbolizar el paso por las diferentes salas.

Sin embargo, en este caso, la experiencia de usuario es muy diferente a los ejemplos anteriores y la sensación, más que estar visitando una exposición, es la de consultar un catálogo digital de la muestra que permite incorporar elementos audiovisuales.

Así, podemos ver un vídeo de una conservadora que nos muestra cómo se protegen los trajes en los almacenes o podemos hacer clic sobre las imágenes para ampliarlas, que son elementos que quedarían excluidos del formato impreso en papel.

Visualización de datos

Por otra parte, el scrollytelling también es útil para presentar datos complejos de forma asequible para el usuario. Por ejemplo, Radio Televisión Española publicó un minisite para mostrar cómo se desarrolló la campaña de vacunación frente a la COVID-19.

En esta web, el usuario puede:

  • Conocer las estadísticas de vacunación de cada una de las Comunidades Autónomas de España realizando una búsqueda a través de un formulario.

  • Estar al tanto de las últimas noticias que se se iban publicando a través de un carrusel de diapositivas.

  • Escuchar un pódcast en el que se entrevistaba a la Ministra de Sanidad explicando cuál estaba siendo la estrategia de vacunación....

En otros casos, como If the Moon were only 1 pixel, la visualización de datos es completamente diferente. En esta página, se muestra cómo sería la escala de los planetas del Sistema Solar si La Luna midiera un píxel. Así, a través de un long scroll lateral se van presentando los tamaños de los diferentes planetas en relación al satélite de referencia.

En definitiva, el scrollytelling tiene muchas aplicaciones prácticas (tantas como queramos) y es una técnica que puede utilizarse para mostrar las características de un producto, para dar a conocer una exposición virtual o para presentar datos de una forma más atractiva, visual y entretenida.

Beneficios de utilizar el scrollytelling

El scrollytelling tiene cinco grandes beneficios:

  • Naturalidad del formato:

  • Control del tiempo de navegación: cuando el usuario se desplaza por la pantalla puede detenerse a leer un fragmento de texto o una imagen y permanecer el tiempo que sea necesario hasta que lo haya asimilado. Así, el scrollytelling se asemeja a una presentación de PowerPoint o Keynote que el propio usuario puede controlar.

  • Efecto wow: la mayoría de las páginas son muy estáticas. Por eso, cuando un usuario accede a una web que utiliza scrollytelling, se queda asombrado porque la experiencia es completamente diferente. Existe más movimiento, generalmente mejores recursos visuales y ese extra de diseño acaba siendo valorado muy positivamente por el usuario.

  • Mayor engagement: sabemos que el tiempo que permanece un usuario en una página web es un factor de éxito que explica el grado de vinculación que tiene con una marca. Es un factor que se puede medir con Google Analytics consultando la tasa de rebote o el tiempo de permanencia en cada página. Con el scrollytelling, se pueden mejorar estos indicadores y, por tanto, el posicionamiento de una web, porque se fomenta la interactividad y se pueden contar historias más extensas de una forma más amena.

  • Web responsive: el scrollytelling se adapta a todos los dispositivos (ordenador, tableta y móvil) y a todas las resoluciones posibles, ya que utiliza el responsive design. Así, ya sea en formato horizontal o vertical no se pierde información porque tanto textos como imágenes o animaciones se adaptan. Algo que no ocurre, por ejemplo, con los vídeos, que no pueden ajustarse a determinadas resoluciones dependiendo de si están grabados en horizontal o en vertical.

Por qué contratar a un estudio de scrollytelling

Hacer hincapié en saber contar historias, conocer el medio, saber mantener el ritmo, saber elegir las fotografías, etc.

El scrollytelling es una técnica que requiere de conocimientos sobre diseño web, animaciones CSS y lenguajes de programación como JavaScript. Además, es esencial contar con elementos gráficos de calidad para que produzcan el efecto deseado y, por supuesto, con textos escritos por un profesional del copywriting.

Por este motivo, una página web que utilice el scrollytelling como fórmula narrativa suele encargarse a una agencia especializada, ya que no se utilizan plantillas preformateadas (porque se busca precisamente un diseño único) y se requiere de unas habilidades técnicas y de una dilatada experiencia profesional realizando este tipo de proyectos para que el resultado sea óptimo.

Además, el tiempo de elaboración es mayor si no se cuenta con un diseñador o copywriter especializado en scrollytelling, ya que, aunque se tengan conocimientos de ambas disciplinas, este formato condiciona totalmente el estilo narrativo y es necesario saber cuándo utilizar una frase, un párrafo corto, un texto extenso, una imagen o una animación determinada.

Solo la sabia combinación de todos los elementos es lo que producirá un buen resultado. Por eso, si estás considerando la posibilidad de realizar una página web de estas características, nuestra recomendación es que la solicites a una agencia especializada.

Leer más