Por que uma narrativa digital excepcional supera um design excepcionalmente bom

Os recursos visuais são altamente importantes no mundo do design digital. Veja, por exemplo, a foto de uma mãe e seu bebê brincando ao ar livre com sorrisos no rosto, orgulhosamente exibida no site de um fabricante de brinquedos infantis.

Pense na foto de um grupo de profissionais de negócios em uma sala de reuniões para um outdoor de uma solução de conferência que chamou sua atenção enquanto você dirigia na rodovia. Mesmo o menor logotipo no rótulo do laticínio que você comprou na mercearia do bairro é um produto de um designer gráfico.

Fotos e gráficos são usados ​​para contar histórias o tempo todo, mas os designers às vezes esquecem que não importa o quão incríveis sejam seus sites ou gráficos, o público sempre estará procurando a história por trás deles. Um bom design digital sempre lhe dirá o “o quê”.

Dê ao seu público algo para ver, mas também tenha algo a dizer.

A essa altura, você deve estar se perguntando: “Sou designer. Os escritores não deveriam contar a história?” Se você ainda não percebeu, contar histórias é mais do que apenas escrever uma cópia ou redigir um longo artigo sobre um produto ou serviço. Seus visuais também precisam de uma história. Pense no homem heróico que salva um cachorro de ser atropelado por um veículo em movimento em uma rua movimentada. Ou imagine um pai ensinando seu filho a andar de bicicleta, observando enquanto a criança passa voando alegremente. São pequenos momentos em que as pessoas se envolvem em uma determinada ação, que gera impacto.

Eles dizem que a mídia só tem valor quando usada para complementar um conteúdo valioso. Como designers, você precisa ser capaz de contar uma história ou transmitir uma ideia a cada saída. Imagens, gráficos e tipografia são formas muito criativas de transmitir uma mensagem; mas com cada mensagem, você tem que ter algo a dizer. Não crie apenas para impressionar; criar para expressar.

Estorifique seu projeto.

Antes de começar com seu design, certifique-se de ter uma história por trás. Por que você está fazendo isso? Qual o sentido de compartilhar isso? Brainstorm se você deve. Associe palavras – substantivos, verbos e adjetivos ao seu projeto. Algo comum surgirá; esta poderia muito bem ser a sua história de design.

Um exemplo especialmente bom é a direção que a TOMS, uma popular empresa de calçados com fins lucrativos com sede na Califórnia, adotou em sua marca. Não havia nada de especial em sua linha inicial de produtos; eles acabaram de fazer uma ramificação dos sapatos simples de lona famosos na América do Sul chamados alpargatas. Mas é aqui que se torna interessante. Enquanto fazia trabalho voluntário, o fundador Blake Mycoskie notou que muitas das crianças não tinham sapatos. Quando Blake deu o pontapé inicial, ele decidiu que, para cada par vendido, forneceria um novo par para outro jovem de um país em desenvolvimento, ou o que agora é conhecido como modelo de negócios “um por um”.

Por causa dessa grande história, a palavra sobre a marca se espalhou como fogo através do boca a boca e da mídia social. Em particular, essa história se reflete no site de calçados da TOMS. Muitas das imagens no site destacam qual é a história da empresa, em vez de colocar os produtos reais que eles oferecem na frente e no centro. Como resultado, eles são capazes de se conectar aos sentidos do público e transmitir uma história que ressoa.

Outro bom uso da narrativa no design é o unicórnio do transporte, o Uber. No início, a história é bastante clara. O transporte público é uma merda. Você não sabe quando tem atraso, não sabe se vai conseguir rodar confortavelmente e aí tem que pagar em dinheiro. Embora a empresa tenha enfrentado vários problemas sérios, seu número de passageiros em todo o mundo deixou bem claro que o Uber funciona e faz seu trabalho de maneira excelente como um serviço de transporte alternativo sob demanda.

A interface do usuário do aplicativo aborda todos os pontos problemáticos do motociclista regular. Onde exatamente está localizado o passeio agora? Quanto tempo levará para o carro chegar no local do passageiro? Quanto o piloto vai pagar? Qual é o número do motorista se ele precisar ser contatado? Todos os detalhes vitais que o motociclista precisa são mostrados no aplicativo de maneira sistemática. Até o site da Uber diz muito sobre o impulso da empresa. Cada gráfico, ícone e até as fontes gritam “agradável” e “fácil”.

Contar histórias por meio do design envolve processos sistemáticos.

Como qualquer coisa construída à mão (e mentalmente), o design eficaz precisa seguir certos processos. Tomemos, por exemplo, o processo de criação de um site. Você constrói storyboards antes mesmo de começar a criar maquetes ou wireframes. Cada parte da sua história deve conter uma interação, por exemplo, o que acontecerá quando o usuário clicar em algo ou rolar para baixo e assim por diante.

Braden Kowitz, um conhecido designer de experiência do usuário, sugere a criação de uma série de casos de uso narrativos para o seu produto que ilustram cada etapa da jornada do usuário. Ele chama isso de processo de design centrado na história. Com isso, você pode simular a experiência do usuário e identificar todos os resultados possíveis e, como resultado, suas decisões de design serão totalmente baseadas em como as pessoas escolhem usar seu produto.

Isso contrasta fortemente com um design centrado na tela, no qual você está apresentando ou criando um passo a passo de uma interface do usuário enquanto mostra um projeto. Mostrar blueprints significa que você está apenas enumerando como cada elemento se enquadra no plano. “O problema é que”, diz Kowitz, “quando os projetos são apresentados dessa maneira, você está apenas construindo uma compreensão de como o produto se parece. Você não está focando em como o produto funciona e não está simulando como os clientes interagem com ele.”

Kowitz também sugere o uso de ferramentas como Adobe Fireworks e programas de screencast ao renderizar suas histórias, além do software de design visual usual Adobe Photoshop e Adobe Illustrator. Não crie para a web apenas projetando telas individuais.

Ao praticar a adoção dessa disciplina, seu processo de design será muito mais fácil. Você também pode destacar erros de design que muitas vezes passam despercebidos. Você também pode saber se está ou não atingindo suas metas de design à medida que avança. Além disso, você poderá trabalhar mais rápido quando tiver todas as partes do processo cobertas ou resolvidas.

A maneira como você conta sua história de design também é importante.

Em todo projeto de design, primeiro você precisa preparar o cenário para sua história. Fundos e humores importam tanto quanto sua mensagem real e os resultados desejados. Como sua história vai impactar?

• Insira uma história pessoal. Você precisa ser capaz de apelar para os sentidos do seu público. Se isso é difícil para você, você precisa encontrar uma maneira de incorporar o público à sua história. As pessoas precisam ser capazes de se relacionar com seus pontos problemáticos para que possam agir.
• Diga o inesperado. Não faça um usuário dizer: “Já vi isso muitas vezes. Por que eu deveria acreditar nisso?” Não deixe seu público ficar cético. Ganhe a atenção deles fazendo algo novo. Não vá com cópia estereotipada ou gráficos ou sons muito familiares.
• Desafie a sabedoria convencional. Quem sabia que esses emojis minúsculos podem ser melhorados? Eles fazem parte da cultura de mensagens de texto e mensagens há tanto tempo, mas hoje você pode até anexar versões em movimento deles como objetos em vídeos. A atenção das pessoas diminui a cada minuto, então, como designer, você deve constantemente encontrar maneiras de melhorar até mesmo as coisas mais simples e mais usadas para evitar que se tornem entediantes.
• Prenda-os com novidades. Apresente algo novo a cada história. Inclua dados para validar suas reivindicações. Você já se perguntou por que seu cérebro anseia por infográficos? As pessoas levam mais tempo para processar novas informações apresentadas a elas. Com os infográficos, as pessoas podem processar símbolos e números em questão de milissegundos e atribuir significado a eles imediatamente. Eles são fáceis de digerir e extremamente envolventes.
• Faça perguntas provocativas. Histórias de design bem-sucedidas obrigarão seu público a agir. Sempre faça seus prospects ou clientes pensarem. O que está em jogo? O que acontece depois? Dessa forma, você fará sua história ficar.

Alguns exemplos fantásticos para seguir sua sugestão.

Agora que você sabe por que uma boa narrativa é importante e o que implica uma boa narrativa, é hora de explorar mais bons exemplos de narrativa visual convincente.

1 Bellroy – Emagreça Sua Carteira

Emagreça sua carteira. Fonte

Este é um exemplo muito bom de uma história de design bem feita. Ele apresenta um problema já existente (neste caso, carteiras gordas) e mostra como o produto resolverá seu problema, lado a lado. Há também uma breve instrução do que o usuário deve fazer: “Mova o controle deslizante para comparar carteiras”. Frase simples, mas tão precisa. Nem sempre assuma que alguém que visita seu site saberá automaticamente o que fazer.

2 Atlassian – Perda de tempo no trabalho

Perda de tempo no trabalho. Fonte

O infográfico interativo da Atlassian agarra você pelo pulso com este fato enervante: você perde muito tempo no trabalho. Em seguida, apresenta estatísticas para respaldar essa afirmação. Apesar de ser uma informação completamente nova, é um tema bem chato. O que o torna eficaz é que é apresentado de forma interativa e repleta de cores, ao mesmo tempo em que transmite um senso de profissionalismo. A cor chama a atenção e ajuda a enfatizar informações críticas.

3 Slack – Menção da NASA na página inicial

Menção da NASA na página inicial. Fonte

Por um tempo, o aplicativo de mensagens e produtividade no local de trabalho Slack teve uma inclusão muito inteligente em sua página inicial. Eles apresentaram o Laboratório de Propulsão a Jato da NASA, um cliente valioso, com a cópia: “Um aplicativo de mensagens para equipes que colocam robôs em Marte!!” junto com uma foto de Marte como a imagem do herói. Essa é uma história em si. O Slack claramente quer sugerir que o produto é bom o suficiente para sua equipe porque até os cientistas da NASA o usam. Ao projetar um produto, você precisa ser imediatamente capaz de oferecer uma proposta de valor com apenas um olhar. Diga ao público por que você se destaca sem prometer demais o que vai entregar.

4 Twoodie – Brinquedos de madeira orgânica para bebês

Brinquedos de madeira orgânicos para bebês. Fonte

Não são os aspectos técnicos do site que o atrairão, mas a narrativa que acompanha as imagens do site. Para destacar o que eles oferecem, tudo está em tons de cinza, exceto os brinquedos reais. Isso evoca um sentimento de pureza e simplicidade. O espectador é feito para manter a promessa de que a marca é totalmente sustentável, segura e orgânica com designs bem pensados.

Os visuais sempre serão a essência do design. No entanto, a narrativa imersiva também é igualmente essencial, por isso vale a pena pensar na história que você deseja contar. Faça questão de incluir isso em seu processo de design e conecte essa história interessante a seus designs, cores, imagens, fontes e efeitos. Depois de terminar, avalie se a história funciona ou não ou se deixa um impacto duradouro. Certifique-se de que seu design se conecte aos sentidos, crie novas experiências e gere resultados duradouros.