Porque é que algumas marcas parecem de confiança logo à primeira vista e outras parecem amadoras, mesmo com bons produtos? Parte da resposta está no mau design de website. Não precisas de um curso de design para melhorar. Precisas de uma definição clara e de algumas verificações práticas.
O mau design de website nota-se na confusão visual, no texto minúsculo, nos carregamentos lentos e nos menus confusos. Este capítulo explica o que isso significa em linguagem simples, porque afeta o teu website e o teu marketing, e como o aplicar sem te perderes em jargão. Vais ver também como os bons exemplos de design de website entram no mesmo quadro. Vamos passo a passo.
Como se vê um mau design de website
O mau design de website nota-se na confusão visual, no texto minúsculo, nos carregamentos lentos e nos menus confusos.
Corrigir os erros mais comuns custa muitas vezes menos do que uma mudança completa de imagem.
O custo de design de websites sobe quando corriges a estrutura e o visual ao mesmo tempo, sem um plano.
O que corrigir primeiro
Testa o teu site no telemóvel, clica em todas as ligações principais e anota o primeiro ponto de atrito.
Tira capturas de ecrã da tua página no telemóvel e no computador e marca os três primeiros elementos que te confundem ou te atrasam.
Usa o que é design gráfico como lista de verificação enquanto fazes as melhorias.
Lista prática que podes usar hoje
Testa o teu site no telemóvel, clica em todas as ligações principais e anota o primeiro ponto de atrito.
Quando reveres qualquer página, pergunta-te se o mau design de website é visível logo no primeiro deslize no telemóvel. Se for, reordena as secções antes de polires os detalhes.
Guarda capturas de ecrã antes e depois das alterações, para perceberes o que fez a diferença no mau design de website do teu site.
Partilha esta lista com quem atualiza o teu site, para que os bons exemplos de design de website se mantenham consistentes nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para que as alterações de design se liguem aos resultados do negócio e não apenas ao gosto.
Como este tema se liga à tua marca em geral
As escolhas visuais raramente vivem numa só página. O custo de design de websites sobe quando corriges a estrutura e o visual ao mesmo tempo, sem um plano.
As tuas publicações nas redes sociais, os teus emails e os teus materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando o visual da marca se desvia, os clientes sentem uma discrepância subtil, mesmo que não saibam explicá-la.
Usa os elementos do design explicados para comparar notas com um capítulo relacionado deste módulo.
Corrigir os erros mais comuns custa muitas vezes menos do que uma mudança completa de imagem.
Perguntas que muita gente ignora
Termos secundários como bons exemplos de design de website e custo de design de websites ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
O custo de design de websites sobe quando corriges a estrutura e o visual ao mesmo tempo, sem um plano.
Escreve uma alteração de antes e depois que vais testar numa página ativa esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre o mau design de website reduz os ciclos de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código personalizado para melhorar muitos problemas de disposição e de estilo. Um editor visual permite-te ajustar espaços, cores e tipografia enquanto vês a pré-visualização em telemóvel e computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperar por um programador a cada pequeno ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares atualizações, volta a ver quanto custa o design de um website e o que é design gráfico, para que o módulo continue ligado na tua cabeça.
Já tens uma lente de trabalho para o mau design de website. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com o que é design gráfico e os elementos do design explicados para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo demora a corrigir um mau design de website?
A maioria das pequenas empresas vê páginas mais claras ao fim de poucas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois aplica as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para corrigir um mau design de website?
Um designer ajuda em mudanças de imagem complexas, mas muitas correções de mau design de website podem ser feitas por ti, quando já sabes o que procurar. Usa quanto custa o design de um website a par deste capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a corrigir um mau design de website no teu site?
O WEMASY inclui um editor visual no criador de websites, para ajustares a disposição, as cores e a tipografia sem código. Abre o criador de websites para atualizar modelos e pré-visualizar as alterações no telemóvel.
Qual é o erro mais comum com o mau design de website?
As pessoas tentam corrigir tudo de uma vez em vez de uma página de cada vez. Escolhe uma única prioridade, como a legibilidade ou o contraste, e depois consulta o que é design gráfico para a melhoria seguinte.
Como se liga o mau design de website ao SEO?
Uma hierarquia visual clara e uma tipografia legível mantêm os visitantes mais tempo na página, o que apoia os sinais de envolvimento que os motores de pesquisa observam. Junta as correções de design a uma boa estrutura de conteúdo para teres os melhores resultados.
Onde deves aprender a seguir ao mau design de website?
Continua com quanto custa o design de um website e o que é design gráfico neste livro, para construíres um sistema visual completo para a tua marca online.