Um site é mais do que apenas um local para armazenar informações sobre seu aplicativo, portfólio ou produtos. Deve contar uma história para envolver e encantar os usuários. (Esse é um dos principais elementos que os ajudará a ficar por perto.)

Embora uma boa história possa começar com uma ideia em caneta e papel, ela ganha vida graças ao design.

1. Envolver-se com imagens

O design deve envolver visualmente o usuário. Comece com visuais limpos e claros. Fotos estelares, ilustrações interessantes ou vídeos que vão ajudar a chamar a atenção e causar uma primeira impressão.

Mas o conceito de “show, don't tell” não pára por aí.

A história deve ser preenchida com imagens, tanto visualmente através de técnicas de design e com as palavras na tela. Desenvolva uma paleta de cores que mostre a história que você está contando, com elementos que levam os usuários a concluir uma meta ou tarefa no design. Uma boa história ajudará os usuários principais ao longo do caminho. O design deve ser uma correspondência visual óbvia.

café

2. Desenvolva um personagem

No design do site, falamos muito sobre as personas do usuário. É uma parte fundamental do processo de desenvolvimento. Leve-o para o próximo nível com um personagem em sua história que os usuários possam identificar e identificar.

O personagem pode ser real e viajar por todo o design, ou pode ser percebido como uma voz no conteúdo.

Um ótimo exemplo de desenvolvimento de personagens é da plataforma de email, MailChimp. Freddie, o mascote e logotipo dos desenhos animados da empresa, aparece em todo o design, no blog e nas promoções. O personagem faz algumas coisas para a empresa:

  • Primeiro, o personagem ajuda a esclarecer o nome da empresa. Como imitado em uma campanha publicitária generalizada, houve alguma confusão sobre "MailChimp". Ver um chimpanzé ao lado das palavras pode deixar isso mais claro.
  • O personagem ajuda a mostrar a natureza divertida que a empresa retrata. O tom e o visual são leves e simples.
  • Freddie fornece à empresa uma história quando eles não têm muitas outras coisas para falar em aspectos promocionais. Como o chimpanzé veio a ser? de onde veio o nome dele? e assim por diante. O personagem ajuda a manter a história da empresa atualizada e avançando.
chimpanzé

3. Convide a Participação

Adicione valor ao design com elementos interativos emparelhados com ações comuns. Acrescente toques de animação aos botões que os usuários precisam observar ou ajude a direcionar o olho para certos elementos com dicas direcionais, como setas ou imagens que “inclinam-se” para um elemento interativo.

Considere outros efeitos que possam manter os usuários envolvidos com a história. A rolagem de paralaxe, por exemplo, é uma maneira altamente envolvente de ajudar a estimular o movimento na tela. Essa é uma das razões pelas quais essa técnica é tão popular.

Uma boa história não precisa ser complexa. Humaan avança sua história com animações simples emparelhadas com fotos da equipe para ajudá-lo a conhecer as pessoas por trás da empresa. É simples e eficaz. (Observe também a fotografia da equipe. Poses divertidas e expressões faciais deixam o personagem de cada membro da equipe brilhar.)

humaan

4. Projetar um jogo

Uma das partes mais difíceis de contar uma história é realmente desenvolvê-la. Se você não sabe por onde começar, um jogo simples pode ajudá-lo a se concentrar e até mesmo fornecer uma avenida divertida para os usuários.

O truque para adicionar um jogo ao design é mantê-lo simples, curto e fornecer algum tipo de recompensa pelo esforço, como um código de cupom ou um crachá virtual.

Não tem que ser o estilo de jogo Pokemon que você provavelmente está pensando. Considere o Dropbox. Obter espaço extra na sua conta de armazenamento em nuvem é o objetivo de muitos usuários. Convidar outras pessoas para usar o Dropbox, fazer login a partir de vários dispositivos e conectar contas de e-mail estão entre as ferramentas de gamificação que a empresa usa para oferecer mais armazenamento aos usuários. O jogo é simples, há recompensas para o sucesso e ajudou a criar uma equipe de leais usuários do Dropbox.

Para usuários que não querem jogar o jogo ou podem completar tarefas suficientes, o Dropbox oferece um plano pago para avançar e vencer imediatamente. (Esse é o outro truque para uma história no estilo de jogo; os usuários devem ser capazes de vencer.)

Dropbox

5. Faça Microinteractions significativo

Pense nos elementos minúsculos no design com os quais os usuários interagirão. Os sites de mídia social, em especial, geram muito envolvimento, porque criam experiências simples com microinterações.

Como uma atualização, as microinterações são pequenos momentos em que um usuário se envolve com um design. Toda vez que você alterar uma configuração, envie uma mensagem, faça o login ou goste de um status que você presenciou uma microinteração. De clicar no coração do Instagram (e vê-lo ficar vermelho) ao tocar para retweetar, esses loops de feedback são o que mantém os usuários voltando.

Microinterações significativas criam uma demanda pelo design. Ele adiciona um nível de função para os usuários que faz a experiência geral valer a pena.

Microinteractions também fazem um design útil ou desejado. Conecte esses momentos aos principais objetivos do seu site. Pode ser qualquer coisa, desde permitir que os usuários compartilhem um produto que acabaram de comprar até adicionar algo a uma lista de desejos para se inscrever em um alerta.

robô

6. Crie uma narrativa

Toda história tem começo, meio e fim.

Se o design do seu site não representar o fluxo dessa história, os usuários poderão ficar confusos ou perdidos. Aqui está a mais simples das fórmulas:

  • Início: logotipo e título. Permita que os usuários saibam quem você é e por que eles estão em seu website.
  • Meio: Toda a narrativa de apoio que faz você especial. O que você pode fazer para as pessoas que estão no seu site? O que eles deveriam esperar?
  • Fim: um apelo óbvio à ação, como um formulário, capacidade de fazer uma compra ou link para outra coisa.
fera

7. Mantenha o enredo simples

Isso pode soar contra o conselho do nº 6, mas a história precisa ser simples. Este não é um volume de 1.500 páginas. Um enredo simples é aquele que você poderia explicar em 5 segundos ou menos.

A história deve atrair os usuários imediatamente, deixar uma impressão e fazê-los querer retornar. Sim, você pode fazer isso com começo, meio e fim.

Upstream faz isso tudo na página inicial - os usuários podem rolar para mais do "meio" da história, mas há um vislumbre de todas as três partes na página inicial. O visual e o texto contam uma história de necessidade e ajudam as pessoas com o Upstream a ajudar. Há um botão "envolver-se" na tela e o visual é tão impressionante que você quer ajudar.

A história é simples e eficaz. Os usuários são mais propensos a lembrar ... e você.

acima

Conclusão

Quando você está criando uma história, a coisa mais importante a lembrar é que sua história deve ser sua. Não tente ser algo que você não é. Os usuários são mais propensos a se conectar com a autenticidade do que com uma narrativa inventada.