Um website com aspeto limpo e carregamento rápido pode falhar por completo. Os visitantes chegam, olham à volta e saem sem fazer nada. O design está bem. O conteúdo está lá. A experiência do utilizador é o que parte a cadeia entre a chegada e a ação, e é a parte de um website que a maioria dos donos analisa em último lugar.
Melhorar a experiência do utilizador de um website significa identificar e eliminar o atrito entre o visitante e o resultado que ele veio alcançar. O resultado pode ser encontrar informação, fazer uma compra, enviar um formulário de contacto ou perceber o que o negócio oferece. Cada ponto em que o visitante hesita, se confunde ou desiste é um problema de UX, e a maioria pode ser corrigida sem um redesign completo.
O artigo sobre o que é o design de UX explica os princípios por trás de uma boa experiência do utilizador. Este artigo cobre as mudanças práticas que dão mais melhorias em websites de empresas reais.
Como identificas problemas de UX no teu website?
Antes de fazeres alterações, precisas de saber onde estão os problemas. Vários métodos revelam tipos diferentes de questões.
Sinais das estatísticas
Taxas de rejeição altas em páginas importantes, pouco tempo na página em conteúdo que levaria mais tempo a ler e quedas bruscas nos processos de pagamento ou de preenchimento de formulários indicam problemas de UX. Estes sinais não te dizem qual é o problema, mas dizem-te onde procurar. Uma página de contacto com 90 por cento de saídas antes do envio tem um problema de UX algures nesse processo.
Observar visitantes reais a navegar
Pedir a alguém que nunca viu o teu website para encontrar uma página específica, concluir uma tarefa concreta ou responder a uma pergunta concreta enquanto observas é a forma mais direta de identificar falhas de UX. Não o guies. Vê onde clica, onde hesita e onde desiste. Duas ou três sessões assim revelam os problemas mais significativos na maioria dos sites.
Mapas de calor e gravações de sessões
Os mapas de calor mostram onde os visitantes clicam, tocam e deslizam em cada página. Os mapas de deslocamento mostram até onde desce a maioria dos visitantes antes de sair. As gravações de sessões deixam-te ver visitas reais repetidas, mostrando exatamente onde os visitantes se movem, param e desistem. Estas ferramentas respondem a uma pergunta que as estatísticas não respondem: não só que os visitantes estão a sair, mas em que ponto da página saem e o que estavam a fazer nesse momento.
Verificações técnicas
Navegar pelo teu site usando só o teclado, sem tocar no rato, revela problemas de operabilidade que afetam os utilizadores de teclado e de leitores de ecrã. Ver o site num telemóvel real, em diferentes tamanhos de ecrã, revela problemas de esquema móvel que as simulações do navegador no computador muitas vezes deixam passar. Verificar o tempo de carregamento numa ligação móvel revela problemas de velocidade que ficam invisíveis no Wi-Fi rápido do escritório.
Quais são as melhorias de UX de maior impacto em websites de empresas?
Simplifica a navegação
Uma navegação que obriga o visitante a adivinhar para onde ir é uma das falhas de UX mais comuns em websites de empresas. Nomes de menu que significam algo internamente mas nada para um visitante novo, opções de topo a mais e páginas enterradas a dois ou três cliques de profundidade criam atrito antes de o visitante ter visto qualquer conteúdo. Reduzir o número de itens do menu, usar nomes simples e descritivos e tornar as páginas mais importantes alcançáveis com um clique a partir de qualquer página são as melhorias de navegação mais fiáveis. O artigo sobre o que é a navegação de um website explica como estruturar menus que guiam em vez de confundir.
Cria uma hierarquia clara em todas as páginas
Uma página sem hierarquia visual clara não dá aos visitantes um ponto de partida. Quando o título, um banner promocional, as ligações de navegação e o texto do corpo competem pela atenção com tamanhos e pesos semelhantes, os visitantes passam os olhos sem ler e saem sem agir. Cada página deve ter um elemento dominante para onde o olhar vai primeiro, normalmente o título, seguido de um caminho lógico até à ação mais importante. O artigo sobre o que é a hierarquia visual explica como o tamanho, o contraste e o espaçamento criam uma ordem de leitura que guia os visitantes sem esforço da parte deles.
Corrige a experiência no telemóvel
Uma página de computador que se desfaz mal no telemóvel, texto que obriga a fazer zoom para ler, botões demasiado pequenos para tocar com fiabilidade e formulários frustrantes de preencher num ecrã tátil fazem os visitantes sair. Os problemas de UX no telemóvel são os mais sistematicamente ignorados nos websites de empresas, porque os donos e os programadores costumam construir e testar no computador. Verificar todas as páginas importantes e todos os fluxos do utilizador num telemóvel real não é opcional. O artigo sobre como tornar um website adaptado a telemóveis explica as decisões específicas de esquema e de interação que determinam se a experiência no telemóvel funciona.
Reduz o atrito nos formulários
Formulários com campos obrigatórios a mais, sem etiquetas visíveis, com mensagens de erro pouco claras e sem confirmação depois do envio perdem uma parte significativa dos visitantes que tinham a intenção de os preencher. Remover todos os campos que não são necessários, pôr etiquetas claras em cada campo, escrever mensagens de erro que identifiquem o problema específico e como o corrigir, e mostrar uma mensagem de confirmação clara após o envio são mudanças que aumentam as taxas de preenchimento em quase todos os websites de empresas.
Torna os apelos à ação visíveis e específicos
Um apelo à ação que se confunde com a página ou usa linguagem vaga perde os visitantes que estão prontos para agir. O apelo à ação principal de cada página deve destacar-se visualmente de tudo à volta, pela cor e pelo contraste, estar onde o olhar do visitante chega naturalmente e ser formulado em termos do resultado e não da ação. "Marcar uma chamada grátis" converte melhor do que "Contacta-nos". "Ver preços" converte melhor do que "Saber mais". Cada página deve ter uma ação principal clara, e deve ser impossível não a ver.
Melhora o tempo de carregamento da página
Cada segundo adicional que uma página demora a carregar reduz a parte dos visitantes que ficam para a ler. As páginas lentas fazem os visitantes sair antes de verem qualquer conteúdo, o que significa que todas as outras melhorias de UX são irrelevantes nessas sessões. Comprimir imagens, adiar scripts que não são precisos de imediato e remover código que já não se usa são as correções mais comuns. O artigo sobre os tipos de esquema de um website explica como as decisões de esquema se ligam à rapidez com que o conteúdo visível carrega.
Como defines que melhorias de UX fazer primeiro?
Começa pelas páginas com maior valor para o negócio. A página inicial, a página principal de serviço ou produto e a página de contacto ou de pagamento são onde chegam mais visitantes e onde se perdem mais conversões. Uma melhoria de UX numa dessas páginas dá um retorno maior do que a mesma melhoria numa página com pouco tráfego.
Dentro dessas páginas, corrige primeiro os problemas que afetam o maior número de visitantes. Um nome de navegação que confunde todos os visitantes que chegam afeta toda a gente. Um erro de formulário que só aparece num navegador específico afeta muito menos gente. A sequência é: primeiro as páginas com mais tráfego, depois os pontos de atrito mais comuns dentro dessas páginas.
Como medes se as melhorias de UX estão a funcionar?
Mede o comportamento específico que tentavas mudar. Se simplificaste um formulário de contacto, mede a taxa de preenchimento antes e depois. Se reestruturaste a hierarquia visual de uma página, mede a taxa de rejeição e o tempo na página. Se corrigiste um esquema para telemóvel, mede a taxa de conversão no telemóvel dessa página.
As mudanças na experiência do utilizador raramente dão resultados imediatos. Dá a cada mudança entre duas e quatro semanas antes de tirares conclusões, consoante o volume de tráfego da página. As páginas com pouco tráfego precisam de mais tempo para acumular dados suficientes para uma comparação com significado.
Como se ligam as melhorias de UX ao SEO?
Os motores de busca usam sinais de comportamento para avaliar se as páginas estão a servir bem os visitantes. As páginas onde os visitantes ficam mais tempo, deslizam mais e concluem ações sinalizam relevância e qualidade. As páginas com taxas de rejeição altas e pouco envolvimento sinalizam o contrário. As melhorias de UX que mantêm os visitantes na página e os guiam para concluir tarefas produzem os sinais de comportamento que apoiam as posições ao longo do tempo. O artigo sobre o que é o SEO explica como os sinais de experiência do utilizador alimentam o desempenho nas pesquisas.
Como trata a WEMASY as melhorias de UX
O criador de websites da WEMASY permite-te ajustar o esquema, a estrutura de navegação, os campos dos formulários e a hierarquia das páginas através de um editor visual, sem reconstruir páginas de raiz. As pré-visualizações para telemóvel e computador mostram o efeito das alterações antes de publicares. Os modelos são construídos com predefinições de UX que resolvem os problemas mais comuns nos websites de empresas, por isso as melhorias podem ser feitas em elementos específicos, em vez de recomeçar do zero.
Vê o que está incluído no criador de websites da WEMASY ou consulta os planos na página de preços.
Perguntas frequentes
Por onde começar ao melhorar a UX de um website?
Começa pela página com mais tráfego que tenha um objetivo claro e um resultado mensurável. Na maioria dos websites de empresas, é a página inicial ou a página principal de serviço. Identifica o ponto de atrito nessa página que afeta mais visitantes: um título pouco claro, um apelo à ação escondido, uma navegação confusa ou um carregamento lento. Corrige essa coisa primeiro, mede o resultado e passa à seguinte. Tentar melhorar tudo de uma vez torna impossível saber o que está a funcionar. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
As melhorias de UX exigem um redesign completo do website?
Raramente. A maioria dos problemas de UX são questões específicas em páginas específicas, e não falhas estruturais que exijam reconstruir o site todo. Simplificar os nomes da navegação, melhorar as mensagens de erro dos formulários, ajustar a hierarquia visual de uma página importante ou corrigir um problema de esquema no telemóvel pode ser feito sem redesign. Vale a pena considerar um redesign completo quando a estrutura do site já não corresponde à forma como o negócio funciona, quando a plataforma não consegue suportar as mudanças necessárias, ou quando os problemas de UX são tão generalizados que corrigi-los um a um levaria mais tempo do que reconstruir.
Quanto tempo demora a ver resultados das melhorias de UX?
Depende do volume de tráfego e do tipo de mudança. Uma página com muito tráfego e um resultado mensurável claro, como a taxa de preenchimento de um formulário de contacto, pode mostrar resultados em uma a duas semanas. Uma página com pouco tráfego pode precisar de um mês ou mais para acumular dados suficientes para uma comparação fiável. As mudanças na navegação e na hierarquia visual tendem a mostrar resultados mais depressa do que as que afetam apenas um pequeno segmento dos visitantes da página.
Qual é a diferença entre uma auditoria de UX e um teste de usabilidade?
Uma auditoria de UX é uma revisão feita por um especialista a um website, segundo princípios e normas de usabilidade estabelecidos, que identifica problemas com base no conhecimento de como os utilizadores costumam comportar-se. O teste de usabilidade consiste em observar utilizadores reais a concluir tarefas no site e registar onde têm dificuldades. As auditorias são mais rápidas e mais baratas. O teste de usabilidade é mais exato, porque reflete como os utilizadores reais se comportam e não como um especialista prevê que se comportem. Ter os dois é mais útil do que não ter nenhum. Nos websites de pequenas empresas, um teste de usabilidade com dois ou três utilizadores reais revela os problemas mais significativos mais depressa do que qualquer outro método.
As melhorias de UX podem aumentar as conversões sem mais tráfego?
Sim. As melhorias na taxa de conversão vêm de tornar mais fácil para os visitantes que já tens concluírem a ação que vieram fazer. Um website que converte 2 por cento dos visitantes produz o dobro dos contactos com o mesmo tráfego se a taxa de conversão chegar a 4 por cento. As melhorias de UX são uma das formas mais diretas de aumentar as conversões sem aumentar o tráfego nem o gasto em anúncios. Para negócios em que atrair tráfego é caro, melhorar o que acontece depois de o visitante chegar é muitas vezes o investimento de maior retorno.