Redesign do site: dicas e truques para refazer o design do site

Publicados: 2018-01-08

Com o tempo, um site pode ficar antiquado ou uma organização pode ter novas necessidades e um redesenho do site é necessário. Uma empresa pode expandir o tipo de produtos que oferece, por exemplo, e exigir uma atualização no design de seu site para ajudar a vender seu estoque aumentado.

Índice ocultar
Dicas e truques gerais
Quais são algumas razões comuns para redesenhar um site?
Faça algumas metas
Foco na experiência do usuário
Mantenha o teste de divisão fácil
Lançamento do redesenho
Conclusão

A tecnologia está sempre evoluindo, e o que os visitantes do site esperam em um site mudará com ela. Às vezes, um visitante pensará que um site com um design mais antigo está morto ou quase morto.

Há algo lá que implica um mau serviço ao cliente. Os designs de sites mais antigos parecem pouco profissionais e negligenciados. Eles geralmente são difíceis para os visitantes do site navegarem, mesmo porque as opções de navegação estão desatualizadas e desconhecidas.

Alfinete

É sempre uma boa ideia planejar a reformulação de um site pelo menos uma vez por ano. As atualizações podem ser tão grandes quanto uma revisão completa do site ou tão pequenas quanto implicar a otimização de código e opções de navegação. Aqui estão algumas práticas recomendadas para uma reformulação do site.

Dicas e truques gerais

Inevitavelmente, alguns elementos em um site terão um bom desempenho e outros não. Você deve sempre verificar tudo para ver como é utilizável e ver o que precisa ser melhorado.

Alfinete

Facilidade de uso e usabilidade são elementos vitais de todos os aspectos do design do site. Eles causam enormes impactos na experiência do usuário.

Se algo não está quebrado, não conserte. Um elemento com bom desempenho não precisa ser melhorado. Você deve continuar monitorando para ver se de repente começa a ficar para trás, mas não perca tempo e recursos tentando melhorar algo que está indo muito bem.

No entanto, se um elemento que estava indo bem começar a mostrar sinais de atraso, faça alguns ajustes para garantir que ele mantenha uma ótima experiência do usuário.

Alfinete

Sinta-se à vontade para remover ou substituir aspectos do site que não funcionam. Não sinta que algo é uma necessidade se não estiver funcionando no site.

Use ferramentas como Google Analytics, CrazyEgg e Hotjar. Essas ferramentas mostrarão quais páginas são mais visitadas e quais elementos estão recebendo mais cliques. Outros elementos importantes a serem acompanhados são conversões de vendas, taxa de rejeição, tempo no site, palavras-chave e novos leads.

Manter um registro dessas estatísticas antes e depois do redesenho é uma boa ideia para que você possa ver como as alterações as afetam.

Alfinete

O redesenho do seu site deve ser baseado na obtenção de melhores resultados. Você deseja que o redesenho faça coisas como aumentar o número de visitantes, reduzir a taxa de rejeição, aumentar o tempo no site, aumentar o número de leads e aumentar a quantidade de vendas que seu site gera. Essas dicas podem ser aplicadas até mesmo no seu próprio site de portfólio.

Quais são algumas razões comuns para redesenhar um site?

Feio

O site simplesmente não parece bom. As fontes são difíceis de ler e chocantes. As cores estão fora e podem colidir.

O site parece amador e não profissional em geral. Uma pesquisa rápida mostra que os sites dos concorrentes parecem muito mais profissionais e agradáveis.

Datado

O site parece desatualizado. Às vezes pode ser difícil definir exatamente como parece datado, mas parece antigo e não moderno.

O layout, a largura do site e/ou o alinhamento parecem ter sido projetados há uma década.

Não é possível executar atualizações

O site é impossível de atualizar. O back-end está inacessível. Você tem que pagar um pouco de dinheiro à empresa de design anterior para fazer até mesmo elementos simples do design.

Ou, em vez disso, você tem acesso ao back-end do site, mas precisa passar por um treinamento para fazer edições ainda mais simples.

Parece ruim em dispositivos móveis

O site simplesmente parece horrível no celular. É difícil ou impossível de ler ou navegar. As animações podem não aparecer.

Esses problemas fazem com que o site pareça quebrado ou até abandonado. Muitos usuários acessam sites por meio de dispositivos móveis agora e um site móvel ruim é uma má notícia.

Não aparece no Google

Uma falha em aparecer no Google pode ser a sentença de morte para um site.

Tentar descobrir por que não está aparecendo nas listagens do mecanismo de pesquisa pode se tornar um pesadelo e provavelmente exigirá uma reformulação do site.

Faça algumas metas

Alfinete

Antes de começar o redesenho do site, você precisa traçar alguns objetivos para guiá-lo, seja você o cliente ou você mesmo que está redesenhando o site.

Usando alguns dos dados que você coletou sobre o design atual do site, você deve definir metas como sites que você gostaria de obter algumas dicas de design de cores, fontes, logotipos e outros materiais de marca; imagens de banco de imagens que você deseja usar; o objetivo principal do site, como o registro do usuário; um aumento da taxa de conversão em 25%; aumento do engajamento do usuário; ou melhoria de SEO ou estrutura do site.

Faça isso rápido. Eu não posso enfatizar o suficiente sobre isso o suficiente. Use o cache do navegador, imagens Gzip e SVG em vez de PNG. Não entre em pânico por não ter suas imagens em um formato editável. Você sempre pode convertê-los de volta para PNG com uma das muitas ferramentas que você tem online.

Foco na experiência do usuário

Alfinete

Não se perca nos detalhes técnicos da reformulação do site. Certifique-se de ter em mente o seu público-alvo e criar um design de site limpo com um bom UX.

A experiência do usuário deve ser uma prioridade. Ele se concentra na facilidade de uso e conveniência antes dos detalhes técnicos.

Mantenha o teste de divisão fácil

Alfinete

O teste de divisão significa que você pode melhorar o design do site em incrementos com base nos resultados.

Você pode realizar experimentos com a reformulação do seu site para ver o que melhora suas vendas, conversões ou qualquer outra métrica que você queira melhorar.

Os sites de comércio eletrônico definitivamente devem fazer uso de testes A/B, assim como qualquer outra organização que queira se beneficiar do apelo à ação de um site.

Lançamento do redesenho

A etapa final de um redesenho do site é o lançamento do redesenho. Tenha uma data e hora de ativação definidas.

Certifique-se de dar tempo para o teste de garantia de qualidade do redesenho para verificar elementos importantes como funcionalidade, correspondências de design aprovado, transição suave, links de trabalho e facilidade de restauração de um backup.

Alfinete

Depois que o redesenho do site for lançado, você deve continuar medindo as métricas relevantes para ver se está atingindo seus objetivos. Você pode descobrir que o redesenho não está funcionando conforme o esperado, o que levará a novas iterações do redesenho ou até mesmo outro retrabalho completo.

Conclusão

O design do site é um processo cíclico e regular. Novos desenvolvimentos tecnológicos ou modas de web design virão. As empresas expandirão seus serviços ou produtos.

No entanto, a reformulação do site continuará a depender das melhores práticas descritas acima, e segui-las colocará você no caminho certo.