La narración de historias es prácticamente tan antigua como la raza humana en sí misma. Desde que los seres humanos pudieron hablar, usaron la narración de historias como una forma de comunicar ideas, lecciones y conceptos. El diseño web se trata también de comunicar ideas y conceptos, y es por eso que contar historias en la Web es la manera perfecta de atraer a los usuarios.

A medida que los diseñadores web se vuelven más creativos y buscan nuevas formas de mejorar la experiencia del usuario, cada vez más recurren a la narración de historias en sus diseños.

Cuando los diseñadores incorporan la narración de historias en un sitio web, también atraen al usuario de manera más eficiente, lo que lo convierte en una experiencia más absorbente. La narración de historias puede tomar la forma de muchos dispositivos diferentes, y varios tipos de sitios están saltando a la moda de contar historias.

Contando historias con redes sociales

En estos días, las redes sociales y el diseño web están cada vez más integrados. La mayoría de las empresas y publicaciones en Internet tienen todos sus botones de redes sociales en cada página, lo que hace que las acciones y la publicidad sean más fáciles que nunca. Las redes sociales alientan a los usuarios que sienten pasión por una marca a conectarse con el producto o servicio de manera más eficiente que nunca.

Las redes sociales pueden convertirse en una excelente forma de comercializar a través de la narración de historias. Puede contar la historia de su marca a su audiencia cautiva de clientes / usuarios leales. Las redes sociales dependen de muchas formas de contar la historia de una marca con pasión, propósito y exageración.

Tomar La página de Tommy Hilfiger en Facebook . Este epítome de la moda clásica estadounidense de preparación tiene más de 8,7 millones de seguidores, representados por "Me gusta" en la página. Esta gran cantidad de seguidores es la audiencia instantánea con la que la marca puede contar su historia. Hilfiger comparte constantemente noticias de sus lanzamientos de diseño, asociaciones de celebridades y eventos promocionales con sus seguidores. La marca también usa imágenes y videos para hacer que su historia sea más atractiva para la comunidad.

001

Contando historias con imágenes

A veces, la narración de historias se puede lograr de manera efectiva mediante el uso directo y sin pretensiones de las imágenes. Existe el viejo adagio de que una imagen vale más que mil palabras, después de todo. Esto tiene mucho sentido cuando lo piensas porque una imagen es fácil de absorber, por lo que un mensaje puede comunicarse de manera muy eficiente.

Página de registro de LinkedIn ilustra esto a un tee. Antes que nada, ¡fíjate qué poca copia hay en toda la página! Obviamente, esto se hace a propósito para permitir que el grupo de imágenes de personas (muy diversas) salude al usuario del sitio.

Con solo observar el cuadro de imágenes, ya puede tener una clara impresión de lo que es LinkedIn: es realmente para todos. Las imágenes muestran hombres y mujeres de diversos orígenes étnicos (incluso si no incluían a personas mayores) con gusto y con confianza sonriendo debido a su experiencia en LinkedIn. Cualquiera que no esté familiarizado con el sitio de redes sociales comprende de inmediato que las personas de todo el planeta utilizan el sitio para establecer contactos y hacer negocios.

002

Contando historias con ilustraciones

Las ilustraciones o dibujos pueden funcionar del mismo tipo de magia que las fotografías. También son ayudantes visuales que hacen que sea fácil para el visitante del sitio comprender la historia que una marca trata de contar. Las ilustraciones pueden ir de dos maneras: la ruta abstracta o la ruta más realista. Veremos el último tipo.

Sobre el sitio web de Evernote Web Clipper , verá tres bloques de ilustraciones que van de izquierda a derecha. Sí, los bloques de ilustraciones están acompañados de un texto útil en la parte inferior para ayudar a explicar cómo funciona Web Clipper, pero dichas ilustraciones dan vida, casi como un libro de cuentos, a cómo se verá el flujo del usuario.

Como resultado, nadie se pregunta si pueden usar Web Clipper para recopilar y acceder a diversos elementos de Internet cuando lo deseen y desde donde lo deseen.

003

Contando historias con copia

No debería sorprender que las palabras utilizadas en la copia del sitio sean excepcionalmente potentes en una gran narración de cuentos. Tiene sentido si consideramos que las palabras están en el corazón de una gran narración de cuentos, y ha sido así desde que el hombre puso por primera vez el papelógrafo.

Un sitio que ejemplifica cómo se puede usar la copia para contar una historia cautivadora es El ojo turístico . The Tourist Eye se basa en una copia contundente y atractiva para informar de inmediato a los usuarios qué obtendrán a cambio de usar su servicio. Directamente al grano, la copia del sitio deja muy claro que puede encontrar una gran cantidad de ideas y consejos sobre lo que desea hacer, tanto en grandes viajes como en pequeñas escapadas.

Luego, a medida que el usuario se desplaza hacia abajo en la página, la copia lo guía por las características y opciones adicionales que están disponibles. Estos incluyen la oportunidad útil y deseable para crear listas de deseos y la oportunidad de obtener The Tourist Eye en su teléfono móvil como una aplicación.

004

Contando historias con mascotas

Cuando se trata de lo cómico y amable, las mascotas tienen ventaja. Las empresas saben que las mascotas son una forma fácil de congraciarse con los clientes, y también ayudan a una marca a contar su historia de una manera humorística, accesible y conversacional. Tome MailChimp, por ejemplo.

Tiene una mascota muy famosa con el nombre de Freddie eso hace un gran trabajo en la narración de historias al comunicar la filosofía corporativa de la compañía. La compañía adopta un enfoque desenfadado y poco serio para los negocios y la vida en general, que se ve fácilmente en las representaciones de Freddie sobre todo lo relacionado con MailChimp.

Ya sea que Freddie solo esté sonriendo, guiñando el ojo o con un lápiz en la oreja (y sonríe ampliamente), usted sabe que la marca está comunicando a los usuarios su estilo sensato y personal. Esta mascota se puede ver en casi todas las páginas de MailChimp , de una manera, forma o forma.

005

Contando historias con paralaje

El desplazamiento de Parallax ha existido desde hace unos años, y todavía está a la moda. Probablemente sea la manera más fácil de demostrar cuán mortalmente efectiva puede ser contar historias en el diseño web. Esto se debe a que la naturaleza de desplazarse por un sitio web se limita a revelar cada vez más capas de información (léase: narración de cuentos), casi como pelar las posteriores capas de piel de una cebolla (menos las lágrimas, por supuesto).

Tome el ejemplo de The Royal British Legion - Sigue el sitio web de Poppy . Brinda a los curiosos visitantes del sitio información vital sobre cómo se gastan las donaciones a la Royal British Legion, muchacho, ¿han sido bien gastados? A través de contar historias interesantes y vibrantes mientras te desplazas hacia abajo, puedes ver los numerosos y útiles servicios que ofrece la Legión. Esto incluye ayudar a las familias militares británicas (con ejemplos específicos de familias reales) y ayuda profesional para aquellos veteranos que abandonan el servicio para probar suerte en otra cosa.

006

Contando historias con personalidad

La personalidad ha comenzado a comprender un elemento cada vez más vital en el diseño web contemporáneo. Es especialmente potente y poderoso para ayudar a las empresas y las marcas a humanizarse a sí mismas, conectándose a un nivel más agradable con los visitantes de su sitio, los fanáticos y los compradores. Todo esto equivale a más personas que desean comprar, por lo que también se obtienen mayores ganancias, naturalmente.

La personalidad le permite a su marca contar una gran historia, también. Tome el ejemplo de Reubicación de mascotas . Debajo de la sección Equipo del sitio, todos los empleados son destacados, ¡pero está lejos de su típica página de acercamiento! Todos los empleados (y también algunos de sus perros) se muestran sonriendo ampliamente, pero cuando mueves el cursor sobre cada imagen, obtienes una sorpresa adicional: una actitud tonta / actitud llena de cada empleado. Eso les dice a los visitantes del sitio cuán informal y relajada es la cultura corporativa en Pet Relocation.

007

Conclusión

La narración de historias ha estado con la raza humana desde el principio, los humanos primitivos seguían comiendo su carne cruda y dibujando en las paredes de la cueva. Es porque es una forma poderosa y efectiva de transmitir las cosas. No es de extrañar que, por fin, esta técnica se esté extendiendo en el mundo del diseño web.

Cuanto más vean las marcas y las empresas cuán atractivo es este enfoque, más verán el diseño del sitio después del diseño del sitio que incorpora esta técnica.