Como fazer um novo design do site e não causar problemas: 4 etapas importantes



O redesenho do site é frequentemente visto pelos líderes empresariais como uma ferramenta universal de solução de problemas. As vendas estão caindo, os usuários gastam menos tempo no site, a conversão é reduzida - faremos uma reformulação e corrigiremos tudo. Na prática, muitas vezes acontece que o redesenho cria problemas ainda maiores. Hoje vamos falar sobre as medidas a serem tomadas para evitar isso.

Etapa 1: verifique se você precisa de um novo design


Focar apenas sentimentos gerais ao planejar um redesenho não vale a pena. Se você acha que o site poderia ser melhor, isso não significa que você precisa fazer algo com ele. Pode muito bem atender aos usuários e mostrar bons resultados do ponto de vista comercial.

Você pode entender a necessidade de reprojetar analisando vários fatores. O site parece moderno? A conversão diminui com o tempo? Usuários e clientes reclamam de uma interface ruim ou inconveniente causado pelo design atual?

Além da aparência e dos problemas relacionados, vale a pena analisar a infraestrutura: o site utiliza tecnologias modernas, há atualizações para eles, apoia o desenvolvimento de uma versão móvel do recurso, etc.

Se as respostas para algumas dessas perguntas forem negativas, será necessário um redesenho.

Etapa 2: definir metas e começar a testar o design antigo


O próximo passo importante é entender o que a empresa deseja alcançar através do redesenho. Como estamos falando de sites para empresas, você precisa usar métricas que a afetam: tráfego, conversão, retenção de usuários etc. Para entender quais indicadores para a nova versão do site serão realistas, primeiro você precisa analisar os números da versão atual do site.

Se você sabe qual é o seu tráfego agora, como é convertido, pode definir metas para aumentar o tráfego e as vendas através do site, que não serão retiradas do teto. Condicionalmente, se o site antigo estiver na primeira posição nos resultados de pesquisa para consultas direcionadas, é lógico exigir o mesmo da nova versão do site.

O teste A / B ajuda a lidar com o estabelecimento de metas. Mesmo antes do desenvolvimento do novo design, no site antigo, você pode alterar algumas coisas e ver o que muda no comportamento do usuário. Se, em vez do formulário, o botão funcionar melhor no principal, existe a chance de que em um design novo e moderno isso aumente ainda mais a conversão. A ausência de tais testes pode levar ao fato de que decisões obviamente sem êxito serão incluídas no redesenho.

Um exemplo clássico de tal erro é o redesenho do projeto 37signals. A empresa decidiu mudar seu nome para Basecamp - este é o nome do seu produto mais popular. Além disso, os desenvolvedores fizeram alterações na página principal do site. Anteriormente, o formulário de inscrição estava localizado:



Após o redesenho, ele foi removido:



Acabou sendo uma decisão ruim, o que levou a uma queda na conversão. Como resultado, os indicadores do projeto caíram acentuadamente , a empresa perdeu milhões de dólares em receita.

Etapa 3: explore os concorrentes e entenda o que você pode pedir emprestado


A análise competitiva é muito importante. Estudar os sites de empresas do seu setor e compará-los com a posição de cada uma delas no mercado ajudará a entender o que é realmente importante para os clientes. Por exemplo, essa análise pode levar a conclusões interessantes: por exemplo, pode-se facilmente descobrir que os sites de efeitos mais modernos e cheios de efeitos modernos pertencem a empresas que mal conseguem sobreviver e recursos mais calmos trazem muito mais lucro.

É importante emprestar apenas os pontos sobre os quais você entende exatamente o que está por trás deles, por que isso funciona para um público semelhante ao seu. Não é necessário alterar toda a abordagem dos negócios com muita seriedade, apenas porque alguém conseguiu. Um exemplo do que isso pode levar a uma reformulação do serviço Digg.com no início de 2010, considerado um dos piores da história da Internet .

O gerenciamento de projetos foi inspirado pelo sucesso de redes sociais como Twitter e Facebook, e também decidiu adicionar mais socialidade ao seu, inicialmente, agregador de serviços de conteúdo interessante.



Os usuários não gostaram das inovações - o tráfego dos EUA caiu 26% e do Reino Unido - 34%. Caiu e todas as outras métricas de atividade do público, pelas quais Digg era famoso anteriormente.

Etapa # 4: dê às pessoas uma escolha


Muitas vezes, os executivos da empresa acreditam que todos pesaram e tomaram a melhor decisão para os usuários. Na prática, pode acontecer que as pessoas discordem completamente desse ponto de vista. Os usuários podem não gostar do novo design, pode haver muitas razões. Do ponto de vista comercial, pode ser necessário.

Em tal situação, pode surgir descontentamento. Isso aconteceu, por exemplo, durante o redesenho do Kinopoisk. O serviço Yandex que comprou o serviço fez uma reformulação que, como pareceu a muitos usuários, acabou com a idéia do serviço. A estrutura enciclopédica do site foi quebrada, pela qual eles adoravam - por exemplo, as pessoas podiam encontrar filmes semelhantes às suas pinturas favoritas e informações sobre atores e diretores.



Como resultado, um grande escândalo surgiu, a empresa foi forçada a redesenhar o novo design e, em seguida, removê-lo para um subdomínio separado, onde ele ainda vive. No domínio principal, ficou um design visualmente desatualizado, mas muito popular:



Conclusão


Mesmo depois de concluir todas as etapas descritas no artigo, o trabalho no redesenho não deve terminar. Você precisará interagir com os usuários diariamente, avaliar seu comportamento e interações com novas interfaces.

Talvez algumas soluções que parecessem bem-sucedidas precisassem ser revisadas rapidamente, em algum lugar para alterar os textos ou o design em páginas específicas que eram incompreensíveis para os usuários. Este é um processo normal e você precisa estar preparado para este trabalho.

Meus outros artigos sobre desenvolvimento de sites para empresas:


Source: https://habr.com/ru/post/pt429388/


All Articles