Infográfico: como desenvolver conceitos de WordPress centrados no usuário

Um excelente design do WordPress depende de uma UX excelente . Um designer sempre pode buscar inspiração de acordo com seu gosto. No entanto, para fazer o layout do WordPress funcionar, ele precisa estar alinhado com os usuários-alvo e suas necessidades. Seu site WordPress precisa ser útil e, mais importante, útil para seus clientes em potencial.

Um conceito WordPress centrado no usuário é mais do que apenas design / desenvolvimento. É tudo uma questão de pensar com antecedência, pesquisar e planejar o layout do site antes mesmo de inserir um componente, que é o que falaremos neste artigo.

Clique para ver em tamanho grande. Role para baixo para ler o artigo abaixo do infográfico.

1. Entre no modo Analytics

Se o seu site WordPress já está ativo e utilizável, mas você tem dúvidas de que foi desenvolvido com os usuários-alvo em mente, você precisa entrar no modo analítico e analisar as métricas que são importantes para sua taxa de conversão.

Para isso, a ferramenta mais simples e eficaz que você pode usar é o Google Analytics.

Com relação ao seu conteúdo, com o Google Analytics , você pode abordar a eficácia do seu conteúdo, onde sua estratégia de conteúdo precisa de melhorias e qual conteúdo tem o melhor desempenho. Existem vários relatórios que você deve usar se quiser analisar completamente suas páginas no GA.

Aquisição> Todo o tráfego> Canais

É um relatório que mostra de qual canal você recebe mais tráfego. Aqui, a métrica crucial à qual você precisa prestar atenção é a taxa de rejeição.

Um salto superior a 70% significa que algo está errado em seu site. Inspecione como você pode reduzir a taxa de rejeição e preste atenção à porcentagem de visitantes que navegam por várias páginas para atingir uma meta específica em seu site.

Comportamento> Conteúdo do site> Todas as páginas

Este relatório mostra quais são suas páginas mais eficazes. Novamente, preste atenção à taxa de rejeição . Se certas páginas recebem mais tráfego, você deve desenvolver conteúdo semelhante ou reformular as páginas completamente.

Comportamento> Velocidade do site> Sugestões de velocidade

Um site lento nunca é bom. O relatório 'Sugestões de velocidade' fornece sugestões que você precisa implementar para melhorar o desempenho de seu site.

Comportamento> Fluxo de comportamento

Este relatório é uma representação visual do comportamento dos usuários em seu site.

Se a maioria dos usuários sai de uma página específica, talvez a página carregue lentamente ou você tenha problemas de UX / Conteúdo.

Use o GA corretamente e você pode avaliar se o seu conceito WordPress valeu a pena e se eles estão alinhados com os objetivos e necessidades dos usuários.

Leia mais: O que é o WordPress: 11 setores baseados nele

2. Inspecione Seu Layout Atual

Centralização no usuário significa fornecer aos usuários exatamente o que estão procurando. Os usuários não notariam o design da sua página imediatamente, mas você pode apostar que eles avaliarão a UX do seu site.

Sem inspecionar seu layout atual, é difícil saber onde estão exatamente as falhas de projeto. A maneira como você estiliza seu site deve ser agradável e seu conteúdo deve ser relevante e otimizado para os mecanismos de pesquisa.

Pergunte a si mesmo as seguintes perguntas ao analisar t ele layout do seu site WordPress::

• O que estou fazendo como negócio é evidente à primeira vista?
• Este design é útil para atingir meus objetivos?
• Este design se dirige completamente ao meu público-alvo?
• Meu design do WordPress incentiva os usuários a fazerem conversões?

As áreas cruciais nas quais você precisa se concentrar em relação ao layout são:

• Primeiras impressões : seu layout está estruturado de forma que os usuários possam encontrar facilmente o que procuram ao abrir o site pela primeira vez?
• Conteúdo : você tem conteúdo fácil de digerir e cheio de valor? Examine como é o seu conteúdo e como os visuais da sua página contribuem para essa sensação.
• Arquitetura do Site : A navegação está desobstruída? A navegação do seu site precisa ser intuitiva. Isso também se aplica a todos os botões e menus de ação em suas páginas.

Inspecionar Usabilidade

A facilidade de uso é um dos aspectos vitais de todo site WordPress de sucesso. Se os visitantes não conseguirem descobrir do que se trata a página, ou não entenderem sua navegação na web, eles sairão e abrirão a página de seu concorrente.

Para examinar a usabilidade do seu site, concentre-se em:

• Quanto tempo leva para o seu site carregar?
• O conteúdo do seu site é facilmente acessível?
• O botão de pesquisa funciona e está visível?
• Todos os links estão funcionais?
• Seu site é responsivo a dispositivos móveis?
• Você protege adequadamente os detalhes de contato dos usuários?

Seu site WordPress deve ser otimizado para máxima usabilidade. Os CTAs devem estar a apenas alguns cliques de distância. A navegação deve ser elegante e direta.

Não se esqueça de verificar também a acessibilidade do site. A Internet foi feita para todos, portanto, seu site também precisa estar alinhado com esse mantra .

Teste de legibilidade de conteúdo

A legibilidade é vital porque, se os usuários não conseguirem entender sua mensagem devido ao tamanho inadequado da palavra, títulos inadequados ou cores incoerentes; você não conseguirá mantê-los em seu site por mais de alguns segundos.

Quando você quiser avaliar a legibilidade de seu site WordPress, os seguintes fatores devem ser levados em consideração:

• A tipografia é fácil de ler?
• As cores das fontes e planos de fundo estão com o contraste certo?
• O tamanho do texto é legível?
• O design está perfeitamente alinhado com o conteúdo?

Você precisa de um design que enfatize a utilidade e a legibilidade de seu conteúdo e , ao mesmo tempo , torne sua oferta clara .

Avalie a estética

Um design deve ser esteticamente agradável, polido e complementar a mensagem que você está tentando transmitir. Pergunte a si mesmo o seguinte:

• O site está alinhado com o estilo da minha marca?
• O estilo é consistente em todo o site?
• Como os elementos do site estão alinhados aos meus objetivos?
• Existem elementos excessivos que sufocam minha mensagem central?

Se o design de seu site corresponder ao contexto e à personalidade de sua marca, você terá um engajamento melhor de seus clientes e os manterá em sua página. Cada elemento precisa ser perfeitamente combinado, desde a tipografia ao logotipo, cores e estilo.

3. Analise seus concorrentes

Você sabe quem são seus maiores concorrentes no mercado? E o mais importante, como você pode garantir que fornecerá uma experiência online melhor do que seus rivais mais ferozes?

Você precisa realizar uma análise de usabilidade. Reúna vários participantes (usuários) de seu público-alvo e peça a eles para abrir e navegar no seu site e no de seus concorrentes. Se quiser evitar que sejam tendenciosos, não diga a eles qual site é seu.

Use o teste de 5 segundos. Para cada um dos sites, dê aos participantes 5 segundos para olhar cada site e dizer sobre o que é o site e como toda a experiência os fez sentir. Se você ouvir coisas boas sobre sua concorrência, esses insights fornecerão uma ideia do que fornecer aos usuários em seu layout.

Após o teste de impressões iniciais, dê a cada um dos participantes uma tarefa. Diga-lhes para obterem uma resposta ou resolverem um problema usando os sites que você forneceu. Após cada uma das tarefas, faça aos usuários as seguintes perguntas: Qual foi a pior coisa do site, como ele pode ser melhorado e o que eles gostaram da experiência.

Quando terminar a pesquisa, você precisa fazer a cada participante uma pergunta-chave:

“Qual site forneceu a você a melhor experiência e por quê?”

Outra coisa a se prestar atenção são as tendências com as quais seus rivais se beneficiam em seu site . Isso o ajudará a pensar 'fora da caixa' ao otimizar o design do seu site WordPress atual, junto com sua estratégia de CRO (Otimização da Taxa de Conversão).

Outra forma de diagnosticar sites competitivos é por meio de ferramentas profissionais, como:

• SimilarWeb : uma ferramenta que fornece informações de tráfego e marketing para qualquer site. A ferramenta fornece aos usuários uma visão geral rápida do alcance de um site, classificação e envolvimento do usuário.
• Alexa : Alexa classifica sites com base principalmente no rastreamento de um conjunto de amostra de tráfego da Internet, principalmente os usuários de sua barra de ferramentas para navegadores Internet Explorer, Firefox e Google Chrome.
• Quantcast : A Quantcast fornece estatísticas de tráfego de sites, que são projetadas para auxiliar na análise do desempenho de um site de uma perspectiva de marketing, bem como identificar buyer personas em termos de sua localização, comportamento e preferências de compra e comportamento.
• SEMRush : SEMRush é uma ferramenta específica para encontrar palavras-chave lucrativas.
• Ahrefs : Ahrefs é um pacote de software de SEO que contém ferramentas para construção de links, pesquisa de palavras-chave, análise de concorrentes, rastreamento de classificação e auditorias de sites.

Resumindo, analisar seus concorrentes não é bom apenas para melhorar o layout da web, também é benéfico para toda a estratégia de negócios. Aprenda o que funciona no mercado e implemente-o em seu site WordPress o mais rápido possível.

4. Examine suas personas de usuário

O mais importante na criação de um layout centrado no usuário é realmente compreender os usuários-alvo. Simplificando, você precisa saber como são os usuários.

Para começar, examine seu banco de dados de usuários / clientes atuais. Procure características comuns, padrões de comportamento, desafios e objetivos. Peça o feedback deles! Você sempre pode extrair informações valiosas de sua base de usuários atual.

Agora, você deve ter um conhecimento detalhado de sua buyer persona. Caso contrário, você sempre pode usar nosso modelo:

Ter o perfil perfeito de sua persona de usuário é a base de seu layout da web. Conhecer seus clientes-alvo permite que você determine as partes do layout do WordPress que precisam transmitir sua mensagem.

5. Desenvolva storyboards de usuário

Uma história de usuário é identificável com seus objetivos. É uma descrição de quem é o usuário, quais são suas necessidades e por que essas necessidades. Por exemplo:

“Jeff, um CEO do Mobile App supervisiona o processo de design e desenvolvimento, que inclui a criação e prototipagem de ativos. Ele precisa de fácil acesso ao SaaS de prototipagem e às bibliotecas que os designers usam para o projeto. ”

As histórias de usuário podem ajudá-lo a estabelecer informações práticas sobre seus usuários-alvo, suas diferentes necessidades e motivações para abrir e acessar as opções de seu site WordPress.

Um storyboard do usuário é uma representação visual de como o usuário agiria ao abrir o seu site. Você pode desenvolver seu storyboard de usuário com esboços, capturas de tela, animações, vídeos ou usando uma ferramenta.

Coletar dados

Assim como com suas personas de usuário, ao desenvolver um storyboard de usuário, você precisa começar com os dados. Existem muitos métodos de pesquisa de UX que podem ajudá-lo a coletar dados valiosos sobre o seu site, de preferência:

• Classificação de cartões : peça a um grupo de usuários de teste para organizar cada elemento de sua Arquitetura da Informação usando um cartão para cada um dos elementos. Se não puder ser feito fisicamente, você pode pesquisar várias ferramentas de classificação de cartões online.
• Revisão de especialista : contrate um especialista em UX que saiba como distinguir o bom do ruim em seu site. Dê ao especialista total liberdade para expressar seu feedback construtivo.
• Estudo de campo : observe o comportamento dos usuários em seu site. Depois, conduza entrevistas e pergunte sobre os aspectos observacionais e contextuais do seu site.
• Teste de usabilidade : observe como seus usuários-alvo realizam tarefas específicas em seu site e coletam dados.

Escreva a trama

Pense na sua história de usuário e nas etapas / eventos da história. O que você precisa é:

• Personagem principal : a persona do usuário que está envolvida na história, suas características, expectativas e atitudes.
• A cena : pense nas etapas de uso do seu site e no ambiente em que o usuário está.

Basta anotar as etapas e imaginar como seriam em seu storyboard.

Adicione os detalhes

Com a ajuda dos detalhes, você pode ilustrar como o usuário pode se sentir e o que ele experimentará em cada etapa de uso do seu site. Anote todos os detalhes adicionais que você puder pensar.

Junte tudo

Você precisa coletar todos os seus dados, cenários, etapas e colocar tudo em seu storyboard de usuário! Você não precisa de uma ferramenta sofisticada para começar, apenas pegue seu lápis ou um marcador, um pedaço de papel ou um quadro branco e comece com o processo de desenho.

Adicione mais detalhes e ideias à medida que o desenho avança. Não se esqueça de incluir toda a equipe de desenvolvimento e marketing no processo! Um storyboard será mais perspicaz se mais pessoas forem incluídas em seu desenvolvimento.

Empacotando

No final , a criação de um conceito de WordPress centrado no usuário deve refletir a personalidade e os hábitos de seus usuários-alvo. É por isso que é sua obrigação garantir que esses fatores sejam refletidos no design e nas funcionalidades de sua construção.

Uma abordagem de desenvolvimento centrada no usuário mostra que você realmente se preocupa com seus clientes em potencial e que a equipe que trabalha em sua versão do WordPress se preocupa genuinamente com o trabalho e seu efeito no mercado. Assim que seu site WordPress estiver pronto para atender às expectativas de seu mercado-alvo, você pode esperar converter visitantes da web em clientes fiéis.