Este case foi bem interessante, foi um desafio proposto pelo time Cromai para vaga de Product Design. O tempo era curto, mas o suficiente para conseguir estruturar um projeto bacana. O desafio foi o seguinte:
"Você recebeu uma demanda de um dos times da Cromai que está criando a área restrita do nosso site para ser acessada pelas pessoas clientes. Nessa demanda, precisam de uma ajuda sua para propor o fluxo de login usando reconhecimento facial para evitar o transtornos com senhas. Você também deve considerar o primeiro uso do reconhecimento facial, ou seja, o cadastro do rosto das pessoas clientes."
Para o processo de discover, o obejtivo foi entender um pouco mais sobre a empresa. Seus diferenciais, site, comunicação, tipografia, suas cores... e imaginar o possível fluxo de login.
Usando o site What that font, consegui identificar uma tipografia próxima à utilizada pela empresa, o que faria com que o protótipo refletisse de fato a navegação. Aproveitar as cores do site e fonte, atribuíram um caráter mais homogêneo, confiável e reconhecível pelo usuário. Como o fluxo de login partiria do site da empresa, optei por imaginar esse fluxo "mobile first". De forma que, copiei a tela do site em navegação mobile e dali, seguiria o fluxo, que foi definido da seguinte forma:
Após o desenho do User Flow, foi o momento de partir para a construção do protótipo. Fiz as definições portanto, de cores e fontes a serem usadas.
Após esse processo, foi o momento de pensar os botões que teriam no layout e criar componentes para ficar mais fácil a visualização no protótipo.
Copiei a navegação original do menu no site da empresa:
E incluí a opção: "Minha conta"
De onde portanto, iniciaria todo o fluxo. Daí foi partir pra "brincadeira" de desenhar as telas, pensar as microinterações e voilà:
Houve também a necessidade de se pensar no UX Writing a ser descrito para guiar o usuário da melhor maneira possível pelo fluxo. Pois, uma nova funcionalidade necessita ter esse caráter "didático" durante o processo.
E assim ficou o protótipo para o fluxo de cadastro/login com reconhecimento facial proposto para o desafio: