Você provavelmente já sabe como é fácil iniciar um site com o WordPress. Mas uma vez que você adiciona recursos e conteúdo, as coisas ficam complicadas rapidamente. Um dos aspectos importantes que você deve ter em mente são as melhores práticas de UX para WordPress. A experiência do usuário (UX) é a chave para o sucesso do seu negócio. São os usuários que compram seus produtos e serviços, não os mecanismos de busca.
É comum encontrar proprietários de sites ou até mesmo desenvolvedores e designers que confundem UX com User Interface (UI). Tanto UX quanto UI estão intimamente relacionados, mas são diferentes o suficiente para justificar uma explicação.
Diferença entre UX e UI
Para entender melhor, vamos defini-los nos seguintes termos:
Usabilidade Web : É a facilidade de uso de um site.
Interface do usuário (UI) : Um lugar onde os humanos interagem com as máquinas. Por exemplo, um botão faz parte da interface do usuário. Os desenvolvedores usam ferramentas para desenvolver uma interface de usuário que deve estar alinhada com os requisitos de negócios.
Experiência do usuário (UX) : isso diz respeito aos usuários e como eles se sentem em relação ao seu site. Os designers precisam garantir que a experiência do usuário seja sempre de alto nível e a interação do usuário seja agradável.
Por exemplo, um tema WordPress com ótima experiência de usuário pode ter muitas interfaces de usuário (como o tema Total ), mas cada uma delas deve fornecer a melhor experiência de usuário possível para seu nicho específico.
Se você tem um site corporativo, a página inicial deve deixar claro sobre o que é sua empresa, qual é sua filosofia/valores principais e, possivelmente, exibir seus produtos ou fornecer uma maneira de obter uma cotação. Muitos sites corporativos usam uma grande foto “acima da dobra” ou um vídeo de fundo de seus escritórios. Talvez mostrem seus principais produtos, como são feitos e quais benefícios oferecem. Se você administra um site corporativo, é importante declarar seu caso imediatamente.
O design do site da agência Vanilla usando o tema Total WordPress é um ótimo exemplo de como mostrar o que é sua empresa acima da dobra.
Para outros nichos, diferentes fatores podem entrar em jogo. Se você é um blogueiro, as pessoas querem saber mais sobre você pessoalmente, seu histórico e sua competência, então concentre-se em se tornar transparente e simpático para induzir confiança. Se você é um músico, é melhor destacar sua música e o último álbum ou arte do EP.
Usabilidade < Interface do usuário < Experiência do usuário
Uma boa usabilidade é parte integrante de uma ótima interface de usuário. Uma interface de usuário é uma face frontal da presença online da sua marca, pois influencia diretamente a experiência do usuário. Agora que sabemos qual é a diferença, vamos para as melhores práticas de UX para WordPress.
Práticas recomendadas de UX para WordPress
O WordPress é um CMS que se destaca por fornecer as ferramentas para construir seu site, mas não garante que será perfeito em todos os sentidos. Você precisa das melhores práticas de UX para fazer valer a pena o tempo de seus visitantes e criar confiança desde a primeira interação com sua marca.
Design Limpo e Simples
Você sabe o que mais atrai as pessoas? Um design limpo e simples. É comum encontrarmos desenvolvedores sempre trabalhando para ter um site cheio de recursos. Mas, muitas vezes eles esquecem qual é a verdadeira razão pela qual estão construindo o site. Os usuários não se preocupam com a funcionalidade até e a menos que possam usar o site com facilidade.
É uma boa ideia continuar se perguntando “Os visitantes ou os administradores do site poderão usá-lo sem dificuldade ou confusão?” Isso garantirá que seu projeto final atenda aos padrões de projeto atuais. Se em qualquer etapa a resposta for “não”, você precisa voltar à prancheta e pensar em como torná-la mais intuitiva.
Quando seus usuários acessam páginas focadas e organizadas, você tem mais chances de convertê-los em assinantes e/ou clientes. As pessoas não gostam de pensar muito ao navegar. É seu trabalho fazer isso por eles. A boa notícia é que a maioria dos melhores temas do WordPress oferece um design simples e organizado que pode ser facilmente personalizado. Se você deseja projetar seu site WordPress, certifique-se de manter a simplicidade. Dá-lhe mais flexibilidade e menos peças móveis que podem quebrar.
Web design responsivo
Um dos aspectos cruciais da experiência moderna do usuário (UX) é ter um web design responsivo. Os dispositivos móveis tomaram conta da internet. Ouvi pessoas administrarem seus negócios inteiros em smartphones, especialmente com o surgimento de dispositivos de 5,5 polegadas e maiores. Isso torna importante que os sites do WordPress sejam responsivos e se adaptem a todos os tamanhos de tela, mas também a todas as resoluções de tela e telas retina.
Ter um design responsivo não apenas melhora a experiência do usuário, mas também melhora seu tráfego. O Dwell Time é algo que o Google usa hoje em dia para medir a satisfação dos usuários quando clicam em seu site nas SERPs (páginas de resultados de pesquisa). Se eles gastam menos tempo do que nos outros resultados próximos ao seu, significa que algo não está certo com o seu site e eles o movem mais para baixo nas SERPs.
Duas coisas importantes que você sempre pode melhorar em seu site:
- Qualidade da informação
- A forma como as informações são apresentadas
Uma boa experiência do usuário significa que o site oferece informações úteis em todas as telas.
Navegação fácil de usar
Quase todos os outros sites que vejo hoje têm uma arquitetura de informação complexa associada a ele. Eles têm páginas ou postagens de vários níveis. Um designer deve trabalhar com um desenvolvedor para garantir que o visitante possa navegar facilmente pelo site por meio de uma navegação adequada. O WordPress vem com todas as ferramentas necessárias para adicionar um menu de navegação , mas você sempre pode adicionar um mega plugin de menu, como o Uber Menu , se tiver muitos links para incluir.
Você também deve escolher uma estrutura de permalink simples, se possível. A menos que você administre um site de notícias ou publique vários artigos por dia, sugiro que você use uma estrutura de “Nome do post” (você pode usar este guia para alterar seus permalinks para fazer a troca também).
A maioria das pessoas não depende apenas da navegação ao navegar. Um site com boa usabilidade deve incluir:
- Caixa de pesquisa
- Migalhas de pão
- Categorias
- Arquivos
Um dos plugins WordPress mais populares, Yoast SEO, oferece a opção de adicionar migalhas de pão ao seu tema WordPress. O tema Total WordPress é compatível com Yoast SEO e é fácil adicionar breadcrumbs .
Criar muitas maneiras diferentes para os usuários navegarem em seu site garante uma melhor usabilidade e uma experiência de usuário mais agradável para eles.
Design em torno do conteúdo
Sem conteúdo nenhum site está completo. Um ótimo design pode ser atraente, mas é o conteúdo que o ajudará a vender seu negócio para o público-alvo. O layout focado no conteúdo não é apenas agradável aos olhos, mas permite que os usuários digeram seu conteúdo facilmente. Quanto mais conteúdo os usuários digerem, mais eles sabem sobre você e confiam em você, mais leads você obtém.
Um design de UX baseado nas melhores práticas sempre considerará o texto primeiro. Selecione a tipografia certa para o seu nicho e crie UX em torno do conteúdo.
Destaque partes importantes do seu conteúdo para quebrar a linha do texto e tornar sua escrita mais interessante.
Seu conteúdo deve ter uma boa aparência. O tipo de fonte, tamanho e cor corretos podem fazer seu conteúdo brilhar e fazer com que os usuários se interessem pelo que você tem a dizer. A formatação também deve complementar seu fluxo de conteúdo. A formatação correta significa que você usa títulos e subtítulos, listas de marcadores, comprimentos de frases diferentes, usa palavras em negrito ou itálico para enfatizar palavras importantes, imagens, listas etc. Tudo isso torna seu conteúdo mais interessante de ler.
Usar microinterações
As micro-interações são uma maneira simples pela qual o visitante interage com seu site. Eles incluem efeitos sutis quando você clica em um cabeçalho de artigo ou dica de ferramenta, efeitos de foco e rolagem ou uma animação de ícone enquanto o download está em andamento, etc.
As microinterações têm dois grandes benefícios:
- Incentive interações
- Dê retorno
Isso não parece muito, mas na realidade desempenha um papel crucial nas melhores práticas de UX para WordPress. Microinterações são pequenas recompensas para seus usuários. Melhore a experiência do usuário implementando-os.
Conclusão
Criar um site atraente não é uma tarefa simples. O WordPress torna fácil para qualquer pessoa criar um site em minutos, mas requer muito pensamento para criar uma interface de usuário utilizável o suficiente com excelente UX. Você deve sempre tentar considerar como os visitantes usarão uma página ou uma seção e, em seguida, implementar os recursos e a funcionalidade. Também é importante tornar seu site tolerante a falhas, portanto, certifique-se de ter um modelo personalizado de 404 páginas . Páginas inexistentes ou de erro podem ser pontos de partida, não apenas becos sem saída.
Se você está impaciente ou não tem tempo e esforço para se concentrar nas melhores práticas de UX para WordPress, você pode simplesmente obter um de nossos temas WPExplorer feitos à mão . Todos eles usam as melhores práticas de UX e são um ótimo ponto de partida para o design de qualquer novo site.
A experiência do usuário é um negócio complexo e não é possível englobar todos os conceitos em uma única postagem no blog. Felizmente, o artigo oferece uma introdução às principais práticas recomendadas de UX para WordPress e algo para se pensar quando você criar ou comprar seu próximo tema WordPress.
O que você acha das melhores práticas de UX para WordPress? O seu tema atual do WordPress oferece uma boa experiência de usuário para seus usuários e por quê? Estou ouvindo.