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!

pt_PT