Atualizas a tua página inicial a meio de uma terça-feira à noite. O título está bom, as fotografias estão boas, mas os visitantes continuam a sair em segundos. Começas a perguntar-te se saber o que é design visual é a peça que tens andado a ignorar. Muitas vezes é. Pequenas decisões visuais moldam a primeira impressão mais depressa do que a maioria dos donos de negócio espera.
O design visual é a organização de elementos visuais para que a informação seja clara, apelativa e alinhada com um objetivo. 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 o design de comunicação visual entra no mesmo quadro. Vamos passo a passo.
O que é design visual
O design visual é a organização de elementos visuais para que a informação seja clara, apelativa e alinhada com um objetivo.
Na prática, o design visual aparece nos cabeçalhos do teu website, nas páginas de serviços, nos gráficos para redes sociais e nos materiais impressos. Quando lhe dás o nome certo, consegues dar instruções aos designers mais depressa e rever rascunhos com confiança.
Ideias relacionadas, como o design de comunicação visual, ligam-se diretamente a este tema. Tem-nas presentes enquanto lês o resto deste módulo.
Molda a forma como as pessoas vivem o teu website, as tuas apresentações, os teus anúncios e os ecrãs do teu produto.
Porque é que o design visual importa para o teu negócio?
Os clientes avaliam a credibilidade pela disposição antes de lerem cada palavra. Uma estrutura visual clara reduz o atrito e torna as ofertas mais fáceis de perceber.
O design de comunicação visual estende as mesmas ideias a todos os canais.
Define um objetivo visual por página, como o registo ou a chamada, antes de escolheres as imagens.
Se quiseres ver como isto se liga a temas vizinhos, lê a seguir o processo de design do início ao fim e o que é um wireframe.
Lista prática que podes usar hoje
Define um objetivo visual por página, como o registo ou a chamada, antes de escolheres as imagens.
Quando reveres qualquer página, pergunta-te se o design visual é visível logo no primeiro deslize no telemóvel. Se não 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 design visual do teu site.
Partilha esta lista com quem atualiza o teu site, para que o design de comunicação visual se mantenha consistente 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 design de comunicação visual estende as mesmas ideias a todos os canais.
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 exemplos de bom design de website para comparar notas com um capítulo relacionado deste módulo.
Molda a forma como as pessoas vivem o teu website, as tuas apresentações, os teus anúncios e os ecrãs do teu produto.
Perguntas que muita gente ignora
Termos secundários como o que é design de comunicação visual e princípios de design visual ajudam-te a procurar exemplos mais profundos e a comparar o teu trabalho com os padrões habituais.
O design de comunicação visual estende as mesmas ideias a todos os canais.
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 que é design visual 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 o processo de design do início ao fim e o que é um wireframe, para que o módulo continue ligado na tua cabeça.
Já tens uma lente de trabalho para perceber o que é design visual. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com o que é um wireframe e exemplos de bom design de website para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo demora a melhorar o design visual?
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 trabalhar o design visual?
Um designer ajuda em mudanças de imagem complexas, mas muitas correções de design visual podem ser feitas por ti, quando já sabes o que procurar. Usa o processo de design do início ao fim a par deste capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar o design visual no teu website?
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 no design visual?
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 é um wireframe para a melhoria seguinte.
Como se liga o design visual 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 design visual?
Continua com o processo de design do início ao fim e o que é um wireframe neste livro, para construíres um sistema visual completo para a tua marca online.