Visual Storytelling: Projetando para a Web em um formato não linear

Contar uma boa história não é tão simples como costumava ser. Ao mesmo tempo, tudo o que você precisava fazer era adotar algumas vozes bobas para os diferentes personagens, adicionar um toque dramático aqui e ali e BOOM. Você tem um fio divertido para as idades. Hoje em dia, você precisa incluir uma apresentação multimídia repleta de imagens correspondentes e atraentes.

É uma má notícia se você é um pai tentando fazer seus filhos dormirem. Para web designers, no entanto, é o começo de um futuro belíssimo.

Substância antes do projeto

Você pode criar uma obra-prima visual, uma infinidade de deleites panorâmicos para os olhos, mas se não fizer sentido, então é simplesmente... inútil.

A ideia por trás do web design, em relação à narrativa, não é ofuscar sua mensagem com visuais chamativos e impressionantes. É criar uma coabitação de histórias e pontos turísticos que se complementam e se aprimoram.

Para conseguir isso, você tem que começar com a história. Portanto, antes mesmo de considerar que tipo de iconografia, simbolismo ou imagem você deseja em seu site, comece criando uma narrativa eficaz para sua marca.

Qual é a moral da sua história? O que você está oferecendo e onde seus clientes se encaixam no enredo que você está criando? Faça a si mesmo essas perguntas e siga em frente a partir daí.

Narrativas visuais não lineares

Embora seja importante observar que cada elemento do seu site deve aderir a um tema abrangente, você também deseja que cada elemento seja independente. Como você nunca sabe em qual página do seu site um visitante pode chegar, é importante que eles possam se orientar na história que você está contando.

Para gerenciar isso, você precisa fornecer dicas de orientação de conteúdo. Em outras palavras, marcadores que ajudarão seus visitantes a entender onde eles estão e o que o conteúdo que eles estão vendo tem a ver com sua marca em geral. Você pode fazer isso com seu texto principal em cada página, mas também com todos os pedaços menores de texto. Coisas como:

• Os URLs
• Títulos
• Rótulos de navegação
• Hiperlinks
• E o texto do botão

Ser descritivo em cada área do seu site ajudará seus visitantes a sentir a narrativa da sua marca, independentemente de qual parte da história eles começam.

Elementos da narrativa visual

As imagens são essenciais para a narrativa visual, e você precisa ter certeza de que possui uma plataforma de web design compatível com todas as suas ideias criativas. Afinal, não há como pintar uma obra-prima sem uma tela adequada.

A maneira como você usa imagens em seu web design é quase ilimitada em variabilidade, e isso as torna muito mais interessantes como consequência. Você pode usar dicas visuais para direcionar a atenção, como um dedo apontando ou uma fotografia de uma pessoa olhando em uma determinada direção. Ou um símbolo para exibir um tema universalmente reconhecido. Um exemplo disso seria o escudo “S” do Superman como símbolo de heroísmo.

Você também pode usar imagens icônicas, que talvez não seja a definição com a qual você esteja acostumado: ter um estilo de fórmula fixo. Icônico neste caso significa que se parece com o que está representando. Um glifo para o banheiro masculino no aeroporto é uma imagem icônica. Do icônico ao mundano, há muitas opções diferentes para um contador de histórias visual escolher.

Os elementos fundamentais da narrativa visual vão além das imagens. Você pode usar formas únicas ou ecléticas de tipografia para separar certas seções do seu texto. Você pode até decidir que deseja que seu site inteiro em uma fonte incomum exiba seu apelo moderno. Apenas fique longe da Comic Sans. Você atrairá uma resposta indesejável.

Contando a história

Existem três diretrizes principais ao tentar contar uma história visual em seu web design:

1. Entendendo seu público

Sua compreensão do seu público deve informar sua narrativa. Na verdade, deve ser sua influência orientadora. Com quem você está falando? O que eles precisam? Como você vai fornecer isso para eles? Estas são as perguntas que você deve fazer ao fazer escolhas visuais para o seu site.

Por exemplo, você está promovendo uma oferta com data de validade? Nesse caso, é uma boa ideia exibir imagens que transmitam um senso de urgência. O vermelho é uma cor impulsiva para destacar o negócio, e as imagens de um relógio tiquetaqueando podem ser um simbolismo eficaz para tal ocasião.

Na mesma linha de pensamento, é importante entender seu público para que você possa mantê-los mais atentos e engajados. A experiência do usuário é a preocupação número um para os proprietários de sites de hoje. Portanto, mantenha-o atraente, mas, mais importante, torne-o interativo. Se um visitante puder ser seu próprio narrador nessa narrativa visual, ele terá duas vezes mais chances de se tornar um seguidor, assinante ou cliente.

2. Objetivos claramente definidos para sua história

Isso remonta à sua moral, embora seja um pouco diferente. Sua narrativa visual deve estar se movendo em direção a um resultado final. Mesmo que esteja fazendo isso de forma não linear. O resultado final, na configuração do eCommerce, deve ser a conversão. Se o seu site foi projetado para atrair receita de publicidade devido ao alto volume de tráfego de visitantes, seu objetivo deve ser informar e entreter.

Não se satisfaça em simplesmente ter um site para ser um aficionado de alta tecnologia. Inclua uma direção significativa em sua narrativa visual.

3. Significado conciso e lúcido para seus recursos visuais

Toda essa conversa terminará em bobagens e bobagens, a menos que você escolha imagens cuidadosamente correlacionadas para acompanhar sua mensagem. Não é suficiente lançar imagens impressionantes em uma página da web por si só. Você precisa incluir imagens que adicionam ou se conectam à sua narrativa. Isso significa ficar longe de qualquer coisa muito abstrata. A menos, é claro, que você esteja vendendo arte surrealista. Então abstrato faz muito sentido para você.

Para ser mais claro, cada escolha estética que você faz em seu site deve ser cuidadosamente considerada em relação à história que você deseja contar. Para ir ainda mais longe, ele deve estar relacionado à impressão que você deseja dar nesse segmento específico de sua história.

Por exemplo, um assunto sério requer imagens rígidas e severas. Cores mais escuras e suaves, juntamente com fontes de estilo Helvetica, seriam apropriadas. Um site feito para humor deve apresentar fotos bobas, gatos costumam ser uma boa escolha.

Concluindo

Contar histórias é a forma mais antiga de entretenimento e ainda é a mais popular. Os métodos ficaram mais avançados, mas os elementos temáticos permanecem os mesmos. Leve o seu tempo enquanto desenvolve sua narrativa online e certifique-se de fazê-la brilhar com visuais inesperados.