fizemos uma pesquisa de mercado para entender a realidade financeira dos brasileiros. depois, passamos por uma matriz CSD para entender e definir o cenário atual, além das dúvidas e suposições que precisariam ser comprovadas. fizemos uma dinâmica com a matriz Impacto x Conhecimento para entender o que era mais prioritário no discovery. então, criei um formulário inicial para identificar nosso potencial público do produto. com os dados em mãos, entramos em contato com respondentes do formulário para uma entrevista em profundidade. o objetivo era entender melhor a realidade e o dia-a-dia com as finanças dos usuários.

com o resultado das pesquisas, tínhamos uma visão muito melhor de quem seria nosso público-alvo e conseguimos partir para a definição de personas. eu selecionei dois perfis predominantes dos respondentes e defini as personas, seus hábitos financeiros, seus desejos, suas dores e possíveis soluções. a partir das personas, desenhei, então, a jornada de cada uma sem o produto e a jornada ideal já com a nossa solução. isso nos ajudou a construir melhor os fluxos e pensar em features que resolvessem problemas já mapeados nas pesquisas.

nessa etapa, realizamos uma dinâmica em grupo, onde usamos a matriz Impacto x Esforço. aqui o foco era definir quais features entrariam no nosso aplicativo e como elas seriam entregues ao usuário, ou seja, quais telas eram essenciais e qual a melhor forma de construir os fluxos para acessá-las. 

a partir do resultado das pesquisas e alinhamentos, parti para a criação de wireframes simples. o objetivo aqui era colocar no papel o melhor fluxo dentro do aplicativo e e quais informações eram mais importantes para o usuário em cada tela. eu e outro integrante definimos quais serviços deveriam ter mais destaque e, assim, criamos o esqueleto do aplicativo. no fim, fizemos um primeiro teste de usabilidade para validação dos fluxos e funcionalidades.

pensando na identidade da marca e nos conceitos que gostaríamos de comunicar (modernidade, tecnologia, finanças e simplicidade), defini as cores da marca e desenhei os principais componentes do styleguide, como cores, botões, fontes, imagens, ícones, entre outros). aqui fiz bastante uso do auto-layout e do atomic design, assim na hora de construirmos as telas, teríamos mais agilidade e padronização das telas.

depois de definir o styleguide e com o resultado do primeiro teste de usabilidade, parti para a criação dos protótipos de alta fidelidade. ajustei alguns pontos de ruído no fluxo, identificados no teste anterior, e fizemos o protótipo navegável. depois de finalizados, criei a documentação do projeto, deixando em destaque o fluxo de cada tela e informações importantes para os desenvolvedores. com o protótipo navegável em mãos, apliquei um novo teste de usabilidade para validarmos a versão final das telas.

finalizada a etapa de UI design, definimos quais métricas seguiríamos para avaliar o sucesso da solução. para isso, avaliaríamos o NPS (Net Promoter Score) da solução e adaptamos o framework HEART para nosso projeto, medindo assim a felicidade e satisfação do usuário ao usar o produto; o quanto o usuário se engajou com o app e se todas as funções estavam sendo utilizadas; se as pessoas começariam a usar a nossa solução, diretamente relacionado à taxa de crescimento; se os usuários do se manteriam ativos e continuariam usando o app, mesmo a longo prazo; e a taxa de sucesso e tempo na realização das tarefas.