Tipos de storytelling a implementar en tu web

inicio ā†’ marketing digital ā†’ diseƱo web SEO ā†’ Tipos de storytelling a implementar en tu web

Contar historias, cuando se hace bien, puede mover a la gente a pasar a la acciĆ³n. La forma en que contamos historias ha evolucionado drĆ”sticamente a lo largo del tiempo.

Constantemente encontramos nuevos mĆ©todos para preservar y compartir nuestras historias: Desde dibujos en las paredes de las cuevas, relatos verbales transmitidos de generaciĆ³n en generaciĆ³n y canciones, hasta formas mĆ”s modernas como periĆ³dicos, libros y grabaciones de audio y vĆ­deo.

El lugar mƔs nuevo para contar historias es Internet. Y como con cualquier otro medio, contar historias en lƭnea es una herramienta muy poderosa para comunicar tu mensaje. Contar historias online nos ayuda a captar y cautivar a los visitantes de nuestro sitio web.

Echemos un vistazo a cĆ³mo puedes sacar el mĆ”ximo partido a la narraciĆ³n de historias online, repasando las formas mĆ”s habituales de contar historias en la web, y comentando algunos ejemplos de buena narraciĆ³n de historias en lĆ­nea.

No dudes en suscribirte a nuestra Newsletter para recibir contenido exclusivo creado por nuestro equipo de expertos.

Contar historias a travƩs del texto

Aunque las tecnologĆ­as web contemporĆ”neas permiten todo tipo de presentaciĆ³n de contenidos, el texto sigue siendo uno de los mĆ©todos mĆ”s comunes para contar historias en Internet.

El contenido textual puede ser muy eficaz, y a veces es la Ćŗnica opciĆ³n que tiene sentido o resulta prĆ”ctica. Las historias escritas, como entradas de blog, ensayos, artĆ­culos y libros electrĆ³nicos, suelen ser mĆ”s fĆ”ciles de producir en comparaciĆ³n con otros mĆ©todos como el vĆ­deo y el audio.

Sin embargo, las personas sĆ³lo leen una media del 20-28% de las palabras de una pĆ”gina web.

AdemƔs, los estudios de usabilidad de seguimiento ocular demuestran que tendemos a escanear mƔs que a leer completamente las pƔginas web. Asƭ que el texto puede ser un tipo de contenido popular en la Web, pero no es necesariamente el mƔs atractivo, porque la gente no lee tanto como nos gustarƭa.

Tenemos que dar a la gente una razĆ³n para empezar a leer y luego mantener su interĆ©s para que no dejen de hacerlo. Empaquetando tu contenido en una buena historia, puedes hacer precisamente eso.

Puedes construir una historia cautivadora sobre prĆ”cticamente cualquier cosa: tu producto, tu empresa, tu equipo, tu visiĆ³n, tus clientes, tu experiencia, etc.

Haz que tu historia sea personal, divertida, oscura, provocativa y cualquier otra cosa que puedas hacer para captar el interĆ©s de tus lectores. Deja volar tu imaginaciĆ³n y ofrece a tus visitantes algo mĆ”s que datos aburridos.

El texto no sĆ³lo debe ser legible, breve y bien estructurado, sino que tambiĆ©n debe resultar atractivo porque estĆ” escrito de manera informal. Tu historia puede comenzar con datos bĆ”sicos sobre la empresa, seguidos de una foto atractiva del equipo y una cita personal sobre el objetivo de la empresa. El tono de voz es informal y directo.

Un ejemplo de cĆ³mo vender mochilas de gama alta

Goruck fabrica y vende mochilas de gama alta. El fundador de Goruck, Jason McCarthy, cuenta historias sobre por quĆ© y cĆ³mo se desarrollan sus mochilas para que los clientes potenciales aprecien el trabajo y la consideraciĆ³n en el diseƱo y la fabricaciĆ³n de los productos de la empresa.

Jason cuenta la historia a travƩs de su blog y en otras secciones del sitio web.

Una de esas historias es cĆ³mo utilizĆ³ su producto mĆ”s reciente (llamado Goruck GR2) en un viaje a Shanghai. A lo largo de la narraciĆ³n, esboza por quĆ© la bolsa se desarrollĆ³ con el propĆ³sito de viajar. Este es el enlace a la mochila Goruck GR2

Al publicar relatos en tu blog, tienes la oportunidad de implicarte realmente y conectar con tus lectores.

La pĆ”gina “Acerca de” de Goruck tambiĆ©n estĆ” escrita como una historia, en lugar de lo que solemos encontrar en la mayorĆ­a de las pĆ”ginas “Acerca de” de otras empresas, que son estiradas y demasiado formales. En lugar de una foto de sus productos, hay una foto real de Jason en la parte superior de la pĆ”gina “Acerca de” de Goruck.

Contar historias a travƩs de imƔgenes

Las imƔgenes fijas pueden contar historias. Una imagen vale mƔs que mil palabras, como dice el refrƔn.

Los elementos visuales son muy eficaces para transmitir una historia porque nuestro cerebro puede procesarlos 60.000 veces mĆ”s rĆ”pido que el texto. Puedes escribir un montĆ³n de texto para explicar cĆ³mo funciona tu producto, cĆ³mo hace sentir a la gente y dĆ³nde pueden utilizarlo.

O puedes mostrar un par de imĆ”genes de personas reales utilizando tu producto. Las imĆ”genes pueden contar historias y, al mismo tiempo, dejan mucho margen a la interpretaciĆ³n personal.

Hay tres tipos principales de imƔgenes que pueden utilizarse como contenido Web para contar historias:

  • ImĆ”genes de bocetos, ilustraciones y grĆ”ficos
  • ImĆ”genes de fondo
  • InfografĆ­as

Utilizar imƔgenes en tu contenido puede complementar tu contenido textual y ayudarte a hacer avanzar tu historia. Las imƔgenes de fondo pueden atraer a los visitantes del sitio web y situarlos en un determinado estado de Ɣnimo. Pueden dar a la gente una idea de la historia que vas a contar.

Las imƔgenes de fondo pueden ayudarte a construir tu sitio sobre una historia.

Las infografĆ­as son una forma estupenda de comunicar una historia. A la gente le gustan las infografĆ­as porque son fĆ”ciles de consumir y divertidas de compartir en sus redes sociales. Las infografĆ­as son populares porque pueden contener mucha informaciĆ³n utilizando muy poco texto.

Los elementos visuales esbozados a mano pueden dar a tus historias un toque personal, ayudƔndote a conectar con tus visitantes. Hace que tu historia sea mƔs autƩntica.

Ejemplo AIRBNB

El sitio de Airbnb te da la bienvenida con grandes y bellas imƔgenes de fondo, una diferente para cada destino de viaje que selecciones.

Estas imĆ”genes de fondo te dan una gran sensaciĆ³n de los destinos destacados, despertando tus emociones y dĆ”ndote ganas de viajar. Airbnb cuenta diferentes historias de todo el mundo y te invita a formar parte de ellas.

Ejemplo STUMBLEUPON

Las imĆ”genes de fondo tambiĆ©n pueden servir como metĆ”fora para ayudarte a explicar conceptos abstractos y atraer la atenciĆ³n de tus visitantes.

La pĆ”gina de inicio de StumbleUpon es muy sencilla. Consta de una cabecera sencilla, unas pocas lĆ­neas de texto, una llamada a la acciĆ³n que te invita a “Empezar a explorar” y una enorme imagen de fondo.

A primera vista, la imagen de fondo no es mĆ”s que una imagen bonita. Sin embargo, cuando la mires mĆ”s de cerca, verĆ”s que refleja perfectamente de quĆ© trata ĀæNo te recuerda la escena a una de esas cĆ”lidas noches de verano cuando aĆŗn eras un niƱo?

Yo me recuerdo jugando fuera, en el jardƭn, explorando el mundo con todos sus bellos detalles y pequeƱas maravillas: una entraƱable historia de mi infancia.

Contar historias mediante la interacciĆ³n animada

Un aspecto de la buena narraciĆ³n es el entretenimiento.

Cuando la gente estƔ entretenida, es mƔs probable que escuche tu historia. Las buenas historias son divertidas, terrorƭficas, reconfortantes, etc. Apelan a nuestras emociones. Apelan a nuestras emociones.

Por eso tendemos a pensar que contar historias es un regalo. Por ejemplo, podrĆ­as pensar algo parecido a esto “Me encanta este sitio porque a alguien se le ocurriĆ³ esta bonita historia que me hizo sonreĆ­r”.

Con las interacciones animadas, puedes ofrecer a tus visitantes un regalo asĆ­. Ya he hablado de cĆ³mo a la gente le encantan las historias visuales. Las animaciones llevan tus visuales un paso mĆ”s allĆ”, aƱadiĆ©ndoles movimiento.

Una vez que hayas enganchado a la gente, seguirĆ”n navegando por tu sitio para averiguar cĆ³mo continĆŗa la historia.

Ɖste es tambiĆ©n un efecto muy positivo de la narraciĆ³n en general: Nos despierta la curiosidad y las ganas de saber quĆ© ocurre a continuaciĆ³n. Una tĆ©cnica para animar tu contenido es el desplazamiento de paralaje.

El desplazamiento de paralaje es una tƩcnica relativamente nueva en el diseƱo web con mucho potencial para mejorar la experiencia general del usuario. Ofrece el escenario ideal para contar tu historia de forma atractiva e interactiva. Deja que tus visitantes tomen el control y que recorran tu historia a su propio ritmo.

Las distintas capas que responden de forma diferente al comportamiento de desplazamiento de tus visitantes crean una sensaciĆ³n de profundidad e incluso permiten mĆŗltiples lĆ­neas argumentales.

Contar historias a travƩs de vƭdeos

Casi todos los vĆ­deos incluyen algĆŗn tipo de historia. El vĆ­deo permite tanto la imagen en movimiento como el sonido, bĆ”sicamente todos los aspectos tĆ©cnicos que constituyen una gran plataforma para una historia atractiva.

ĀæSabĆ­as que los visitantes de un sitio web permanecen en Ć©l un 100% mĆ”s de tiempo cuando contiene un vĆ­deo? AdemĆ”s, es un 85% mĆ”s probable que los visitantes compren un producto despuĆ©s de ver un vĆ­deo de producto.

Estas son sĆ³lo algunas cifras que demuestran lo buena que es la plataforma del vĆ­deo para tus historias.

Ejemplo Wistia de narraciĆ³n de historias con vĆ­deos

El servicio de alojamiento de vĆ­deos Wistia nos muestra un ejemplo de buena narraciĆ³n a travĆ©s del vĆ­deo.

Tienen tres vƭdeos en su pƔgina de inicio que se pueden ver por separado dependiendo del tema que te interese. En cada vƭdeo, diferentes personas del equipo te cuentan cada capƭtulo de su historia. Al final de cada vƭdeo, pasas automƔticamente al siguiente para mantener la continuidad de la historia.

Aunque hay tres vĆ­deos, todos cubren partes diferentes de una misma historia.

La historia de Wistia, y del equipo que hay detrƔs.

Contar historias a travƩs del audio

La narraciĆ³n auditiva es una forma muy antigua de contar historias. Las canciones, por ejemplo, eran fĆ”ciles de recordar y transmitir de generaciĆ³n en generaciĆ³n. Incluso hoy, la mayorĆ­a de las canciones cuentan una historia de algĆŗn tipo.

En tu sitio web, puedes utilizar el audio de muchas formas distintas. SĆ³lo ten en cuenta que no todas las personas lo aprecian, asĆ­ que sĆ© cuidadoso en la ejecuciĆ³n.

Un ejemplo puede ser el sitio web Dumb Ways To Die es una campaƱa de anuncios de servicio pĆŗblico de Metro Trains en Australia para promover la seguridad ferroviaria. La campaƱa se hizo viral en 2012.

La historia trata de las distintas formas tontas de morir, incluidos los accidentes que ocurren en las vĆ­as del tren y sus alrededores. La campaƱa convierte un tema serio en una historia con la que es mĆ”s probable que la gente participe, con la esperanza de que su mensaje se aprenda y difunda mejor. La historia se cuenta en una canciĆ³n y va acompaƱada de un divertido vĆ­deo musical y un sitio web muy atractivo e interactivo.

Es un gran ejemplo de cĆ³mo conseguir que la gente escuche un mensaje que de otro modo no querrĆ­a oĆ­r.

Contar historias a travƩs de los medios sociales

Los medios sociales han ganado mucha popularidad en los Ćŗltimos aƱos. ĀæPor quĆ©?

Porque permiten a las personas y a las empresas conectar entre sĆ­. Los medios sociales nos permiten intercambiar opiniones, ideas y contenidos.

Y, sobre todo, los medios sociales permiten a los usuarios crear sus propias historias, compartirlas, seguir a otros y colaborar en la construcciĆ³n de historias comunes.

Para las empresas, los medios sociales pueden ser un lugar estupendo para contar historias. Esta forma de contar historias es interactiva y las historias evolucionan en torno a una comunidad. Dado que las plataformas de medios sociales como Facebook e Instagram se asocian con el ocio y el entretenimiento, atraen al pĆŗblico ideal para tus historias.

Starbucks: Un ejemplo de narraciĆ³n de historias

Un ejemplo de narraciĆ³n de historias a travĆ©s de los medios sociales es la pĆ”gina de Facebook de Starbucks. TodavĆ­a hay muchas empresas que no saben cĆ³mo utilizar los medios sociales como herramienta de marketing eficaz. Esto no es cierto para Starbucks.

Con 35 millones de seguidores, mĆ”s de 50.000 me gusta en su pĆ”gina de Facebook y una media estimada de 5.000 comentarios por publicaciĆ³n, Starbucks sĆ­ que sabe cĆ³mo relacionarse con su comunidad. ĀæCĆ³mo?

Contando historias. Starbucks domina el uso de Facebook para crear un espacio de narraciĆ³n, no sĆ³lo para ellos, sino tambiĆ©n para las historias de sus clientes.

Ejemplo Red Bull en Instagram

Otra popular plataforma de redes sociales es Instagram. En este sitio de redes sociales, tienes que contar tus historias con fotos y vĆ­deos cortos. Red Bull hace precisamente eso.

La empresa es conocida por sus esfuerzos de marketing de eventos y crea mƔs contenido en torno a su producto que ninguna otra empresa. Contenido divertido, visual y extremadamente popular.

El contenido es lo Ćŗnico que importa en la Web analiza la estrategia de contenido Ćŗnica de Red Bull. En Instagram, Red Bull cuenta sus historias con fotos y vĆ­deos cortos. Y los fans siguen estas historias de forma atractiva.

La narraciĆ³n online es poderosa. Internet es la plataforma mĆ”s poderosa para contar historias. Combina diferentes soportes para nuestras historias: texto, visuales, animaciĆ³n interactiva, vĆ­deo, audio y medios sociales.

La Web es tambiĆ©n el Ćŗnico medio al que puede acceder pĆŗblicamente y de forma simultĆ”nea gente de todo el mundo. Esto no sĆ³lo permite a cualquiera compartir sus propias historias, sino que tambiĆ©n significa que nuestras historias pueden llegar al mundo entero.

ĀæNecesitas ayuda para elegir una estrategia de contar historias?

La narraciĆ³n online es poderosa. Internet es la plataforma mĆ”s poderosa para contar historias para tu empresa. Si quieres que tu negocio llegue al siguiente nivel combinando diferentes soportes como texto, animaciĆ³n interactiva, vĆ­deo, audio y medios sociales, en Skyward SEO te podemos ayudar.

ĀæQuieres empezar ahora? Puedes reservar una videollamada con nuestro equipo para ayudarte a diseƱar una campaƱa que te ayude a generar mĆ”s ingresos.

MƔs artƭculos sobre diseƱo web:

  • PersonalizaciĆ³n web para mejorar la rentabilidad

    La personalizaciĆ³n es una de las tĆ©cnicas de marketing mĆ”s eficaces para conectar con los clientes online. AƱadir elementos personalizados a las pĆ”ginas de destino es un mĆ©todo probado para impulsar las conversiones en tu sitio. ā€¦
  • Mantenimiento web y cĆ³mo realizarlo paso a paso

    Tu sitio web es la base de la presencia online de tu empresa. La gente lo visita para conocer tu empresa, encontrar tu informaciĆ³n de contacto y comprar tus productos. Si tu sitio web no funciona correctamente o no estĆ” ā€¦
  • Consejos sencillos para un lanzamiento web

    El proceso de lanzar un nuevo sitio web no es tarea fĆ”cil. Seguro que hay cientos de cosas que tienes que tener en cuenta. Aunque pueda parecer una tarea imposible, cualquier cosa en esta vida que se pueda hacer paso a paso ā€¦
  • Dispara tus conversiones con una Landing Page

    Un buen diseƱo de la pĆ”gina de aterrizaje o Landing Page puede hacer que tu negocio pase de tener muy pocas ventas o ninguna a una explosiĆ³n de nuevos clientes en cuestiĆ³n de segundos. Hoy estoy aquĆ­ para darte seis consejos ā€¦
  • CĆ³mo hacer la arquitectura de una pĆ”gina web

    Cuando empecĆ© a escribir sobre arquitectura de sitios web, me vino a la mente la idea de un proyecto de construcciĆ³n de un rascacielos. PensĆ© en un enorme rascacielos con restaurantes, tiendas, oficinas, gimnasios y espacios ā€¦
  • 5 maneras de mejorar la conversiĆ³n de tu web

    Cuando intentas hacer crecer tu negocio en Internet, debes controlar las mĆ©tricas vitales para asegurarte de que tu negocio estĆ” creciendo. Una mĆ©trica importante son las conversiones de tu sitio web. Las conversiones te ayudan a ā€¦