Pergunta a um dono de negócio o que procura num bom website e vais ouvir falar de design limpo, carregamento rápido e navegação fácil. Raramente se menciona se os visitantes conseguem mesmo encontrar o que precisam e fazer aquilo que vieram fazer. O design de UX é a disciplina que responde a essa pergunta, e é a qualidade que faz todas as outras contarem.
O design de UX, abreviatura de design de experiência do utilizador, é a prática de desenhar websites em torno da forma como as pessoas os usam. O que é o design de UX para um website de negócio? É o conjunto de decisões que determinam se um visitante consegue encontrar o que procura, concluir a ação que veio fazer e sair com uma ideia clara do que o negócio oferece.
Um website pode ter um acabamento visual cuidado e ter má UX. Um visitante que não percebe o que um negócio faz nos dez segundos depois de chegar à página inicial, que se perde ao tentar encontrar a página de preços ou que abandona um formulário de contacto porque as mensagens de erro não explicam o que correu mal está a ter uma má experiência do utilizador. A qualidade visual da página é irrelevante para esse resultado.
Qual é a diferença entre design de UX e design de UI?
O design de UX e o design de UI estão relacionados, mas são distintos. O design de UI, ou design de interface do utilizador, trata da camada visual. Cores, tipografia, botões, ícones e o aspeto geral da página são todos decisões de UI. O design de UX trata da camada de comportamento. A forma como a informação está organizada, como a navegação flui, o que acontece quando um utilizador comete um erro e se a ação mais importante da página é imediatamente óbvia são todas decisões de UX.
Na prática, os dois sobrepõem-se. Um botão com a cor errada na hierarquia visual é um problema de UI que cria um problema de UX. Um formulário com uma disposição lógica mas sem orientação sobre erros é um problema de UX que um designer de UI pode detetar. Em equipas pequenas e em criadores de websites, uma só pessoa trata muitas vezes das duas. A distinção importa porque exigem formas de pensar diferentes: a UI pergunta "isto tem bom aspeto?" enquanto a UX pergunta "isto funciona para quem o usa?"
O artigo sobre o que é web design trata da disciplina mais ampla em que se inserem o design de UX e o de UI, incluindo como as decisões visuais e estruturais se combinam para moldar a experiência do visitante.
Quais são os princípios essenciais do design de UX?
O design de UX é guiado por um conjunto de princípios que se aplicam a todos os tipos de website, seja qual for o setor ou a dimensão.
Usabilidade
Um website usável permite aos visitantes concluir tarefas com eficiência e sem confusão. Os nomes da navegação usam as palavras que os visitantes esperam. As páginas principais ficam acessíveis em dois ou três cliques. Os elementos interativos, como botões e formulários, comportam-se de forma previsível. Usabilidade não é tornar um site simples ao ponto de ficar vazio. É remover o atrito do caminho até ao resultado que o visitante quer.
Clareza
Clareza quer dizer que cada página comunica o seu objetivo de imediato. Um visitante deve perceber em segundos de que trata a página, o que pode fazer ali e qual é o passo seguinte. As páginas que enterram a informação mais importante debaixo de parágrafos densos, ou que usam títulos ambíguos e apelos à ação vagos, falham na clareza, por muito bem desenhadas que estejam visualmente. O artigo sobre o que é a hierarquia visual explica como a disposição e o peso dos elementos de uma página moldam o que os visitantes percebem primeiro.
Consistência
Um design consistente quer dizer que os visitantes só têm de aprender uma vez como o site funciona. Se o botão de apelo à ação principal é azul na página inicial, deve ser azul em todo o lado. Se a navegação aparece no topo da página num computador, deve estar acessível no mesmo sítio em todas as páginas. A inconsistência quebra o modelo mental que os visitantes constroem ao movimentar-se num site e cria confusão precisamente nos momentos em que um caminho claro mais importa.
Feedback
Os utilizadores precisam de saber que as suas ações foram registadas. Um botão que não mostra nenhuma mudança ao ser clicado, um formulário que é enviado sem confirmação ou uma barra de pesquisa que devolve resultados sem indicar o que pesquisou criam incerteza. O feedback pode ser tão simples como um botão mudar de cor ao passar o rato, um ícone de carregamento enquanto um formulário é enviado ou uma mensagem de confirmação depois de uma ação bem-sucedida. Sem ele, os visitantes não sabem se devem esperar, tentar de novo ou assumir que algo correu mal.
Recuperação de erros
Os utilizadores cometem erros. Uma boa UX antecipa-os e torna a recuperação fácil. Uma validação de formulário que identifica o campo específico com problema e explica qual é o formato correto é melhor do que uma mensagem genérica de "algo correu mal". Uma pesquisa que não devolve resultados mas sugere alternativas é melhor do que um beco sem saída. Quanto mais fácil for recuperar de um erro, menos provável é que o visitante abandone por completo a tarefa.
Como é que o design de UX afeta os resultados do negócio?
O design de UX tem uma ligação direta com os resultados que interessam aos negócios. Um visitante que encontra depressa a página de preços tem mais probabilidade de chegar a uma decisão de compra. Um processo de pagamento com poucos passos e mensagens de erro claras converte mais visitantes do que um que obriga a adivinhar. Um formulário de contacto fácil de preencher recebe mais envios do que um confuso ou demorado.
A relação entre UX e taxas de conversão está bem documentada. Pequenas melhorias na clareza da página, no design dos formulários e no fluxo de navegação produzem aumentos mensuráveis na percentagem de visitantes que tomam a ação pretendida. O inverso é igualmente verdade. Uma página em que o apelo à ação principal é difícil de encontrar, em que a proposta de valor demora três parágrafos a chegar ou em que o esquema para telemóvel se desfaz num estado inutilizável perde conversões em cada passo.
A UX também afeta a forma como os visitantes veem o negócio por trás do site. Um website que funciona bem parece profissional e de confiança. Um website com fluxos quebrados, navegação confusa e mensagens pouco claras transmite descuido, independentemente de como o resto do negócio funciona. O artigo sobre como criar uma página inicial que funciona trata das decisões de UX específicas que mais contam na página que os visitantes veem primeiro.
Quais são os problemas de UX mais comuns em websites de negócio?
A falta de uma hierarquia clara na página é a falha de UX mais frequente em websites de negócio. Quando vários elementos competem por igual pela atenção, os visitantes não têm ponto de partida. Percorrem a página sem ler, não encontram o apelo à ação e saem. As decisões de hierarquia visual e de esquema que estabelecem uma ordem de leitura clara resolvem este problema diretamente.
Uma navegação que obriga a adivinhar força os visitantes a explorar em vez de avançarem com um objetivo. Nomes de menu que significam algo internamente mas nada para um visitante novo, menus pendentes que escondem as páginas mais úteis e estruturas de navegação que não correspondem à forma como os visitantes pensam no negócio criam atrito. O artigo sobre o que é a navegação de um website trata de como estruturar menus que guiam em vez de confundir.
Os formulários sem orientação são outro problema comum. Campos obrigatórios que não estão claramente marcados, campos que rejeitam formatos válidos sem explicar porquê e formulários que apagam todas as entradas depois de um envio falhado são barreiras que reduzem bastante as taxas de conclusão.
Uma UX em telemóvel que não corresponde à intenção do computador é uma falha que custa visitas às empresas em todas as sessões. Uma página de computador desenhada com várias colunas que se recolhe numa só coluna em telemóvel, com os elementos pela ordem errada, dá uma experiência diferente da que foi pretendida. O artigo sobre como tornar um website adaptado a telemóvel trata das decisões de esquema e de interação que determinam se a experiência em telemóvel funciona tão bem como a de computador.
Como se liga o design de UX ao SEO?
Os motores de busca medem o comportamento dos utilizadores para avaliar se uma página está a dar valor. Uma página com má UX tende a produzir taxas de abandono altas e pouco tempo na página, e ambas sinalizam aos motores de busca, com o tempo, que os visitantes não estão a encontrar o que vieram buscar. Uma página com UX forte tende a reter os visitantes mais tempo e a gerar mais interações, produzindo os sinais de comportamento que apoiam as posições.
A acessibilidade da página, muito ligada à UX, também afeta a fiabilidade com que os motores de busca conseguem rastrear e indexar uma página. Uma página navegável por teclado e construída com HTML semântico é mais fácil de indexar com exatidão do que uma com problemas estruturais. O artigo sobre o que é o SEO trata de como os sinais de experiência do utilizador alimentam o desempenho na pesquisa e que fatores de comportamento mais contam.
Como a WEMASY trata do design de UX
Os modelos do criador de websites da WEMASY são construídos com os princípios de UX como ponto de partida. A hierarquia de títulos, a posição dos apelos à ação, a estrutura da navegação, o design dos formulários e os esquemas para telemóvel estão definidos com valores predefinidos que refletem a forma como os visitantes usam realmente os websites de negócio. O editor visual permite ajustar cada elemento e ver o resultado em tempo real, em computador e em telemóvel, antes de publicares. As alterações ao esquema não obrigam a refazer a página 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
Preciso de um designer de UX para construir um bom website?
Não necessariamente. Um criador de websites com modelos bem desenhados trata das decisões de UX mais comuns ao nível do modelo, por isso não começas do zero na arquitetura de informação, na hierarquia de títulos ou no esquema para telemóvel. Onde um designer de UX mais valor acrescenta é em perceber como um público específico se comporta e em testar se determinados fluxos funcionam como previsto. Para a maioria dos websites de pequenos negócios, aplicar os princípios de UX através de um modelo bem construído produz resultados bastante melhores do que ignorar a UX por completo, mesmo sem um especialista. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
O que é um teste de usabilidade?
Um teste de usabilidade consiste em observar utilizadores reais enquanto tentam concluir tarefas num website. O objetivo é identificar onde os visitantes se confundem, onde hesitam e onde não conseguem concluir o que vieram fazer. Pode ser tão simples como pedir a um colega que encontre a página de preços e ver onde clica, ou tão estruturado como uma sessão gravada, com partilha de ecrã e um moderador. Mesmo um teste informal com duas ou três pessoas que nunca viram o site revela as falhas de usabilidade mais significativas.
Qual é a diferença entre design de UX e web design?
O web design é a disciplina mais ampla, que abrange tanto o aspeto de um website como o seu funcionamento. O design de UX é o subconjunto do web design focado especificamente na experiência de quem usa o site. Um web designer toma decisões sobre cor, tipografia, esquema e hierarquia visual, a par de decisões sobre navegação, arquitetura de informação e design de interação. Quando essas decisões centradas na interação recebem atenção particular e são testadas face ao comportamento real dos utilizadores, essa prática chama-se design de UX.
Como sabes se o teu website tem problemas de UX?
Os sinais mais claros vêm dos dados de comportamento dos utilizadores. Taxas de abandono altas em páginas importantes, taxas de conclusão de formulários baixas, pouco tempo na página em conteúdo que levaria mais tempo a ler e taxas de desistência altas nos processos de pagamento indicam problemas de UX. Observar um visitante novo a navegar no site sem orientação mostra onde surge a confusão. O feedback direto de clientes que mencionam dificuldade em encontrar algo ou que desistem de uma tarefa é igualmente revelador. Não precisas de uma plataforma de estatísticas para começar. Observar uma pessoa a tentar usar o site costuma chegar para identificar os problemas mais significativos.
Qual é a relação entre design de UX e taxa de conversão?
A taxa de conversão mede a percentagem de visitantes que concluem uma ação pretendida, como preencher um formulário, fazer uma compra ou marcar uma chamada. O design de UX afeta diretamente este número, porque determina o quão fácil ou difícil é concluir essa ação. Retirar passos desnecessários de um pagamento, tornar o apelo à ação principal visualmente distinto, simplificar os campos de um formulário e melhorar as mensagens de erro aumentam a probabilidade de um visitante que pretende converter realmente o fazer. A relação é direta: melhor UX reduz o atrito, e menos atrito produz taxas de conversão mais altas.