Sobre o projeto
O desafio era criar a terceira versão completa do software, abrangendo seus oito módulos de assistência, com a intenção de que os usuários compreenderiam sua funcionalidade sem precisar de orientação da implementação.
Optamos por começar pelo Design System da empresa para obter uma compreensão abrangente do produto. Para essa abordagem, selecionamos a metodologia de Atomic Design, que divide o processo em cinco partes distintas: átomos, moléculas, organismos, templates e páginas.
- UX/UI Designer
- Creative Director
- Product Owner
Átomos
Os átomos representam os componentes fundamentais e indivisíveis da interface, abrangendo elementos como botões, campos de texto e ícones. Servindo como blocos de construção essenciais, os átomos formam a base sobre a qual os elementos mais complexos da interface são construídos.
Moléculas
As moléculas consistem em combinações de átomos, formando componentes reutilizáveis que atendem a funções específicas. Um exemplo seria um campo de pesquisa, composto por um ícone de pesquisa e um campo de texto, que juntos criam um elemento coeso e funcional.
Organismos
Os organismos abrangem conjuntos de moléculas e átomos que formam coletivamente partes maiores e autônomas de uma interface. Os exemplos incluem cabeçalhos, menus de navegação ou formulários de contato, que consistem em várias moléculas e átomos trabalhando juntos para atender a funcionalidades específicas dentro da interface.
Próximos passos
A implementação de um design system segue um processo consistente que requer manutenção contínua para acompanhar a evolução do projeto. Durante as fases subsequentes da metodologia de Atomic Design, como a criação de templates e páginas, adotamos uma abordagem em sprint, onde o design das telas avançava em paralelo com o desenvolvimento dos componentes pelos desenvolvedores. Esta abordagem sincronizada garantia uma integração fluida entre design e desenvolvimento, otimizando o tempo e recursos.
À medida que o projeto progredia, começamos a incorporar o sistema de design interno nas telas adicionais do software adquirido. Reconhecendo a menor frequência de uso da plataforma móvel pelos usuários, simplificamos suas funcionalidades para priorizar os recursos mais essenciais, garantindo assim uma experiência consistente e eficaz em todas as plataformas. Este processo iterativo e colaborativo resultou em um design system robusto e adaptável, capaz de atender às necessidades em constante mudança do projeto e dos usuários.