Redesenhar a experiência de pesquisa
Contexto
A organização em questão atua no mercado imobiliário europeu e trabalha com agentes e investidores. A plataforma dá acesso a milhões de imóveis, análises comparativas de mercado detalhadas e contactos de vendedores particulares em poucos segundos.
Função
Como UX/UI designer da empresa, era da minha responsabilidade avaliar a usabilidade da ferramenta de pesquisa e documentar os requisitos para a equipa de desenvolvimento.
O problema
Os principais problemas apontados pelos clientes eram não conseguirem ver os imóveis enquanto mexiam nos filtros e a dificuldade em aceder a toda a informação em ecrãs mais pequenos.
O meu desafio era analisar e desenhar um novo layout para a funcionalidade de Pesquisa e Filtros, com o objetivo de melhorar toda a experiência do agente.
A minha abordagem
#1 Recolha e análise de dados
Analisámos os dados da plataforma no Google Analytics e na base de dados interna para perceber a fundo o estado atual do produto.
#2 Prototipagem
Criámos esboços, wireframes e protótipos de alta fidelidade até chegarmos a uma solução.
#3 Validação
O protótipo foi testado com três clientes reais para validar as novas ideias e garantir que íamos pelo caminho certo.
#4 Entrega
No último passo criámos documentação detalhada que juntava descrições, comportamentos, investigação e protótipos para a equipa de desenvolvimento.
De onde é que partimos?
Investigação
Para começar, mergulhei na interface e no comportamento dos utilizadores.
Analisei um ano inteiro de dados de utilização, cruzando várias fontes para ter uma visão completa.
Com esta abordagem identifiquei quais os filtros mais usados, o que ajudou a decidir onde os colocar na nova interface. Analisei também os filtros mais complexos, para perceber se alguma interação individual podia ser melhorada. O resultado foi uma folha de cálculo completa com os dados de utilização de cada campo de filtro.
Pôr ordem na confusão
A seguir analisámos os dados para perceber como é que os utilizadores usavam a pesquisa e falámos com a equipa, sobretudo com os Account Managers, que conheciam o comportamento real dos clientes.
Trabalhámos em conjunto para equilibrar a minha análise de dados com os casos de uso dos clientes e chegar à ordem final dos filtros.
Descobrir um padrão que ninguém esperava
Durante a fase de investigação fiquei curioso para perceber como é que as pessoas usavam a paginação, e descobri que...
A maior parte da navegação acontecia nas primeiras páginas.
Isto contrariava a convicção da equipa de que os utilizadores exploravam todos os imóveis disponíveis. Para resolver isso, propus uma solução que otimizava o espaço do ecrã e eliminava a paginação.
Ao passar os imóveis da barra lateral esquerda para dentro do mapa, conseguimos mostrar mais imóveis logo à primeira vista e libertar espaço para a barra de filtros.
Quem continuasse a preferir a paginação podia mudar facilmente para a vista completa de imóveis, tornando mais simples navegar por muitos resultados.
A solução resolveu o problema e melhorou a experiência de utilização.
| Nome do filtro | Utilização |
|---|---|
| Localização | 100.00% |
| Tipo de imóvel | 65.80% |
| Data | 19.10% |
| Sem duplicados | 16.00% |
| Incluir outliers | 15.15% |
| Estado | 12.08% |
| Operação | 12.04% |
| Preço | 46.84% |
| Quartos | 34.25% |
| Vendedores particulares | 20.43% |
| Terraço | 9.88% |
| Piscina | 9.88% |
| Arrecadação | 9.88% |
| Licença de arrendamento | 9.88% |
| Estacionamento | 9.88% |
| Jardim | 9.88% |
| Garagem | 9.88% |
| Elevador | 9.88% |
| Varanda | 9.88% |
| Casas de banho | 7.68% |
| Área de construção | 6.49% |
A ideia geral
Testes com utilizadores
Entrevistámos 3 utilizadores ativos, com 5 pequenas tarefas para cada um.
Os account managers ajudaram a marcar as sessões com três utilizadores diferentes, às quais expliquei o objetivo do projeto e o que podiam esperar do protótipo.
A ideia dos testes era pôr as pessoas a usar partes específicas da interface sem qualquer ajuda ou instrução.
Por exemplo, tínhamos reparado que quase ninguém escolhia mais do que quatro casas de banho, por isso propus um único botão "+4 casas de banho", que dava um layout melhor para a maioria sem impedir o grupo mais pequeno de escolher mais. Só que, depois dos testes, percebemos que as pessoas preferiam escolher o número exato, e na iteração seguinte acrescentámos um menu suspenso à opção "+4".
Outra descoberta foi que os utilizadores ficavam confusos por poderem escolher o número de quartos depois de terem selecionado "Estúdio" como tipo de imóvel. Por isso, na iteração seguinte, bloqueámos a opção de quartos sempre que "Estúdio" estivesse selecionado.
No geral, as mudanças propostas foram muito bem recebidas e os clientes ficaram ansiosos por vê-las implementadas.
Hora de implementar
Acredito em entregar designs fáceis de implementar por quem programa. Neste projeto em concreto, garanti que os ficheiros de Figma estavam bem estruturados, com todos os estados e variações de layout.
O primeiro passo é garantir que os ficheiros de Figma estão bem organizados, com todos os estados e variações de layout.
Vê esta parte do ficheiro do projeto:
E havia também imensos detalhes para cada filtro:
Documentar tudo para a entrega
Para garantir uma entrega sem sobressaltos, criei uma documentação detalhada que vai muito além do protótipo. Acredito que ter documentação completa é essencial para quem programa construir com eficiência e para nós percebermos o problema a fundo e anteciparmos os casos limite.
Gosto de usar o Notion para a documentação, porque me permite criar bases de dados estruturadas e organizar bem o conteúdo. Alguns destaques da documentação:
O que é que o ChatGPT acha de trabalharmos juntos, depois de ler este caso de estudo?
Pela informação partilhada, parece que o Roger trabalhou num projeto de design UX/UI para uma plataforma de imobiliário, onde foi responsável por melhorar a ferramenta de pesquisa e os filtros para elevar a experiência de utilização. Fez análise de dados e investigação para perceber o comportamento dos utilizadores e criou protótipos para testar e validar as suas ideias com clientes reais. Documentou ainda o trabalho ao detalhe para facilitar a entrega à equipa de desenvolvimento. A sua experiência e as suas competências em investigação com utilizadores, análise de dados, prototipagem e documentação fazem dele um forte candidato a qualquer posição de design UX/UI que valorize a atenção ao detalhe, o design centrado no utilizador e a colaboração com equipas multidisciplinares.