MSYS Captação: Melhoria em UX e interface do app

Sobre

A empresa Mold Systems atua com softwares para otimização de imobiliárias. Está preocupada com o atendimento de seus clientes e busca oferecer qualidade no serviço prestado.

Certezas por parte do negócio

Buscamos com essa iniciativa um início de padronização da identidade visual dos nossos sistemas.

– Stakeholder

Análise de UX

Frente a análise do aplicativo, levantamos os seguintes pontos de atenção:

  1. Visualização do Status do Sistema:
    • Implementar indicadores de status do sistema no aplicativo, que mostre se o sistema está funcionando corretamente ou se há algum problema. Isso dará ao usuário mais confiança na utilização da plataforma.

  2. Cadastro do Imóvel – etapas para conclusão:
    • Adicionar um componente de barra de progresso ao cadastro do imóvel, mostrando claramente quantas etapas foram concluídas e quantas ainda faltam.

  3. Dashboard de Informações do Imóvel:
    • Criar um “dashboard” ou painel que concentre todas as informações relevantes sobre o imóvel captado. Nesse painel, inclua detalhes como endereço, tipo de imóvel, status do cadastro, datas importantes (por exemplo, data de captação, data de término do contrato), etc. Isso permitirá que o usuário tenha uma visão geral rápida e acessível de todas as informações importantes sobre o imóvel.

  4. Visualização e edição dos dados preenchidos:
    • Incluir uma área ou guia onde o usuário possa visualizar todas as informações preenchidas anteriormente durante o cadastro do imóvel. Além disso, forneça a opção de edição para que o usuário possa fazer alterações facilmente, caso seja necessário. Dessa forma, o usuário não precisará começar o cadastro do zero se quiser corrigir alguma informação.

Matriz CSD

Entrevistas em profundidade

Dentro do universo dos corretores que trabalham com captação e que utilizam o aplicativo, realizamos a pesquisa com 3 corretores. Coletamos insights e ouvimos sugestões de implementação que facilitaria o trabalho na hora do cadastramento dos imóveis.

Dados e metrificação

Não nos foi fornecido nenhum dado a respeito da versão em produção, assim sendo, optamos por propor as melhorias conforme o que foi conversado com os corretores além de outros insights.

Personas

Cláudio

50 anos;
Corretor imobiliário.

Perfil
Trabalha em uma imobiliária de médio porte a mais de 10 anos. Trabalha com venda, captação e gerenciamento de imóveis.

Ao gerenciar os imóveis, mantém uma abordagem organizada e detalhada. Registrando as informações precisas sobre cada propriedade, incluindo suas características, localização, valor e histórico. Manter a carteira atualizada e diversificada é essencial para atender às necessidades e preferências dos clientes com eficiência.

Desejos e necessidades
Deseja mais praticidade na captação de imóveis para poder investir tempo no atendimento dos clientes.

Frustrações
Há uma demora na captação os imóveis, pois o aplicativo que utilizamos é difícil de usar.


Norma

55 anos;
Corretora imobiliária.

Perfil
Trabalha em uma imobiliária de médio porte a mais de 20 anos. Também atua com venda, captação e gerenciamento de imóveis.

Tem uma bagagem valiosa de experiências pessoais e profissionais, o que torna um diferencial no entendimento das necessidades e preocupações dos clientes. Com o tempo de experiência, aprendeu sobre empatia, de se colocar no lugar do cliente, demonstrando e compreensão em suas interações.

Desejos e necessidades
A utilização da tecnologia é um ponto a se melhorar, dessa forma, necessita de maior clareza e identificação para conseguir concluir uma tarefa via aplicativo celular ou desktop.

Frustrações
A falta de recursos e identificação na aplicação atual a faz ficar perdida na hora do preenchimento dos dados dos imóveis.

Ideação

Partimos do ponto do design resolvendo os problemas de interface. A primeira versão do aplicativo foi desenvolvida inteiramente por desenvolvedores, excluindo toda a parte de UX/UI. Dessa forma, a interface estava crua e nada intuitiva para o usuário. Frente a este cenário, pudemos trazer alguns insights para a melhoria da navegação e usabilidade de todo sistema.

Sistema

O sistema consiste no preenchimento dos dados do imóvel via web e aplicativo.

  • Web: o consultor imobiliário pode iniciar o preenchimento dos dados do imóvel na web possibilitando ser sincronizado no aplicativo.
  • App: o consultor que está na rua fazendo o cadastro dos imóveis, pode baixar o pré-cadastro do imóvel clicando em “Sincronizar” no aplicativo. Sempre que houver imóveis finalizados ou em pré-cadastro, será sincronizado mantendo o sistema sempre atualizado.

Diagrama do aplicativo

Algumas telas e justificativas de mudança

01. Tela de login

Como podemos ver acima, ao lado esquerdo, o layout em produção, o lado direito o que nós propomos.

  • Trouxemos o logo do sistema para compor a tela de login acompanhando a identidade visual e mostrando ao usuário em qual aplicativo ele está;
  • Organizamos a disposição das informações na tela para que o usuário tenha uma melhor percepção do conteúdo conforme a ordem de importância e priorizando a leitura em Z, centralizamos o conteúdo;
  • Referenciamos a MoldSystem próxima à dobra da tela para identificar ao usuário que o produto é da empresa referida.

02. Tela inicial

Para uma melhor visualização para o usuário, propomos uma tela inicial onde posicionamos o usuário a respeito do que está acontecendo no aplicativo, respeitando a primeira Heurística de Nielsen: Visibilidade do status do sistema. Dessa forma o usuário passa a saber a situação de todos os imóveis cadastrados.

03. Tela do imóvel

Seguindo a identidade da tela inicial, propomos um pequeno dashboard onde o usuário consegue visualizar as informações de uma maneira macro. Sendo assim, é sinalizado a ele quais etapas já foram concluídas.

Com este recurso de dashboard o usuário consegue ver os itens que foram preenchidos e quais ainda faltam preencher. Este preenchimento pode acontecer de maneira aleatória, conforme a necessidade.

Aprendizado

Os desafios desde o início do projeto foram superados e realizamos uma entrega onde conseguimos colocar o usuário no centro. Conforme as entrevistas e a tecnologia, realizamos as adaptações necessárias na interface para uma boa usabilidade.