Na fase de prototipação refinei as duas iniciativas (soluções de redesenho) em alta fidelidade e com o amadurecimento do entendimento da necessidade dos usuários criei uma terceira iniciativa também em alta fidelidade. Conduzi uma nova rodada de feedback com usuários, que resultou na validação de uma das abordagens, a que se distanciava mais do layout atual do produto, porém que estava mais próximo das necessidades dos usuários.

​

Com uma versão pré-validada e refinada, segui para fase de teste de usabilidade:

​​

Contratempo

• Descobrimos que:

  • O Helper causou hesitação por parte dos usuários, demandando um período maior de assimilação, mas gerou interesse nos usuários devido a sua aparência de guia/assistente.

  • Distribuir a ferramenta tooltip em áreas estratégicas e ajustar como ela é hoje, exigiria menos esforço de desenvolvimento e demandaria menos dos usuários (carga cognitiva), porém não seria tão completo e robusto como um guia.​

​

Aprovado

Validamos a abordagem de redesenhar a estrutura de formulário com iniciativa mais próxima das necessidades dos usuários e mais distante da versão atual combinado com a funcionalidade do tooltip (explorando mais essa ferramenta). Segui com os devidos ajustes com base no feedback do teste antes de passar para o design handoff.

 

A implementação foi considerada de médio esforço devido aos alinhamentos entre design e desenvolvimento. A proposta visa ser uma solução escalável através do uso de características de um modelo de formulário, como se fosse um template, que pode ser replicado sua base para diversos formulários seguindo as definições design documentadas no Notion.

​

Solução

Uma estrutura de formulário escalável que otimiza a experiência do usuário, utilizando definições baseadas em princípios e boas práticas de design, que foram possível devido a adoção de uma nova biblioteca de componentes.

​

O objetivo desse novo formulário é de reduzir a complexidade de preenchimento e ao mesmo tempo educar o usuário, com isso estaríamos proporcionando uma experiência do qual ele poderá entender o potencial do produto e se tornar mais competitivo, o que levaria também a redução de chamados de suporte.

 

Para alcançar esse objetivo, a base foi uma nova arquitetura de informação que foi possível por meio da colaboração dos usuários através das respostas do questionário disparado na fase de ideação, do qual utilizei conceitos como cardsorting, que me permitiu compreender: como os campos se relacionavam, identificar tópicos repetidos (ex.: nome), garantir uma estrutura organizada e lógica, definir quais dados poderiam ser abstraídos (ex.: informações já disponíveis) e quais campos tinham dependência. Buscamos novos elementos de UI, o que nos levou a uma nova biblioteca, devido a necessidade de conformidade com princípios de heurísticas de usabilidade de Nielsen - NN/G (ex.: Prevenção de erros), acessibilidade (WCAG) (ex.: navegação por teclado) e boas práticas de design de interação (ex.: feedback em tempo real, automatização de campos e sugestões de preenchimentos).