Solução UX para melhorar a usabilidade do sistema de grande porte
Protótipo:
Figma
Arte:
Photoshop
Finalidade:
Desenvolvimento de site institucional
Conclusão:
Aprovado
01 . Otimizar a usabilidade da tela, principal reclamação dos usuários: Scroll longo
O sistema foi desenvolvido em 2009, com isso a interface não evoluiu junto com as boas práticas de usabilidade, esse foi meu desafio neste projeto: Fazer o mínimo de alteração no front-end que solucionasse as principais questões.
Um benchmark mostrou que a desvantagem atual do sistema em relação aos concorrentes era a extensão das páginas, os feedbacks eram algo como: “É difícil encontrar o que queremos porque a página é muito extensa”,
“A tela é lenta”, a extensão da tela realmente reflete nesses aspectos.
A forma que utilizei para melhorar o caso foi adicionar ao Design System Abas, é uma forma de organizar as informações em blocos e com isso criar etapas de próximos preenchimentos, um bom exemplo são os formulários que preenchemos que tem etapas.
Foi exatamente a solução que encontrei que impactasse o mínimo possível os desenvolvedores e oferecesse a condição ideal para os usuários. O resultado foi a redução de scroll em até 5 vezes, foi um resultado bastante positivo!