Contação de histórias interativas e sua aplicação na indústria de web design
Ter o elemento gráfico é a necessidade de todo site hoje em dia. Sem o uso adequado de recursos visuais, você simplesmente não pode transmitir sua mensagem ao visitante, melhor ainda, fazer com que ele abandone seu site.
Os recursos visuais têm o potencial de atingir a mente do espectador e atraí-lo para qualquer coisa que você esteja tentando introduzir, vender ou investir. Para usar os recursos visuais a seu favor e obter tráfego da maneira mais rápida possível, o melhor método para envolver e converter o visitante é por meio da narrativa interativa.
Por que contar histórias?
Eu sei o que deve estar passando pela sua cabeça agora. O que Cinderela ou Rapunzal tem a ver com a experiência visual de um site? Bem, contar histórias não se limita apenas a contos de fadas e franquias da Disney, mas contar histórias é uma maneira eficaz no mix de marketing de qualquer site que pretenda se colocar no topo da competição.
Como criar uma história interativa
É preciso muito planejamento e teste para conectar o design com a história, então, quando você o mostra na página de destino do seu site, não o faz de bobo. Seus visuais não precisam ser uma obra-prima de vários designers e um CGI caro. Você pode contar sua história com um único banner de imagem bem articulado. Porém, o desafio se apresenta quando sua narrativa se cruza com o objetivo do seu site. Sobre o que é o seu site? Qual é o logotipo da sua marca e por que ela está vendendo o que vende? Tudo o que você explica através do visual deve ser único, sem um centímetro de plágio. Deve se tornar tão atraente que, depois de visitar seu site uma vez, as pessoas comecem a compartilhá-lo, falar sobre ele e revisitá-lo novamente.
Como funciona
Existe uma grande disparidade entre um site que tem imagens, gráficos e animação versus uma plataforma centralizada em texto que você chama de site. É impossível julgar as pessoas e antes que você possa ter uma conversa adequada, elas se foram. Elementos multimídia são injetados para evitar isso. Quando um cliente vê um texto simples descrevendo um produto, há um sentimento de compulsão para ler o alfabeto e as palavras da declaração, enquanto uma imagem, vídeo ou animação gráfica é tão fácil de ver quanto de compreender.
Vendendo um grande produto com uma história curta
Uma empresa que vende automóveis tem muito a preencher antes de poder fazer qualquer venda por meio de sua plataforma online. Comprar carros online exige muita coragem do cliente porque grandes somas estão envolvidas. Se o site não chamar a atenção do cliente, não passará de lixo flutuando na Internet. Vender carros, caminhões ou maquinário pesado on-line certos ângulos de marketing para expor os USPs (pontos de venda exclusivos) do produto. Conheço um site de carros que usou a técnica perfeita de contar histórias para mostrar seu toque especial na tela do cliente.
Exemplo :
Lexusls.asia é uma ramificação da Toyota que vende carros de luxo. No site, os designers utilizaram de forma brilhante a rolagem parallax para apresentar o carro com texto suficiente para atrair o visitante. Então, de repente, um pneu rola da direita e mostra algumas outras características interessantes do carro. À medida que você rola para baixo, o site não o solta e, com alguns gráficos interessantes, descreve o objetivo e os benefícios do carro.
linguagem visual
A linguagem visual tem a capacidade de explorar a própria base do design centrado no ser humano. A linguagem visual remonta e mesmo antes de qualquer alfabeto ser inventado, pois as pinturas rupestres eram o meio básico de comunicação. As pinturas rupestres funcionavam como fonte de narrativa, guia para sobreviver e evitar perigos potenciais que faziam parte daquele período. Mais ou menos, os desenhos rupestres são a forma mais antiga de dados visuais.
Sabemos que imagens e vídeos possuem um grande poder comunicativo, como aproveitar esse poder através dos pixels?
Exemplo :
É quando sua própria imaginação vem para jogar. Adicionar imagens e vídeos com o texto de mistura certo para que seu site fale por si.
A Bellroy.com vende suas carteiras de couro com a garantia de maior espaço com designs mais finos. Como eles mostram isso é através de um elegante controle deslizante com imagens HD de uma de suas carteiras contra a outra. À medida que o controle deslizante se move, a história também se move e em 10 imagens a mesma quantidade de cartões é colocada em sua carteira de marca, enquanto deforma a outra carteira mais do que realmente é. Aqui a conclusão é marcante e com moral de sobra.
Projete a história
É bem parecido com escrever uma peça quando você cria uma história visual. Todos os aspectos e elementos da peça estão presentes em seu site e se misturam com tanta intimidade que se fundem completamente com a história que você apresentou. Sua história começa com a configuração que você arranjou, depois avança para o conflito e termina com uma resolução.
Este site, por exemplo, tem um jeito único de pegar o visitante pelo braço e convidar para um baile repleto de emoções e mimos visuais.
Os usuários devem estar bem cientes da história, pois ela os leva ao seu destino. E é aí que o visitante se torna o lead e o lead se torna o cliente. É justo que o produto ou serviço que você planeja apresentar por meio do processo de contar histórias tenha algo que o usuário precise, uma funcionalidade única ou uma margem de preço que o cliente esteja procurando.
Exemplo :
Bagigia.com primeiro oferece ao visitante uma introdução do varejista, seguida por uma imagem 3D simples, porém profunda, do próprio produto com texto emocional para manter a história fluindo. O amplo espaçamento em branco no design ajuda o usuário a se concentrar, pois o produto se destaca no centro, trazendo a história para a ação e para a resolução.
Usando histórias animadas a seu favor
É verdade. A animação do site foi vítima de uso excessivo sem qualquer consideração por convenções ou padrões e essa é a principal razão por trás de sua queda nos últimos 5 anos. Ironicamente, muito poucos designers sabem como o uso de animação inteligente e pontual pode transformar sua história em um filme do Cavaleiro das Trevas. A animação é construída para cobrir o que as imagens estáticas não podem completar e, ao mesmo tempo, adicionar diversão ao próprio design.
Exemplo :
Falando em DarkKnight, este aplicativo para iOS em benthebodyguard.com permite que você proteja e criptografe informações em seu site que apresenta uma animação passo a passo (literalmente) enquanto você desce com ‘Ben’ no meio, o guarda-costas que jurou proteger suas informações com uma reputação formidável. Este site exemplificou como a animação pode ser usada da melhor forma possível para produzir a história de propósito ideal para um produto.
Traduzindo mensagem de design
Não é uma surpresa para você como um design que é simplesmente uma mistura de artes visuais e gráficos pode produzir empatia dentro de você? Eu sei que tenho. Nós, como humanos, reagimos aos nossos sentidos animais tanto quanto qualquer outro organismo que seja fiel à sua natureza. Quando vemos um galã – fazemos como programado. Aproveitando essa característica do comportamento humano, sua história nem sempre precisa ser um buzz kill sobre seu manifesto e produtos, porque provavelmente é isso que todos os outros proprietários de sites têm em mente atualmente. Quando você adiciona um senso de sentimento, espírito e moral, sua história se transforma em uma mensagem.
Exemplo :
Este site everylastdrop.co.uk leva você a uma jornada de uso diário da água em sua casa e arredores. Ler sobre os fatos de quanta água é desperdiçada todos os dias é muito comum e muitas vezes nunca é levado a sério. Este carinha inocente que usa água indiscriminadamente em sua rotina diária não apenas destaca a importância da água, mas também a coloca em contraste com aqueles que mais precisam dela em partes difíceis do mundo. Cresce tanto na mente do espectador que ele provavelmente pensaria duas vezes antes de desperdiçar outra gota de água na próxima vez.
Usando elementos escuros
Os romances são divertidos de ler e, com as recentes escaladas tecnológicas, agora é necessário que sejam lidos nos livros. Até hoje, a grande maioria dos usuários online ainda prefere julgar o livro pela capa do que realmente ler o prólogo. Para lidar com esses usuários on-line e atraí-los para o produto, muitos escritores costumam contratar desenvolvedores para criar sites dedicados a seus romances. Um ensaio passo a passo do romance com sequências animadas não apenas dará à história os fogos de artifício de que ela precisa, mas também atrairá o usuário online para a leitura.
Exemplo :
Usando o mesmo princípio e estrutura, o aclamado conto de Nam Le, ‘The Boat’, foi convertido em uma história em quadrinhos interativa, criando um mundo de tempestades devastando o oceano, forçando um barco dos terrores da Guerra do Vietnã. A melhor coisa que qualquer um pode fazer em sua festa de contar histórias é adicionar som ao seu design. Esse é o superlativo de contar histórias animadas para adquirir UX. Veja aqui.
Envolvente e cheio de ilustrações, é realmente a prova de quão bem você pode gerenciar um produto criando um design que se move conforme você interage com ele.
Unificação da rolagem
No setor de comércio eletrônico, as pessoas geralmente estão interessadas em obter os benefícios de um produto que pode ser usado em várias instâncias, mas pelo mesmo motivo. Por um lado, torna a vida deles muito mais fácil e, por outro, faz parte da era tecnológica. Mas com tanto a aprender e reconhecer sobre um empreendimento como este, é muito menos provável que os clientes arrisquem algo que tem implicações futurísticas e serve ao seu propósito com muita facilidade, tornando-o bom demais para ser verdade. Já vi empresas que tentaram vender tais produtos com muito a concordar e o resultado foi um abandono trágico.
Exemplo :
No entanto, este produto não só consegue vender, como também cumpre o que promete aos seus clientes. Este produto em onlycoin.com é um cartão único que contém todos os seus cartões de crédito. O processo de contar histórias ajuda o espectador a entender a complicação de carregar muitos cartões em sua carteira com raciocínio, mas com a exibição gráfica da otimização passo a passo do cartão e transporte compacto, torna-se difícil discordar das aplicações prometidas do produto.
Conclusão
Contar histórias não se limita apenas a qualquer produto ou objetivo; está aberto a todos os tipos de exercícios de comércio eletrônico que ajudam os visitantes a obter o UX ideal sem comprometer a funcionalidade do design. Aprender a dominar isso para seus próprios produtos e serviços por meio de sites de comércio eletrônico é fundamental nesta era do marketing eletrônico. Sem ler a mentalidade do consumidor, você simplesmente não pode lançar seu produto e, sem demanda, não há produção. Como diz Tim O’brien, “Contar histórias é a atividade humana essencial, quanto mais difícil a situação, mais essencial ela é", e confie em mim, amigo, a situação nunca fica mais fácil.