Contar histórias é virtualmente tão antigo quanto a própria raça humana. Desde que os seres humanos podiam falar, eles usavam a narrativa como uma maneira de comunicar idéias, lições e conceitos. Web design tem tudo a ver com a comunicação de ideias e conceitos, e é por isso que contar histórias na Web é a maneira perfeita de envolver os usuários.
À medida que os web designers se tornam mais criativos e procuram novas maneiras de melhorar a experiência do usuário, eles estão cada vez mais recorrendo à narrativa em seus projetos.
Quando os designers incorporam a narração de histórias em um site, eles também estão atraindo o usuário de forma mais eficiente, o que contribui para uma experiência mais envolvente. O storytelling pode assumir a forma e a forma de muitos dispositivos diferentes, e vários tipos de sites estão entrando na tendência da narrativa.
Atualmente, as mídias sociais e o design da web estão cada vez mais integrados. A maioria das empresas e publicações na Internet tem todos os seus botões de mídia social dispostos em todas as páginas, tornando as ações e a publicidade mais fáceis do que nunca. A mídia social incentiva os usuários que se apaixonam pela marca a se conectarem com o produto ou serviço com mais eficiência do que nunca.
As mídias sociais podem se tornar uma ótima maneira de comercializar através de narrativas. Você pode contar a história da sua marca para seu público cativo de clientes / usuários fiéis. A mídia social depende de várias maneiras de contar a história de uma marca com paixão, propósito e campanha publicitária.
Levar Página do Facebook de Tommy Hilfiger . Este epítome da moda preparativa americana clássica tem mais de 8,7 milhões de seguidores, conforme representado pelos gostos na página. Esses seguidores são o público instantâneo para o qual a marca pode contar sua história. A Hilfiger compartilha constantemente notícias de seus lançamentos de design, parcerias de celebridades e eventos promocionais com seus seguidores. A marca também usa fotos e vídeos para tornar sua história mais envolvente para a comunidade.
Às vezes, a narrativa pode ser efetivamente alcançada pelo uso direto e despretensioso das imagens. Há o velho ditado sobre como uma imagem vale mais que mil palavras, afinal. Isso faz muito sentido quando você pensa sobre isso, porque uma imagem é fácil de absorver, então uma mensagem pode ser comunicada de forma muito eficiente.
Página de inscrição do LinkedIn ilustra isso para um tee. Primeiro de tudo, note como há pouca cópia em toda a página! Isto é obviamente feito de propósito para permitir que o grupo de imagens de indivíduos (muito diversos) cumprimente o usuário do site.
Apenas observando a caixa de fotos, você já pode ter uma boa impressão do que é o LinkedIn: é realmente para todos. As fotos mostram homens e mulheres de várias origens étnicas (mesmo que não incluam pessoas mais velhas) com alegria e confiança, sorrindo devido à experiência no LinkedIn. Qualquer um que não esteja familiarizado com o site de redes sociais entende imediatamente que pessoas de todo o planeta usam o site para fazer networking e fazer negócios.
Ilustrações ou desenhos podem trabalhar o mesmo tipo de mágica que as fotografias têm. Eles também são ajudantes visuais que facilitam para o visitante do site entender a história que uma marca está tentando contar. As ilustrações podem ser de duas maneiras: a rota abstrata ou a rota mais realista. Nós vamos olhar para o último tipo.
No website do Evernote Web Clipper , você notará três blocos de ilustrações da esquerda para a direita. Sim, os blocos de ilustrações são acompanhados de texto prático na parte inferior para ajudar a explicar como o Web Clipper funciona, mas disse que as ilustrações trazem à vida, quase como um livro de histórias, como será o fluxo do usuário.
Como resultado, ninguém fica imaginando que eles podem usar o Web Clipper para coletar e acessar vários elementos da Internet sempre que quiserem e de onde quiserem.
Não é de surpreender que as palavras usadas na cópia do site sejam excepcionalmente potentes em grandes histórias. Faz um mundo de sentido quando você considera que as palavras são o coração da grande narrativa, e tem sido assim desde que o homem colocou a caneta no papel.
Um site que exemplifica como a cópia pode ser usada para contar uma história cativante é O olho do turista . O Tourist Eye conta com uma cópia envolvente e envolvente para informar imediatamente os usuários sobre o que receberão em troca do uso de seu serviço. Direto ao ponto, a cópia do site deixa muito claro que você pode encontrar uma série de idéias e dicas para coisas que você quer fazer - em grandes viagens e pequenas fugas iguais.
Em seguida, à medida que o usuário rola a página, a cópia o conduz pelos recursos e opções adicionais disponíveis. Estes incluem a oportunidade útil e desejável de criar listas de desejos e uma chance de obter o Tourist Eye no seu celular como um aplicativo.
Quando se trata de cômico e amável, as mascotes têm a vantagem. As empresas sabem que as mascotes são uma maneira fácil de se agradar aos clientes e também ajudam uma marca a contar sua história de maneira humorística, acessível e de conversação. Tome MailChimp, por exemplo.
Tem um mascote bem famoso com o nome de Freddie que faz um bom trabalho na narrativa, comunicando a filosofia corporativa da empresa. A empresa adota uma abordagem leve e não séria aos negócios e à vida em geral, o que é facilmente visto nas representações de Freddie sobre tudo relacionado ao MailChimp.
Seja Freddie apenas sorrindo, piscando ou com um lápis no ouvido (e sorrindo amplamente), você sabe que a marca está transmitindo seu estilo realista aos personagens. Este mascote pode ser visto em quase todas as páginas de MailChimp , de um jeito, forma ou forma.
Rolagem de paralaxe já existe há alguns anos, e ainda é apenas moda. É provavelmente a maneira mais fácil através da qual demonstrar como eficaz storytelling em web design pode ser. Isso porque a natureza da rolagem de um site é dada apenas para revelar mais e mais camadas de informação (leia-se: contar histórias), quase como descascar as camadas subseqüentes de pele de uma cebola (menos as lágrimas, é claro).
Tome o exemplo de The Royal British Legion - Siga o site do Poppy . Ele fornece aos visitantes curiosos do site informações vitais sobre como as doações à Legião Britânica Real são gastas - menino, elas são sempre bem gastas. Através de histórias interessantes e vibrantes enquanto você rola para baixo, você consegue ver os numerosos e úteis serviços que a Legião oferece. Isso inclui ajudar as famílias militares britânicas (com exemplos específicos de famílias reais) e ajuda na carreira para os veteranos que deixam o serviço para tentarem algo diferente.
Personalidade começou a incluir um elemento cada vez mais vital no design da web contemporânea. É especialmente potente e poderoso para ajudar empresas e marcas a se humanizarem, conectando-se em um nível mais pessoal aos visitantes, fãs e compradores do site. Tudo isso equivale a mais pessoas querendo comprar, de modo que lucros maiores também acontecem naturalmente.
A personalidade permite que sua marca conte uma ótima história também. Tome o exemplo de Realocação de animais de estimação . Na seção Equipe do site, todos os funcionários são destacados, mas está longe de ser uma típica sobre a página! Todos os funcionários (e alguns de seus cães também) são mostrados sorrindo amplamente, mas quando você passa o cursor em cada foto, você recebe uma surpresa de bônus: uma pose boba / cheia de atitude de cada funcionário. Isso diz aos visitantes do site o quão casual e descontraída é a cultura corporativa da Pet Relocation.
Contar histórias tem sido com a raça humana desde o início, os humanos primitivos ainda estavam comendo sua carne crua e desenhando nas paredes das cavernas. É porque é uma maneira poderosa e eficaz de transmitir as coisas. Não é de surpreender que, finalmente, essa técnica esteja se tornando realidade no mundo do design da web.
Quanto mais marcas e empresas perceberem como essa abordagem é atraente, mais você verá o design do site após o design do site que incorpora essa técnica.