UX/UI Design Luagge Imóveis
Neste projeto apresento o planejamento de usabilidade no novo site mobile de uma imobiliária de Porto Alegre. Para isso, o primeiro passo foi reavaliar a busca de imóveis, utilizando protótipos de baixa fidelidade para simular a jornada do usuário. Como é possível ver nas telas da Home (abaixo), há uma falta de objetivo claro ao acessar o site, que é a busca por um novo imóvel. Ainda que a busca esteja em evidência, a tipografia é muito arredondada e os tamanhos são muito pequenos, oque dificulta a leitura.
O wireframe abaixo apresenta os passos do usuário na Home do site ao buscar por um imóvel. A solução foi apresentar dois botões na tela de início, tornando o processo mais intuitivo, afinal boa parte dos visitantes de um site de imobiliária pretende encontrar um imóvel. Caso não seja este seu objetivo, a seta indica que há mais por ver no site.
Ao selecionar Comprar ou Alugar, a Busca aparece acima Home, de forma a permitir que o usuário simplesmente a encerre caso queira voltar ao site, evitando idas e voltas desgastantes. Os campos do formulário têm um bom respiro entre eles, simbolizando uma busca simples, limpa e rápida, o ideal para usuários mobile.
Além disso foi planejada uma apresentação dos resultados, que não havia anteriormente. Aqui há um planejamento para resultados em destaque, e resultados secundários, permitindo que a empresa possa elencar quais imóveis são mais relevantes na busca.
A página do imóvel também carecia de ajustes. Além da fonte pequena e difícil leitura, a página apresenta elementos demais na tela, como excesso de texto, ícones e pouco espaço de respiro. Como não é mantido um padrão para os botões da Home e da Pag.Imóveis, fica difícil saber o que é clicável ou não.
Neste novo design, a ordem dos elementos na tela foi totalmente alterada para seguir uma sequência lógica de importância: Nome do móvel > valor > imagens. Os ícones clicáveis foram reduzidos aos quatro mais importantes, e posicionados na parte inferior da tela, um padrão já muito seguido por diversos aplicativos, que permite um reconhecimento automático.
Na segunda rolagem, os ícones de características do imóvel se diferem claramente dos anteriores, de forma a não deixar dúvida quais são clicáveis e quais não. Foram seguidas heurísticas de Nielsen, como a de Consistência e padrões (para botões e ícones clicáveis), e Estética e Design minimalista apresentando como ponto focal o botão Fale com um Consultor, que é o objetivo principal do usuário.
Na segunda rolagem, os ícones de características do imóvel se diferem claramente dos anteriores, de forma a não deixar dúvida quais são clicáveis e quais não. Foram seguidas heurísticas de Nielsen, como a de Consistência e padrões (para botões e ícones clicáveis), e Estética e Design minimalista apresentando como ponto focal o botão Fale com um Consultor, que é o objetivo principal do usuário.
Ao selecionar Fale com o Corretor, é aberta uma tela sobreposta muito semelhante à busca da Home, limpa e com bom respiro entre os campos, mantendo a consistência de todo o sistema.
UI: Protótipo de Alta Fidelidade
Muito obrigada.
