Green Life

Função: Redesign do site - UX|UI Design
Tempo: 5 semanas.
Sobre o cliente
O Green Life* é um spa de emagrecimento que promove e estimula a mudança de hábitos. Os serviços oferecidos são de alto padrão, incluindo dietas light e variedade de atividades físicas em uma estrutura acolhedora no sitio em Jurujuba.

*O nome do cliente e suas informações foram modificadas por questões de confidencialidade.
O desafio do projeto
O antigo site da Green apresentava muitos problemas estruturais e as visitas não eram convertidas em reservas. O desafio do projeto foi conseguir arquitetar as informações de uma maneira em que os visitantes se sentissem estimulados conhecer a experiência Green, incluindo os outros serviços, e entendessem qual é a proposta da empresa.

Entendendo a questão

Para entender melhor o problema, realizei uma reunião com o cliente (briefing) e propus algumas atividades para alinhar os pensamentos. Ao decorrer da reunião, surgiram os seguintes questionamentos:

Análise preliminar

Para dar início ao processo de redesign é importante fazer uma análise do site antigo. Para tal, levei em conta a análise heurística e as convenções estruturais de sites. Ao observar o site pude perceber alguns fatores chaves para os questionamentos levantados durante a reunião:

1. Visibilidade do estado do sistema - Severidade 2
O menu não utiliza algum elemento gráfico para informar em qual página o usuário está, o que pode causar confusão durante a navegação.

Recomendação:
Utilizar a fonte em outro peso ou cor para fazer a diferenciação da página que está sendo visualizada.


4. Reconhecimento em vez de memorização - Severidade 4
Analisando a estruturação base dos sites, podemos perceber que existe um padrão para facilitar a vida dos usuários, independente do produto. Esse padrão consiste em ao entrar no site, o topo do página apresentar o logo da empresa, um menu de navegação, uma chamada e um botão de ação para executar a tarefa principal. Nesse caso, o usuário se encontra perdido procurando o botão para realizar a reserva.

Recomendação:
Seguir a estruturação base de sites, a qual o usuário está acostumado.

8. Estética e design minimalista - Severidade 2
Conflitos de elementos na tela distraem o usuário da tarefa principal e atrapalham a navegação, como por exemplo o background utilizado.

Recomendação:
Aumentar o espaço entre os elementos, ajustar a hierarquia e mudar o background.

7. Flexibilidade e eficiência de uso - Severidade 4
Os novos usuários ou usuários leigos demoram a achar o botão reserva, que se encontra perto do final da página, e as informações de contato, que se encontram no rodapé do site. A ação de reservar ou entrar em contato se torna difícil, pois o usuário precisa rolar toda a página para achar.

Recomendação:
Subir o botão de reserva para perto da chamada e por as informações de contato no topo. Assim ambos estarão ao fácil alcance do usuário.

Através da análise heurística, foi possível identificar as dificuldades mais críticas (por ordem de severidade):

  • Os usuários precisam ir até o final da página para fazer a reserva ou entrar em contato com a empresa;
  • Eles se encontram perdidos quando entram na página devido à falta de reconhecimento;
  • Existe um conflito de elementos, dispersando a atenção do usuário;
  • Não sabem em que página estão.

Pesquisa de qualidade

Para entender como o visitante se relaciona com o site, implementei uma pesquisa de qualidade (quantitativa) ao término do processo de reserva. As perguntas incluíam o nível de satisfação, a avaliação do processo até conseguir efetuar a reservar e a avaliação do site.

48

Respostas

79%

Avaliaram mal o processo de reserva

34%

Não sabiam sobre os outros serviços da Green Life

41%

Avaliaram a experiência com o site como regular

Testes e entrevistas

Como um dos objetivos do redesign é atrair novos clientes, realizei testes e entrevistas com pessoas que não conheciam sobre os serviços da Green Life. A entrevista foi conduzida por 15 minutos e teve participação de 6 pessoas, homens e mulheres, com uma faixa etária entre 20 e 50 anos. Primeiro pedi que eles analisassem o site e falassem o que viesse a mente, depois realizei a técnica dos 5 porquês (5 whys) com os insights dados.
Alguns dos dados coletados nas entrevistas:

"Quando eu entro em um site e não acho logo de cara o que eu to procurando, eu vou para outro."

Fernanda, 26 anos.

Identificando as Personas

Para entender as necessidades, dores e frustrações envolvendo o site, foram criadas personas com os dados e insights obtidos nas entrevistas anteriores.

Problemas e soluções

Após a analise das pesquisas e testes realizados, montei uma tabela com as dores citadas pelos usuários e estudei opções de como solucioná-las através do redesign.

Análise preliminar

Para dar início ao processo de redesign é importante fazer uma análise do site antigo. Para tal, levei em conta a análise heurística e as convenções estruturais de sites. Ao observar o site pude perceber alguns fatores chaves para os questionamentos levantados durante a reunião:

Começando a construção

Ao entender os problemas, o ponto de vista dos usuários e as possíveis soluções, realizei um card sorting para reestruturar o menu e alguns assuntos do site, de acordo com o modelo mental dos usuários.

Wireframe

Antes da elaboração do layout, foram feitos alguns rascunhos em papel para experimentar variações e opções. Após os desenhos, foi realizada uma reunião para comentar sobre eles e escolher um finalista. O escolhido foi passado para wireframe - protótipo de média fidelidade.

Quais foram as mudanças?

As mudanças após o redesign incluem:

Desdobramentos

Antes da implementação, foram realizados testes A/B de alguns componentes. As métricas analisadas pelo Google Analytics indicaram um aumento significativo no número de reservas e os dados internos da empresa revelaram um aumento no número de novos clientes. Caso continuasse com o projeto, gostaria de realizar mais testes de usabilidade com os usuários e construir um próprio sistema de reservas.

Afinal, qual foi o aprendizado?

Esse estudo foi meu primeiro contato com UX/UI dentro do mercado e oportunidade de trabalhar com stakeholders. Foi interessante encontrar a melhor forma de conciliar os dois lados nesse trabalho. Todas as ferramentas e metodologias utilizadas no desenvolvimento desse projeto foram novidades para mim, então tive que estudar bastante sobre elas e aprender, principalmente na parte de descobrir (discovery).