Narración interactiva de historias y su aplicación en la industria del diseño web
Tener el elemento de gráficos es una necesidad de cada sitio web hoy en día. Sin el uso adecuado de las imágenes, simplemente no puede transmitir su mensaje al visitante, mejor aún, hacer que abandonen su sitio web.
Las imágenes tienen el potencial de llegar al interior de la mente del espectador y atraerlo hacia cualquier cosa que esté tratando de presentar, vender o invertir. Para utilizar las imágenes a su favor y ganar tráfico de la manera más rápida posible, el mejor método para atraer y convertir al visitante es a través de la narración de historias interactivas.
¿Por qué contar historias?
Sé lo que debe estar apareciendo en tu cabeza en este momento. ¿Qué tiene que ver Cenicienta o Rapunzal con la experiencia visual de un sitio web? Bueno, la narración de historias no se limita solo a los cuentos de hadas y las franquicias de Disney, sino que la narración de historias es una forma bastante efectiva en la combinación de marketing de cualquier sitio web que tenga como objetivo llegar a la cima de la competencia.
Cómo crear una historia interactiva
Se necesita mucha planificación y prueba para conectar el diseño con la historia, de modo que cuando lo muestre en la página de inicio de su sitio web no lo deje en ridículo. Sus imágenes no necesitan ser un trabajo maestro de varios diseñadores y un CGI costoso. Puede contar su historia con un solo banner de imagen bien articulado. Sin embargo, el desafío se presenta cuando su narrativa se cruza con el objetivo de su sitio web. ¿De qué trata su sitio web? ¿Cuál es el logotipo de su marca y por qué vende lo que vende? Todo lo que expliques a través de lo visual debe ser único sin una pulgada de plagio. Debe volverse tan convincente que después de visitar su sitio web una vez, las personas comiencen a compartirlo, hablen de él y lo vuelvan a visitar.
Cómo funciona
Existe una gran disparidad entre un sitio web que tiene imágenes, gráficos y animaciones frente a una plataforma centrada en texto anodino que llamamos sitio web. Es imposible juzgar a las personas y antes de que puedas tener una conversación adecuada, se han ido. Se inyectan elementos multimedia para evitar esto. Cuando un cliente ve texto sin formato que describe un producto, se siente obligado a leer los alfabetos y las palabras de la declaración, mientras que una imagen, video o animación gráfica es tan fácil de ver como de comprender.
Vender un gran producto con una historia corta
Una empresa que vende automóviles tiene mucho que completar antes de poder realizar ventas a través de su plataforma en línea. Comprar autos en línea requiere mucho valor por parte del cliente porque se trata de grandes sumas. Si el sitio web no logra captar la atención del cliente, entonces no es más que basura flotando en Internet. Vender automóviles, camiones o maquinaria pesada en línea tiene ciertos ángulos de marketing para exponer los USP (puntos únicos de venta) del producto. Conozco un sitio web de automóviles que ha utilizado la técnica perfecta de narración de historias para mostrar su dinamismo en la pantalla del cliente.
Ejemplo :
Lexusls.asia es una rama de Toyota que vende autos de lujo. En el sitio web, los diseñadores han utilizado brillantemente el desplazamiento de paralaje para presentar el automóvil con el texto suficiente para que el visitante se ponga en marcha. Entonces, de repente, una llanta rueda desde la derecha y muestra algunas otras características interesantes del automóvil. A medida que se desplaza hacia abajo, el sitio web no lo suelta y, con algunos gráficos geniales, describe el propósito y los beneficios del automóvil.
lenguaje visual
El lenguaje visual tiene la capacidad de aprovechar la base misma del diseño centrado en el ser humano. El lenguaje visual se remonta e incluso antes de que se inventara cualquier alfabeto, ya que las pinturas rupestres eran el medio básico de comunicación. Las pinturas rupestres actuaron como fuente de narración, guía para sobrevivir y evitar posibles peligros que formaron parte de ese período. Más o menos, los dibujos rupestres son la forma más antigua de datos visuales.
Sabemos que las imágenes y los videos tienen un gran poder comunicativo, ¿cómo se aprovecha este poder a través de los píxeles?
Ejemplo :
Aquí es cuando tu propia imaginación entra en juego. Agregue imágenes y videos con el texto de combinación correcto para que su sitio web hable por sí mismo.
Bellroy.com vende sus carteras de piel con la garantía de un mayor espacio con diseños más estilizados. Cómo lo muestran es a través de un elegante deslizador con imágenes HD de una de sus billeteras contra otra. A medida que se mueve el control deslizante, la historia también lo hace y en 10 imágenes se coloca la misma cantidad de tarjetas en su billetera de marca, mientras que la otra billetera se deforma más de lo que realmente es. Aquí la conclusión es llamativa y con moraleja de sobra.
Diseña la historia
Es bastante similar a escribir una obra de teatro cuando diseñas una historia visual. Todos los aspectos y elementos de la obra están presentes en tu sitio web y se entremezclan con tal intimidad que se fusionan por completo con la historia que has presentado. Su historia comienza con la configuración que ha organizado, luego avanza hacia el conflicto y concluye con una resolución.
Este sitio web, por ejemplo, tiene una forma única de tomar al visitante del brazo e invitarlo a un baile lleno de emociones y delicias visuales.
Los usuarios deben ser muy conscientes de la historia, ya que los lleva a su destino. Y ahí es donde el visitante se convierte en líder, y el líder se convierte en cliente. Es justo que el producto o servicio que planea presentar a través del proceso de narración de historias debe tener algo que el usuario necesita, una funcionalidad única o un margen de precio que el cliente está buscando.
Ejemplo :
Bagigia.com primero le da al visitante una introducción del minorista seguida de imágenes en 3D simples pero profundas del producto en sí con texto emotivo para mantener la historia en movimiento. El amplio espacio en blanco en el diseño ayuda al usuario a concentrarse, ya que el producto se destaca en el centro, llevando la historia a la acción y hacia la resolución.
Usando la historia animada a tu favor
Es cierto. La animación de sitios web ha sido víctima de un uso excesivo sin tener en cuenta las convenciones o los estándares y esa es la razón principal detrás de su caída en los últimos 5 años. Irónicamente, muy pocos diseñadores saben cómo el uso de una animación inteligente y precisa puede convertir su historia en la película Dark Knight. La animación está diseñada para cubrir lo que las imágenes estáticas no pueden completar, mientras que al mismo tiempo agrega diversión al diseño en sí.
Ejemplo :
Hablando de DarkKnight, esta aplicación para iOS en benthebodyguard.com le permite asegurar y encriptar información en su sitio web que presenta una animación de recorrido (literalmente) a medida que baja con ‘Ben’ en el medio, el guardaespaldas juró proteger su información con una formidable reputación. Este sitio web ha ejemplificado cómo la animación se puede utilizar de la mejor manera para producir la historia de propósito ideal para un producto.
Traducción del mensaje de diseño
¿No te sorprende cómo un diseño que es simplemente una mezcla de artes visuales y gráficos puede producir empatía dentro de ti? yo se que tengo Nosotros, como humanos, reaccionamos a nuestros sentidos animales tanto como cualquier otro organismo que sea fiel a su naturaleza. Cuando vemos un rompecorazones, hacemos lo programado. Aprovechando esta característica del comportamiento humano, su historia no siempre tiene que ser un murmullo sobre su manifiesto y productos porque eso es probablemente lo que todos los demás propietarios de sitios web tienen en mente en estos días. Cuando agrega un sentido de sentimiento, espíritu y moral, su historia se transforma en un mensaje.
Ejemplo :
Este sitio web everylastdrop.co.uk lo lleva a un viaje de su uso diario de agua en su hogar y alrededores. Leer sobre la cantidad de agua que se desperdicia todos los días es demasiado común y, a menudo, nunca se toma en serio. Este pequeño inocente que usa agua indiscriminadamente en su horario diario no solo destaca la importancia del agua sino que también la pone en contraste con los que más la necesitan en partes difíciles del mundo. Crece tanto en la mente del espectador que probablemente lo pensaría dos veces antes de desperdiciar otra gota de agua la próxima vez.
Usando elementos oscuros
Las novelas son divertidas de leer y con los avances tecnológicos recientes, ahora es necesario que se lean fuera de los libros. Incluso hasta el día de hoy, la gran mayoría de los usuarios en línea prefieren juzgar el libro por su portada que leer el prólogo. Para abordar a estos usuarios en línea y atraerlos al producto, muchos escritores a menudo contratan desarrolladores para crear sitios web dedicados a sus novelas. Un ensayo paso a paso de la novela con secuencias animadas no solo le dará a la historia los fuegos artificiales que necesita, sino que también atrapará al usuario en línea para que la lea.
Ejemplo :
Usando el mismo principio y estructura, el aclamado cuento de Nam Le ‘The Boat’ se convirtió en una novela gráfica interactiva mediante la creación de un mundo de tormentas que asolan el océano obligando a un barco a salir de los terrores de la Guerra de Vietnam. Lo mejor que cualquiera puede hacer en su fiesta de narración de cuentos es agregar sonido a su diseño. Este es el superlativo de la narración animada para adquirir UX. Véalo aquí.
Atractivo y lleno de ilustraciones, es realmente la prueba de lo bien que puede administrar un producto al crear un diseño que se mueve a medida que interactúa con él.
Unificación de desplazamiento a través
En la industria del comercio electrónico, las personas a menudo están interesadas en obtener los beneficios de un producto que se puede usar en múltiples instancias pero por la misma razón. Por un lado, les hace la vida mucho más fácil, y por otro, es parte de la era tecnológica. Pero con tanto que aprender y reconocer sobre una empresa como esta, es muy poco probable que los clientes se arriesguen en algo que tiene implicaciones futuristas y cumple su propósito con demasiada facilidad, lo que lo hace demasiado bueno para ser verdad. He visto empresas que intentaron vender tales productos con demasiado que aceptar y el resultado fue un trágico abandono.
Ejemplo :
Sin embargo, este producto no solo logra vender, sino también cumplir con lo que promete a sus clientes. Este Producto en onlycoin.com es una tarjeta única que contiene todas sus tarjetas de crédito en su interior. El proceso de narración de la historia ayuda al espectador a comprender la complicación de llevar demasiadas tarjetas en la billetera con razonamiento, pero con la visualización gráfica de la optimización de tarjetas paso a paso y el transporte compacto, se vuelve difícil no estar de acuerdo con las aplicaciones prometidas del producto.
Conclusión
La narración de historias no se limita a cualquier producto u objetivo; está abierto a todo tipo de ejercicios de comercio electrónico que ayudan a los visitantes a obtener la UX ideal sin comprometer la funcionalidad del diseño. Aprender a dominar esto para sus propios productos y servicios a través de sitios web de comercio electrónico es imperativo en esta era de marketing electrónico. Sin leer la mentalidad del consumidor, simplemente no puede lanzar su producto, y sin demanda no hay producción. Como dice Tim O’brien, "Contar historias es la actividad humana esencial, cuanto más difícil es la situación, más esencial es", y créeme amigo, la situación nunca se vuelve más fácil.