Design Ux

Por que considerar a reformulação do site - Dicas e recomendações

É 2018. Para muitos de nós ao redor do mundo, o novo ano marca 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 reformulados por todos os tipos de razões; infelizmente, muitas empresas não percebem que seus sites precisam de uma atualização. Em um cenário ainda pior, as empresas rivais podem obter uma vantagem competitiva melhorando seu site, aumentando suas conversões, enquanto o seu pode ficar para trás.

O seu site é culpado de alguma dessas coisas? Se sim, talvez seja hora de redesenhar!

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 tentam se comunicar com você, mas acham difícil.
O site em geral parece desatualizado, o que deixa os usuários pasmos.
A usabilidade é pobre. Os usuários têm dificuldade para navegar no site.
A IU é confusa e inconsistente. Os usuários continuam cometendo erros.

Vamos dar uma olhada no que pode ser feito para corrigir isso.

Um site de comércio eletrônico desatualizado que precisa de uma reformulação

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 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 que os sites se destaquem da multidão.

Durante os estágios iniciais de um novo negócio, quando os fundos estão apertados, 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 muitos perigos ocultos: perigos que tendem a se revelar na pior oportunidade (por exemplo, quando o site precisa expandir sua oferta).

Um construtor de sites, Squarespace

Com os construtores de sites, os recursos são limitados ao que o serviço oferece e, como resultado dessa abordagem direta e direta para configurar um site, qualquer oportunidade de expansão pode ser severamente restringida posteriormente. Aqui está um exemplo de armadilha em que as empresas podem cair 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 um tema gratuito) → O cliente cria um site de uma página apenas para dizer 'Olá, somos [nome da empresa] e estamos aqui!' → Em seguida, o cliente deseja adicionar produtos apenas para descobrir que não é possível.

Muitas vezes, as empresas não pensam no que pode acontecer se as necessidades do seu site se tornarem mais complexas e forem apanhadas no caminho. Além disso, fatores importantes como a otimização do mecanismo de pesquisa (SEO), SSL (que afeta a classificação e a segurança) e a usabilidade móvel (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 redesenho do site é aquele que não precisa acontecer.

Construtores de sites x contratar um designer

Até mesmo sites projetados por designers especializados eles podem começar a crescer ervas daninhas se deixados por muito tempo. Devido ao foco em outros aspectos do negócio, às vezes o roadmap 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, todas as empresas devem redesenhar seu site de vez em quando, especialmente quando há preocupações do cliente.

Vamos falar sobre os principais motivos pelos quais um site pode precisar de um redesenho e a estratégia que você deve seguir ao modernizar sites por esses motivos.

Uma empresa B2B com extrema necessidade de um novo design de site

Um site B2B que não é atualizado há 10 anos, mostrando sua idade

Branding (ou rebrand)

A reformulação da marca geralmente vem com um novo design de site; no entanto, isso deve se estender além de um novo logotipo. Uma vez que a marca é a comunicação com o público, o tom de voz também deve ser considerado (pense em uma cópia do site, seções de perguntas frequentes ou suporte ao cliente online).

Branding é a forma como uma empresa deseja se retratar (por exemplo, útil, casual ou confiável), portanto, o escopo de um redesenho de site depende de quanto a empresa deseja se reinventar. Uma instituição financeira cujos clientes enfrentam problemas de confiança se beneficiaria de uma reformulação de marca 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ê deve ter em mente:

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?
É o página de destino uma cópia atraente?
A cópia do FAQ é útil?
O tom geral da voz retrata quem é o negócio?
O site precisa de alguma funcionalidade adicional, como chat ao vivo?

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

Mozilla, antes e depois da reformulação do seu site

Mozilla , antes e depois de seu redesenho e rebrand

Funcionalidade estendida

A reformulação de um site geralmente se justifica quando há demanda por novos recursos dos clientes. Empresas inovadoras estão constantemente criando novos produtos (online e offline), exigindo novos recursos que ajudem os usuários a ter uma melhor experiência desses produtos. As empresas menores, por outro lado, podem estar buscando expandir seus negócios com marketing de conteúdo, para o qual precisarão de um blog ou de geração de 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 tem certeza do motivo. Às vezes, o recurso são apenas algumas melhorias de UX - o produto em si é bom, mas fundamentalmente a experiência do usuário do site é falha.

Em qualquer caso, você deve usar a análise de sites para entender melhor os usuários.

Redesenhar com dados

Assim como acontece com a marca, o UX deve ser conduzido pela pesquisa do usuário. Ferramentas de análise de site, como Google Analytics e ferramentas de mapa de calor como Hotjar Y CrazyEgg eles podem ajudá-lo a identificar áreas críticas que podem precisar ser repensadas ou até mesmo recursos completos que podem estar faltando.

O Analytics dirá tudo o que você precisa saber sobre seus usuários: quanto tempo eles passam em certas páginas da web, se estão convertendo ou não, de onde estão saindo do fluxo de conversão, que dispositivo usaram, de onde vêm, dados demográficos do usuário , fluxo de comportamento; a vasta quantidade de dados é literalmente infinita.

Esses dados não podem ser usados apenas para medir o sucesso de uma reformulação do site , mas também pode Tente quais áreas do site são insuficientes em termos de experiência do usuário. Se o cliente ainda não sabe o que está faltando, você pode usar a análise do site para sugerir qualquer coisa, desde aprimoramentos a ideias completas de produtos, e então criar um roteiro para ver como o redesenho pode se parecer. Redesenhar um site requer planejamento.

Se você está lidando com um site que não usa análise de sites, sua primeira frase de chamariz é instalar o Google Analytics (sempre gratuitos, relatórios incrivelmente detalhados) Depois de identificar as áreas de preocupação com o Google Analytics, a próxima etapa no processo de design é o teste de usabilidade. Ferramentas como Hotjar Y CrazyEgg eles mostrarão exatamente onde os usuários estão clicando, e você pode até ver como os usuários estão se comportando no site com sessões de repetição. Se você identificou páginas da web de baixa conversão com o Google Analytics, esses registros do usuário mostrarão porque .

Qualquer outra decisão de design é baseada em suposições educadas (na melhor das hipóteses).

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

Quando terminar sua pesquisa, você pode criar mapas de jornada do cliente para destacar como a maioria dos usuários está convertendo. Este é um ativo muito legal que pode ser compartilhado por toda a empresa e informa toda a equipe sobre a função que eles precisam desempenhar no fluxo de conversão externo (mídia social, atendimento ao cliente, etc.).

Melhor ainda, você pode ajudar os clientes a se familiarizarem com a análise, para que eles possam medir qualquer sucesso ou fracasso ou conduzir sua própria pesquisa de usuário para empreendimentos futuros. É sempre uma vitória quando o cliente pode assumir o volante a partir daí.

Redesign do blog

Conforme mencionado acima, as empresas em estágio inicial buscarão criar um blog para expandir seu alcance. Nesse cenário, o site começou a conquistar visitantes e agora a empresa acredita que está pronta para expandir ainda mais seu alcance com o marketing de conteúdo.

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

Com isso dito, nos dias de hoje, é realmente difícil chamar a atenção do leitor por um período considerável de tempo. Embora parte disso se deva ao conteúdo em si, a UX pobre costuma ser a culpada, fazendo com que os usuários pressionem o botão Voltar e tentem um concorrente.

Infelizmente, essa é a desvantagem do conteúdo gratuito - os usuários ficarão felizes em abandonar uma página da web se a UX não for a ideal. Um grande designer Você deve saber como melhorar a legibilidade e a legibilidade, eliminar distrações visuais e inserir CTAs em altos níveis de pontos de conversão.

Os designers também devem usar a análise do site para melhorar o conteúdo UX - para descobrir onde os usuários param de ler Y porque - e, em seguida, tome decisões de design baseadas em dados com base nisso. Ao lidar com um redesenho em que novos recursos exigem um CMS, mais uma vez, é importante certificar-se de que o cliente pode facilmente assumir o controle depois.

Redesenho do comércio eletrônico

o design de comércio eletrônico É um dos aspectos mais difíceis de dominar a experiência do usuário e também requer um designer com experiência em design baseado em dados. Considere o seguinte: de acordo com Este estúdio , as lojas de comércio eletrônico sofrem uma taxa de abandono de carrinhos de 69,23% (em média). Onde US $ 738 bilhões foram gastos em comércio eletrônico nos Estados Unidos e na Europa, estima-se que US $ 260 bilhões disso poderiam ser recuperados por meio de um melhor fluxo e design de pagamentos. Para uma loja de comércio eletrônico, o fluxo de saída é o aspecto mais crítico, e um designer que pode identificar onde os usuários estão saindo é um designer que pode melhorá-lo.

Aqui estão algumas coisas a considerar:

O site inspira confiança e segurança?
O site tem um certificado SSL válido?
Os formulários de pagamento estão bem identificados e são fáceis de usar?
Os campos de entrada mostram o tipo de teclado correto?
O usuário pode pesquisar, caso não encontre o que procura?
Você está forçando os usuários a se registrar quando preferem visitar como um convidado?

eBay, antes e depois de sua reformulação

eBay antes e depois de seu redesenho

Lidando com o lado comercial

Alguns aspectos do negócio (como atendimento ao cliente) podem ter uma grande sobrecarga se o processo não for eficiente o suficiente, então os sites são atualizados com serviços integrados, como Interfone ou Kayako Ele pode não apenas fornecer uma experiência melhor para os usuários, mas também ajudar as empresas a reduzir os custos e cargas de trabalho de suporte ao cliente. Ao abordar o redesenho de um site, pergunte ao cliente quais são seus maiores desafios como equipe / organização.

Design Responsivo e Usabilidade

Resumindo, os sites responsivos são aqueles que se adaptam a virtualmente qualquer tamanho de tela, do celular ao desktop. O tráfego móvel excedeu o tráfego de desktop Em 2015, 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 não são otimizados o suficiente.

Dado que 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 a meta os designers eles precisam fazer muito mais do que 'fazer tudo caber'. Isso é o que você deve ter em mente:

Os pontos de toque são grandes o suficiente (pelo menos 44 px de altura)?
Os pontos de toque estão disponíveis para os polegares ou estão fora de alcance?
O site para celular está “cortado” para simplificar?
O site carrega rapidamente em conexões 3G?
No geral, como você classificaria o usabilidade móvel ?

Notificações de direitos autorais desatualizadas e links quebrados

Alguns podem considerar isso menor (e talvez relativamente falando, é), mas avisos de direitos autorais desatualizados, links quebrados e erros de ortografia indicam que o site foi abandonado ou uma pequena parte foi tomada. Estas cositas son especialmente importantes para las empresas SaaS porque los usuarios quieren saber que el servicio al que se están suscribiendo se mejora constantemente (es normal que los usuarios vean el aviso de copyright en el pie de página del sitio web para ver cuándo se actualizó por ultima vez). De modo geral, um site antigo fará com que os usuários se perguntem se ele já está ativo.

Um site com uma data de direitos autorais muito desatualizada

Essas coisas são muito fáceis de consertar, então considere-as 'primeiro'.

No caso de links quebrados, você pode usar uma extensão gratuita do Chrome como Verifique meus links para localizar links quebrados em uma página da web, ou Gramaticalmente para identificar erros ortográficos.

Requerimentos técnicos

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

Requisitos técnicos são características que não são enfrentadas pelo usuário; no entanto, eles podem afetar o usuário drasticamente. 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

Aprimoramentos de código de front-end e back-end tornará o site mais rápido (ou, pelo menos, sentir mais rápido), e a simplicidade do layout em si desempenha um grande papel nisso (layouts simples = menos código). Para sites que foram redesenhados, você não quer negligenciar isso.

conclusão

Design é sobre solução de problemas os clientes querem saber como os designers tornarão suas vidas mais fáceis ou como aumentarão a receita de seus negócios.

Uma lista de habilidades não diz ao cliente por que ele deve contratar, disse designer . Os designers fariam um ótimo serviço aos clientes comunicando-se porque É necessária uma reformulação do site para o negócio de seus clientes, destacando o que o resultado final alcançará.