Design Ux
Projete uma página inicial melhor com a estrutura StoryBrand
As páginas iniciais são como vitrines. Eles devem dar ao consumidor uma ideia do que a empresa faz, quem está dirigindo a empresa, e pelo menos uma dica dos produtos e serviços que ela oferece, sejam eles itens reais para venda, informação ou entretenimento.
Assim como a vitrine de uma loja, os designs da página inicial podem motivar as pessoas a olhar mais fundo ou podem falhar em capturar a atenção do visitante (ou pior, afastá-lo ativamente) Transmitindo claramente um história da marca é um método Designers de UX pode usar para manter as pessoas no site e engajadas o suficiente para explorar além da página inicial (a estrutura da StoryBrand fornece um bom roteiro para isso).
Qual é o objetivo de uma página inicial?
PARA página de destino O objetivo é converter visitantes, enquanto um páginas iniciais O objetivo é engajar os visitantes com a marca e oferecer soluções para seus problemas. Se feito de forma eficaz, um visitante da página inicial pode se transformar em um cliente - potencialmente um cliente recorrente.
As homepages melhoraram rapidamente nas últimas décadas graças à análise e às equipes de marketing e design que fizeram melhorias de desempenho com base nesses dados.
Em 1993, quando apenas 600 sites existia, o único método para medir o tráfego de um site era um log de servidor que contava o número de visitantes. Em seguida, vieram os contadores de visitas e, por fim, conjuntos de análises mais abrangentes que forneceram informações sobre coisas como visitantes únicos, visualizações de página e taxas de rejeição.
Usando esses dados analíticos, os designers de UX são capazes de otimizar a colocação de call to action, melhorar a velocidade do site, teste A / B, usar vídeos para envolver os visitantes, usar imagens de alta qualidade para cativar a atenção das pessoas e incluir ferramentas de mensagens para melhorar o desempenho de uma página inicial. No entanto, isso garantirá a fidelidade e a confiança dos consumidores?
Três armadilhas comuns ao projetar páginas iniciais
As empresas - e por extensão os designers - se deparam com três armadilhas principais ao criar uma página inicial:
- Eles não se concentram nas coisas importantes. Eles contam às pessoas tudo sobre as características de seu serviço ou produto. As pessoas não se importam com isso. Eles querem saber se o negócio resolverá seus problemas e melhorará suas vidas.
- As empresas não comunicam sua mensagem com clareza. Como Tony Haile do Chartbeat diz, um site tem menos de 15 segundos para capturar a atenção do visitante.
- Eles têm um produto ruim que não resolve o problema de ninguém. Não há muito que um designer possa fazer por uma empresa, se for esse o caso.
O que é o StoryBrand Framework?
Apesar do que algumas empresas parecem acreditar, um logotipo não é igual a uma marca. Longe disso; uma marca é uma promessa por trás do qual está a razão de eles existirem.
As pessoas escolhem uma marca em vez de outra por motivos racionais e emocionais. Mensagens poderosas da marca podem produzir lealdade à própria marca, e não apenas aos produtos individuais que ela cria. Uma mensagem clara e consistente é vital para atingir esse objetivo. O que diferencia uma marca de sua concorrência é a história da marca.
Narrativa é amplamente utilizado por empreendedores para seduzir investidores em apresentações e redes sociais. Empresas como a Apple entendem e integram o poder da narrativa clara e simples em tudo o que fazem. Eles sabem que não é sobre eles; é sobre seus clientes.
o StoryBrand framework é uma fórmula narrativa criada por Donald Miller para ajudar as empresas a comunicar suas mensagens mais poderosas de forma simples e clara. No livro dele Construindo uma Marca de História , Afirma Miller, “seu cliente deve ser o herói da história, não sua marca. Este é o segredo que toda empresa de sucesso fenomenal entende. ”
Como usar o StoryBrand com um cliente
Seja uma pequena empresa ou uma marca multimilionária, o cliente deve entender que confundir seus clientes vai custar-lhes dinheiro. Esclarecer sua mensagem por meio da fórmula StoryBrand irá, como diz Miller, “organizar seu pensamento, reduzir seu esforço de marketing, eliminar a confusão, aterrorizar a concorrência e, finalmente, fazer seu negócio crescer novamente”.
Miller compara a construção de uma StoryBrand a escrever uma história para um roteiro. Ele divide em sete pontos de virada.
PARA personagem quem quer algo (a pessoa que usa o site) encontra um problema (sua necessidade), em seguida, atende a um guia (a empresa) que lhes dá um plano (indica as próximas etapas) e chama-os para a ação (botão de call to action), que resulta em um história de sucesso (eles compram o produto) e os ajuda evitar o fracasso (lembrete do que aconteceria se eles não comprassem).
Essa estrutura pode ser reconhecida em quase todos os filmes de sucesso. Também pode se aplicar a uma empresa e seus clientes. A próxima etapa é o cliente escrever a história de sua marca seguindo esta estrutura:
- Um personagem : O cliente é sempre o herói da história, não a marca. Cabe aos designers de UX descobrir o que os clientes desejam da marca, geralmente por meio de pesquisas de UX e testes de usuários. Eles precisam se concentrar nos desejos que impulsionam as pessoas, coisas como conservar recursos financeiros, economizar tempo, construir redes sociais ou ganhar status.
- Tem um problema : O vilão no arco StoryBrand é o problema do personagem. É útil personificar esse problema e entender que os produtos da empresa são como armas que o cliente pode usar para derrotá-lo. As empresas tendem a se concentrar na resolução de problemas externos, mas os clientes compram soluções para interno problemas. As pessoas têm três níveis de conflito:
- Externo (a maioria das empresas tenta resolver problemas externos)
- Interno (como frustração, intimidação, insegurança)
- Filosófico (por que essa história importa?) - E encontra um guia : O guia é a empresa ou marca. Os clientes precisam de alguém para cuidar do problema. Sua percepção da marca será crucial para sua confiança. Duas coisas devem ser comunicadas:
- Empatia (mostrar uma compreensão da dor que o cliente pode sentir)
- Autoridade (dará ao cliente a confiança de que a marca é capaz de ajudá-lo) - Quem lhes dá um plano : A empresa mostra ao cliente o que ele precisa fazer em seguida. Os clientes ainda não têm certeza se devem comprar até que seja mostrado um plano de ação simples. Os designers de UX podem definir as próximas etapas exatas para os clientes. Eles também podem aliviar qualquer ansiedade que o cliente possa ter, abordando questões relacionadas ao produto ou serviço.
- E os chama para a ação : Frases de chamariz eficazes facilitam compras ou inscrições.
- Isso os ajuda a evitar o fracasso : O que está em jogo para o cliente? O que eles perderão se não comprarem desta marca?
- E termina com sucesso : Diga aos clientes como essa ação específica pode mudar suas vidas. Mostre a eles como será sua vida depois que comprarem o produto e como essa resolução os fará se sentir. Três maneiras sólidas de os contadores de histórias terminarem uma história é permitindo que o personagem:
- Ganhe poder ou posição
- Encontre alguém ou algo que os torne inteiros
- Experimente alguma forma de auto-realização que também os torna inteiros
Como usar a estrutura StoryBrand em uma página inicial
Uma página inicial nunca deve ser sobre o negócio. Deve ser sobre seu cliente potencial.
Como no primeiro encontro, as impressões são importantes e o objetivo é gerar interesse. Designers de UX tem que ser estratégico quanto ao conteúdo incluído e como ele é organizado. Seguir a estrutura, conforme explicado na seção anterior, ajudará os designers a garantir que as mensagens certas sejam colocadas nos lugares certos.
Embora possa parecer simplista, existem apenas cinco elementos importantes a ter em mente ao projetar uma página inicial.
O título
Os títulos, às vezes usados em combinação com uma imagem envolvente, são colocados no topo da página inicial. Em quase todos os casos, os títulos devem ser centrados no cliente e mostrar ao visitante que a marca tem algo que o beneficia. Os títulos devem:
- Comunique os benefícios ao cliente
- Identifique um problema que o visitante tenha e assegure-o de que a marca pode resolvê-lo para ele
- Descreva o que a empresa faz de forma clara e concisa
Criar confiança mostrando autoridade
É imperativo posicionar o negócio como guia e solução para o problema do cliente. Os designers de UX que dominam a arte de criar confiança terão mais facilidade em convencer as pessoas de que essa marca em particular é a solução certa para seus problemas. Eles podem fazer isso:
- Incluindo depoimentos de clientes importantes que recomendam a marca
- Exibir os logotipos de empresas com as quais a marca trabalhou
- Mostrando dados específicos sobre o número de usuários, transações, etc.
- Apresentando prêmios e elogios, trabalhos publicados, aparições na mídia e realizações semelhantes
- Mostrar imagens da equipe ou da sede da empresa
Call to Action
Criar uma conexão emocional com os visitantes da página inicial é o primeiro passo para convertê-los em clientes. Uma vez que essa conexão emocional é feita, cabe ao apelo à ação para selar o negócio.
Existem dois tipos de apelos à ação:
- Os apelos à ação diretos destinam-se a pessoas que sabem que estão prontas para comprar ou inscrever-se e incluem linguagem como 'Compre', 'Inscreva-se' ou 'Comece'. Clicar nesses CTAs levará o comprador diretamente a um formulário para concluir a transação.
- As frases de chamariz de transição são para visitantes que ainda não estão prontos para comprar. Eles podem precisar de mais tempo e informações antes de se comprometerem. Eles vêm na forma de botões do tipo “Mais informações”, “Experimente gratuitamente” ou “Entre em contato”.
Algumas frases de chamariz podem combinar os dois ou colocá-los lado a lado (geralmente vistos como um par de botões 'Compre agora' e 'Saiba mais').
Imagens envolventes
Independentemente da seriedade do conteúdo de uma página inicial, a estrutura do StoryBrand exige um final feliz. Ao selecionar imagens, lembre-se de que algumas delas devem dar aquela sensação de “felizes para sempre”.
Imagens apelam para o emoções dos visitantes , especialmente imagens de pessoas felizes. Mostrar fotos de pessoas felizes ajuda as pessoas a imaginar como seria seu final feliz se fizessem a compra.
Pequeno texto
Quanto menos texto, melhor. Muitos consumidores não lêem longos blocos de texto, por isso é melhor transmitir a mensagem da marca com o mínimo de palavras possível.
Os designers de UX devem ajudar os clientes a compartilhar suas histórias da maneira mais simples.
Perguntas importantes sobre respostas de páginas iniciais bem-sucedidas
Uma página inicial de sucesso será capaz de capturar o interesse do visitante em menos de cinco segundos. A partir daí, terá cerca de 15 segundos para responder às três perguntas que as pessoas se fazem (muitas vezes inconscientemente) ao visitar uma página inicial:
- O que eles fazem?
- Como eles podem me ajudar?
- O que devo fazer para comprar ou contratar?
Designers de UX pode usar a estrutura do StoryBrand para criar uma página inicial que capte imediatamente o interesse e responda a essas perguntas de forma eficaz. Ele oferece um caminho claro para o sucesso tanto para o designer quanto para a marca.
Deixe-nos saber o que você pensa! Por favor, deixe suas idéias, comentários e feedback abaixo.
• • •
Leituras adicionais no Blog de design do ApeeScape:
- Todas as tendências valem a pena? Os 5 erros mais comuns de UX que os designers da web cometem
- Como projetar uma página de destino eficaz
- Feito para converter - Práticas recomendadas de design de página de destino
- O guia definitivo para design de sites de comércio eletrônico
- O Guia Completo para Arquitetura de Informação
Compreender o básico
Como você identifica uma história de marca?
Uma boa história de marca cria uma reação emocional no cliente por meio da criação de uma narrativa que inclui não apenas os fatos, mas também os sentimentos criados por uma marca - em outras palavras, a promessa da marca. A estrutura StoryBrand apresenta um método para criar esse tipo de história ou narrativa de marca.
O que é a estrutura StoryBrand?
A estrutura StoryBrand é uma fórmula criada por Donald Miller para ajudar as empresas a comunicar suas mensagens mais poderosas de forma simples e clara. Miller afirma, “seu cliente deve ser o herói da história, não sua marca. Este é o segredo que toda empresa de sucesso fenomenal entende. ”
O que torna um bom design de página inicial?
Uma boa página inicial concentra-se nas necessidades dos visitantes, e não na marca em si. Os clientes não se importam com a marca; eles se preocupam em como a marca os beneficia. A estrutura da StoryBrand é um método para criar uma narrativa que coloque a ênfase nas necessidades do cliente, e não nas da empresa.
O que sua página inicial deve conter?
As páginas iniciais são como vitrines. Seguir os princípios de design da página inicial dá ao consumidor uma ideia do que a empresa faz, quem pode estar administrando a empresa e pelo menos uma dica dos produtos e serviços que ela oferece, sejam itens reais para venda, informação ou entretenimento.
Qual é o propósito de uma página inicial?
O objetivo de uma página inicial é envolver as pessoas com uma marca e oferecer soluções para seus problemas. Se os designers seguirem as práticas recomendadas de design da página inicial com eficácia para criar uma experiência envolvente, eles podem transformar um visitante da página inicial em um cliente - e potencialmente um cliente recorrente.
