Por que considerar uma reformulação do site - dicas e recomendações

Publicados: 2022-03-11

É 2018. Para muitos de nós ao redor do mundo, o novo ano sinaliza um novo começo. Novos objetivos, novas ideias e, para algumas empresas, um novo design de site para substituir o antigo.

Os sites são renovados por vários motivos – infelizmente, muitas empresas não percebem que seus sites precisam ser atualizados. Em um cenário ainda pior, as empresas rivais podem ganhar uma vantagem competitiva melhorando seu site, aumentando suas conversões enquanto o seu pode estar ficando para trás.

Seu site é culpado de algum desses? Se assim for, talvez seja hora de um redesenho!

A empresa tem uma identidade, mas o site não a reflete.
Alguns links estão quebrados, fazendo com que o usuário saia do fluxo de conversão.
Os usuários estão tentando se comunicar com você, mas estão encontrando dificuldades.
O site em geral parece desatualizado, deixando os usuários impressionados.
A usabilidade é ruim. Os usuários estão encontrando dificuldades para navegar no site.
A interface do usuário é confusa e inconsistente. Os usuários continuam cometendo erros.

Vamos dar uma olhada no que pode ser feito para corrigi-los.

Um site de comércio eletrônico desatualizado que precisa de uma reformulação do site — Um site de comércio eletrônico que não é atualizado há muito tempo, mostrando sua idade.

Construtores de sites: repletos de perigos

Novos negócios tendem a começar com construtores de sites simples, como Wix, Weebly ou Squarespace. Essas ferramentas simplificam o processo de criação de um site usando editores fáceis de arrastar e soltar WYSIWYG (“o que você vê é o que você obtém”) e hospedagem gratuita, mas essas ferramentas raramente são sofisticadas o suficiente para destacar os sites da multidão.

Durante os estágios iniciais de um novo negócio, quando os fundos são escassos, faz sentido teórico usar um construtor de sites. A abordagem “hospedagem incluída, sem necessidade de código” ajuda as empresas a estabelecer uma presença online sem gastar muito tempo e dinheiro. No entanto, isso vem com vários perigos ocultos – perigos que tendem a se revelar na pior oportunidade (por exemplo, quando o site precisa expandir sua oferta).

Com os criadores de sites, os recursos são limitados ao que o serviço oferece e, como resultado dessa abordagem direta para configurar um site, quaisquer oportunidades de expansão podem ser severamente restritas posteriormente. Aqui está um exemplo de armadilha em que as empresas caem ao operar um construtor de sites por conta própria, em um esforço para reduzir os custos de design e desenvolvimento:

Uma empresa de comércio eletrônico usa um construtor de sites (ou CMS com tema gratuito) → O cliente cria um site de uma página apenas para dizer “Olá, somos [nome da empresa] e estamos aqui!” → Mais tarde, o cliente deseja adicionar produtos apenas para perceber que não é possível.

Muitas vezes, as empresas não pensam no que pode acontecer se as necessidades de seu site se tornarem mais complexas e ficam presas no caminho. Além disso, fatores importantes como otimização de mecanismos de busca (SEO), SSL (que afeta a classificação e a segurança) e a compatibilidade com dispositivos móveis (que afeta a classificação e as conversões) podem acabar sendo negligenciados.

Como especialista, é aí que você entra.

Um designer especialista não deve ignorar essas considerações importantes e deve criar um site à prova de futuro, economizando tempo e dinheiro a longo prazo .

Resumindo, o melhor redesign de um site é aquele que não precisa acontecer.

Construtores de sites x contratar um designer

Mesmo sites projetados por designers especializados podem começar a cultivar ervas daninhas se deixados definhar por muito tempo. Devido ao foco em outros aspectos do negócio, às vezes o roteiro para a versão 2 nunca chega; por exemplo, às vezes, considerações importantes como SSL não eram considerações importantes na época. De qualquer forma, toda empresa deve procurar redesenhar seu site de vez em quando, especialmente quando há preocupações dos clientes.

Vamos falar sobre as principais razões pelas quais um site pode precisar de uma reformulação e a estratégia que você deve adotar ao reformular sites por esses motivos.

Um negócio B2B que precisa urgentemente de um novo design de site — Um site B2B que não é atualizado há 10 anos, mostrando sua idade.

Branding (ou Rebranding)

O rebranding geralmente vem com um novo design de site; no entanto, isso deve se estender muito além de um novo logotipo. Como a marca é sobre comunicação com o público, o tom de voz também deve ser considerado (pense na cópia do site, nas seções de perguntas frequentes ou no suporte ao cliente on-line).

Branding é como uma empresa quer ser retratada (por exemplo, útil, casual ou confiável), então o escopo de um redesenho de um site depende de quanto a empresa quer se reinventar. Uma instituição financeira cujos clientes estão enfrentando problemas de confiança se beneficiaria de um rebranding que pareça e soe confiável, por exemplo.

Independentemente de você estar melhorando uma marca existente ou criando uma nova do zero, aqui está o que você precisa considerar:

As cores fazem você se sentir de uma certa maneira?
As imagens/fotografias fazem o usuário sentir algo?
A estética visual geral satisfaz os usuários?
A cópia da página de destino é atraente?
A cópia do FAQ é útil?
O tom geral de voz retrata quem é o negócio?
O site precisa de alguma funcionalidade adicional, como chat ao vivo?

E mais importante, existe alguma pesquisa de usuário/cliente que você possa usar para construir a base do redesenho do seu site? Se não, então esta é sua primeira tarefa.

Mozilla, antes e depois do redesign do site — Mozilla, antes e depois de seu redesenho e rebranding.

Extensão da Funcionalidade

Um redesenho do site geralmente é garantido quando há demanda do cliente por novos recursos. Empresas inovadoras estão constantemente criando novos produtos (tanto online quanto offline), exigindo novos recursos que ajudem os usuários a experimentar melhor esses produtos. As empresas menores, por outro lado, podem estar apenas procurando escalar seus negócios com marketing de conteúdo, para o qual precisarão de um blog ou gerar receita por meio de uma loja de comércio eletrônico. De qualquer forma, um redesenho geralmente vai além de pequenas mudanças cosméticas e rebranding.

Às vezes, o “recurso” é desconhecido – envolto em mistério. O cliente sabe que algo não está funcionando (baixas conversões, insatisfação do cliente, etc.), mas não sabe ao certo por quê. Às vezes, o recurso é, na verdade, apenas algumas melhorias de UX – o produto em si é bom, mas fundamentalmente, a experiência do usuário do site é falha.

De qualquer forma, você deve usar a análise do site para entender melhor os usuários.

Redesign com dados

Assim como no branding, o UX precisa ser orientado pela pesquisa do usuário. Ferramentas de análise de sites como o Google Analytics e ferramentas de mapa de calor como Hotjar e CrazyEgg podem ajudá-lo a identificar áreas críticas que podem precisar ser repensadas ou até mesmo recursos inteiros que podem estar faltando.

O Google Analytics informará tudo o que você precisa saber sobre seus usuários: quanto tempo eles estão gastando em determinadas páginas da web, se estão realmente convertendo ou não, onde estão saindo do fluxo de conversão, qual dispositivo usaram, de onde eles são, dados demográficos do usuário, fluxo de comportamento; a grande quantidade de dados é literalmente infinita.

Esses dados não apenas podem ser usados para medir o sucesso de um redesenho do site, mas também podem provar quais áreas do site estão aquém em termos de UX. Se o cliente ainda não sabe o que está faltando drasticamente, então você pode usar a análise do site para sugerir qualquer coisa, desde melhorias até ideias de produtos inteiros e, em seguida, criar um roteiro para a aparência de um redesenho. A reformulação do site requer planejamento.

Se você está lidando com um site que não está usando análises de sites, sua primeira chamada para ação é instalar o já mencionado Google Analytics (relatórios incrivelmente detalhados e gratuitos). Depois de identificar as áreas de preocupação usando o Google Analytics, a próxima etapa do processo de design é o teste de usabilidade. Ferramentas como Hotjar e CrazyEgg mostrarão exatamente onde os usuários estão clicando, e você pode até observar como os usuários se comportam no site com repetições de sessão. Se você identificou alguma página da web com baixa conversão com o Google Analytics, essas gravações de usuário mostrarão o motivo .

Quaisquer outras decisões de design são baseadas em suposições educadas (na melhor das hipóteses).

Painel do Google Analytics mostrando dados de sessão mensais e taxas de rejeição

Quando terminar sua pesquisa, você poderá criar mapas de jornada do cliente para destacar como a maioria dos usuários está convertendo. Este é um ativo bastante interessante que pode ser compartilhado em toda a empresa, informando a toda a equipe qual o papel que devem desempenhar no fluxo de conversão fora do site (redes sociais, atendimento ao cliente, etc.).

Melhor ainda, você pode ajudar os clientes a se familiarizar um pouco com a análise, para que eles próprios possam medir quaisquer sucessos ou falhas ou realizar sua própria pesquisa de usuários para empreendimentos futuros. É sempre uma vitória quando o cliente é capaz de assumir o volante depois.

Redesenho do blog

Como mencionado anteriormente, as empresas em estágio inicial procurarão iniciar um blog para expandir seu alcance. Nesse cenário, o site começou a conquistar visitantes e a empresa agora sente que está pronta para ampliar ainda mais seu alcance com o marketing de conteúdo.

Em alguns casos (ou muitos casos, na verdade), um blog é o maior ativo de marketing que uma empresa possui. Um blog oferece às empresas a chance de impulsionar sua marca, informar os usuários sobre atualizações e novos produtos e envolver seu público-alvo com conteúdo relevante.

Dito isto, nos dias de hoje, é realmente difícil prender a atenção do leitor por um período de tempo sério. Embora parte disso se deva ao conteúdo em si, o UX ruim geralmente é o culpado, fazendo com que os usuários apertem o botão Voltar e tentem um concorrente.

Infelizmente, essa é a desvantagem do conteúdo gratuito – os usuários abandonarão alegremente uma página da web se o UX for abaixo do ideal. Um grande designer deve saber como melhorar a legibilidade e legibilidade, eliminar distrações visuais e inserir CTAs em pontos de alta conversão.

Os designers também devem usar a análise de sites para melhorar o UX do conteúdo - para descobrir onde os usuários param de ler e por quê - e, em seguida, tomar decisões de design orientadas por dados com base nisso. Ao abordar um redesenho em que os novos recursos exigem um CMS, mais uma vez, é importante garantir que o cliente possa facilmente assumir o volante depois.

Redesenho do comércio eletrônico

O design de comércio eletrônico é um dos aspectos mais complicados do UX para dominar e também requer um designer experiente em design orientado a dados. Considere o seguinte: De acordo com este estudo, as lojas de comércio eletrônico sofrem com uma taxa de abandono de carrinho de 69,23% (em média). Onde US $ 738 bilhões foram gastos em comércio eletrônico nos EUA e na Europa, estima-se que US $ 260 bilhões foram recuperáveis por meio de um melhor fluxo e design de checkout. Para uma loja de comércio eletrônico, o fluxo de checkout é o aspecto mais crítico, e um designer que pode identificar onde os usuários estão abandonando é um designer que pode melhorá-lo.

Aqui estão algumas coisas a considerar:

O site transmite confiança e segurança?
O site tem um certificado SSL válido?
Os formulários de checkout são bem rotulados e fáceis de usar?
Os campos de entrada exibem o tipo de teclado correto?
O usuário pode pesquisar, não deveria encontrar o que procura?
Você está forçando os usuários a se inscreverem quando preferem fazer o check-out como convidados?

Lidando com o lado comercial

Alguns aspectos dos negócios (como suporte ao cliente) podem ter grandes despesas gerais se o processo não for eficiente o suficiente, portanto, atualizar sites com serviços integrados como Intercom ou Kayako pode não apenas fornecer uma experiência melhor para os usuários, mas também ajudar as empresas a reduzir os custos de suporte ao cliente e cargas de trabalho. Ao abordar uma reformulação do site, pergunte ao cliente quais são seus maiores desafios como equipe/organização.

Design Responsivo e Usabilidade

Resumindo, sites responsivos são aqueles que se adaptam a praticamente qualquer tamanho de tela, do mobile ao desktop. O tráfego móvel ultrapassou o tráfego de desktop em 2015, e o Google até começou a favorecer sites compatíveis com dispositivos móveis em seus resultados de pesquisa. Embora a maioria dos sites seja tecnicamente responsiva, alguns poucos não são otimizados o suficiente.

Como 57% dos usuários da Internet dizem que não recomendariam uma empresa com um site móvel mal projetado, o design responsivo é um grande negócio, e os designers precisam fazer muito mais do que “ajustar tudo”. Aqui está o que você precisa considerar:

Os pontos de toque são grandes o suficiente (pelo menos 44 px de altura)?
Os alvos de toque são acessíveis aos polegares ou estão fora de alcance?
O site móvel é “reduzido” para simplificar?
O site carrega rápido em conexões 3G?
No geral, como você classificaria a usabilidade móvel?

Avisos de direitos autorais desatualizados e links quebrados

Alguns podem considerar isso menor (e talvez em termos relativos, é), mas avisos de direitos autorais desatualizados, links quebrados e erros de ortografia indicam que o site foi abandonado ou que apenas um pequeno cuidado foi tomado. Esses petiscos são especialmente importantes para empresas de SaaS porque os usuários querem saber que o serviço que estão assinando está sendo constantemente aprimorado (é normal que os usuários consultem o aviso de direitos autorais no rodapé do site para ver quando foi atualizado pela última vez). De um modo geral, um site com aparência antiga fará com que os usuários se perguntem se ainda está ativo.

Um site com uma data de direitos autorais muito desatualizada

É bastante fácil consertar essas coisas, então considere-as “em primeiro lugar”.

Para links quebrados em particular, você pode usar uma extensão gratuita do Chrome como Check My Links para localizar links quebrados em uma página da web ou Grammarly para identificar erros de ortografia.

Requerimentos técnicos

De acordo com a HubSpot, 82% dos visitantes abandonam sites que não são seguros.

Os requisitos técnicos são recursos que não são voltados para o usuário; no entanto, eles podem afetar o usuário de maneira drástica. SSL, por exemplo, uma camada de segurança necessária para lojas de comércio eletrônico (mas recomendada para todos os sites), informa aos clientes que seus dados confidenciais estão seguros.

Um site de comércio eletrônico com e sem segurança SSL

As melhorias de código front-end e back-end tornarão o site mais rápido (ou, no mínimo, mais rápido), e a simplicidade do design em si desempenha um papel enorme nisso (designs simples = menos código). Para sites passando por uma reformulação, você não vai querer negligenciar isso.

Conclusão

Design é resolver problemas — os clientes querem saber como os designers vão facilitar suas vidas ou como vão aumentar a receita de seus negócios.

Uma lista de habilidades não diz ao cliente por que ele deve contratar esse designer. Os designers prestariam um ótimo serviço aos clientes, comunicando por que um redesenho do site é necessário para os negócios de seus clientes, destacando o que o resultado final alcançará.

A marca deles está um pouco obsoleta?
A interface do usuário está causando confusão entre os usuários?
O UX está fazendo com que os usuários abandonem o fluxo de conversão?
A usabilidade (móvel ou não) está fazendo com que os usuários apertem o botão Voltar?
Parece horrível por todas as contas?
Como as melhorias do site ajudariam o referido negócio?

Quando você sabe o que precisa ser redesenhado, e o cliente também sabe disso, então o roteiro para o redesenho já tem uma base fantástica e metas mensuráveis.

• • •