Mayara Trindade – Designer Ux | Ui

Hora de conhecer o produto, a empresa e principalmente, o usuário:

• A primeira semana na empresa é focada em me abastecer de informações essenciais para começar a trabalhar nas melhorias. Fiz um questionário e enviei a todas as áreas da Just, do RH até a produção. Perguntas simples que me ajudaram a entender o negócio como um todo.
– Você sabe como os produtos são feitos?
– Qual a faixa etária do nosso público alvo?
– Desejáveis ou necessários?
– Quais os diferenciais do produto/serviço?

Análise dos dados

E dali a necessidade da confirmação de alguns dados surgiu:

– Hotjar: Com o mapa de calor é possível entender quais áreas os usuários mais acessam, quais CTAs mais utilizam, quais fluxos eles encontram primeiro, além de informar o tempo de tela, suas interações com os elementos, o cursor do mouse ou toques touch com gravações da tela. Uma grande quantidade de informações que bem estudadas trazem insigths e feedbacks reais dos usuários sem precisar questioná-los nesse momento.
– Google Analytics: Talvez a maior fonte de informações sobre os dados dos usuários, seus acessos, comportamentos e navegação dos usuários. Conhecer seu público é fundamental para levar soluções que funcionam para problemas reais. Faixa etária, gênero, localidade, classe social, dispositivos usados, hábitos de compra, tudo isso deve ser analisado e colocado na base de toda estratégia da empresa.
– Data Studio: São tantas informações essenciais e necessárias para uma empresa funcionar na sua melhor performance que as vezes fica difícil entender quais e como usá-las. O Data Studio me ajudou a segmentar essas informações, com dashboards simples que traziam exatamente os dados que eu precisava para cada estratégia, do marketing até a alteração de uma tela, por exemplo.
– Clarity: Parecido com o Hotjar, porém mais focado em lojas virtuais, ele trás gravações de usuários acessando todas as telas do site. Com filtros personalizados para ajudar na navegação, fica fácil organizar os pontos principais de melhorias.
– Amplitude: Uma ferramenta que também trás dados do usuário que acessa seu site. Com alguns detalhes que o difere das outras, até os tipos de navegadores e a porcentagem de uso de cada um deles é informada com precisão. Uso bastante pra buscar informações que trazem um “a mais” para argumentos previamente levantados em uma reunião ou análise.

Entrevistas

Agora é hora de “falar” com quem manda em tudo, o usuário:

• Pesquisa quantitativa:
Formulário enviado para a base de dados que previamente aceitou participar dessas dinâmicas com finalidades de cocriar e evoluir juntos a marca JustforYou.
• Entrevista:
Ligações por vídeo agendadas com a base de clientes que já haviam previamente se disponibilizado para participar de dinâmicas como essa. (Criação da sessão de CoCriação para captação desses usuários.)
Bate papo de 30 minutos em média com um roteiro criado afim de extrair do usuário as principais informações que precisamos para o próximo passo.
– Qual a principal forma de login que você utiliza?
– Costuma salvar seus dados para compras futuras?
– Qual a melhor forma de pagamento na sua opinião?
– O que você achou da experiência de compra online?
Pontos importantes que precisavam de validação. Tudo isso em meio a um bate papo sobre hábitos de compra e opiniões do usuário.

Interface

O máximo de informações absorvidas, agora partiu interface:

Após conhecer um pouco mais a fundo nossos usuários, fica mais fácil encontrar melhorias para a experiência deles. Nas entrevistas, 100% das respostas para a pergunta “Você acessa o site pós compra? Quais informações busca?” foi “quando entro, é só pra ver o status dos produtos” e só com essa informação eu já consegui atualizar a hierarquia das informações dentro da Área do Cliente, por exemplo.

Interface mobile

ANTES:
• Muitos espaços desnecessários, deixando a tela longa.
• Informações importantes não agrupadas.
• Disposição de elementos gráficos sem necessidade.
• Botão comprar novamente ativado sem que o produto tenha chego ao destino final, erroneamente.
• Alinhamento de informações que ocupam muito espaço de tela.

Interface mobile

DEPOIS:
• Melhor utilização dos espaços na tela.
• Agrupamento de informações conforme necessidade do usuário.
• Realinhamento de conteúdo, elementos gráficos e ação.
• Elementos gráficos atualizados para deixar a organização da tela mais simples porém mantendo sua funcionalidade.

Print da tela em um monitor 1920×1080.

Interface desktop

ANTES:
• Muito espaço de tela perdido com o respiro em volta das informações principais.
• Menu estendido ocupando bom espaço de tela e se fechado some completamente.
• Filtros padronizados sem estilização dos campos e soltos na tela.
• Tabela sem hierarquia da informação.
• Status confusos, sem passar a real informação para o cliente.
• Paginação em tabela.
• Falta de autonomia pro usuário.

Interface desktop

DEPOIS:
• Menu recolhido e navegável.
• Filtros personalizados com campos específicos para o tipo de dado.
• Informações organizadas.
• Autonomia para o usuário com funcionalidade de filtros não tão usuais escondidos, botão limpar filtros, filtros pré-programados, entre outros.
• Hierarquia da informação que foi retirada dos próprios usuários.
• Atualização dos status pra de fato levarem informação a quem os lê.
• Paleta de cores da marca adicionada aos filtros.
• Paginação infinita com scroll.

Tela desenhada no tamanho mínimo de monitores desktop.

Foi incrível

Esses foram alguns pontos estudados e trabalhados por mim nesse 1 ano de JustForYou.

Em um novo desafio, até você se sentir seguro demora um tempinho… E pra agilizar esse processo, se abastecer de informações é um super atalho. O designer só vai conseguir trazer melhorias, novas ideias e de fato solucionar problemas quando ele está confiante de que conhece o produto/serviço, a empresa e o público alvo. Daí pra frente fica mais fácil analisar mudanças, colocá-las em prática e acompanhar o crescimento do negócio e a satisfação do cliente.