O Neros DS é um design system projetado para as particularidades do Visual Basic Applications (VBA).
O Neros DS é o design system da Neros Systems, ainda em implementação, projetado para criar produtos digitais e inclusivos.
01 / SUMÁRIO
02 / Processo
03 / Entendendo o problema
04 / VBA e suas necessidades
05 / Contexto
06 / O Neros DS
07 / O que consegui
02 / PROCESSO
briefing
>
pesquisa
>
ideação
>
componentes
BRIEFING
O projeto Neros DS nasceu de uma conversa com o proprietário da Neros Systems, uma pequena empresa de consultoria de TI, sobre a necessidade de atualizar seus sistemas.
Em seguida, analisei a possibilidade de lançar um design system, já que o UI-Kit usado até então não era acessível e tinha uma estética muito "anos 2000".
03 / ENTENDENDO O PROBLEMA
PESQUISA
04 / VISUAL BASIC APPLICATIONS E SUAS NECESSIDADES
O Visual Basic for Applications (VBA) é uma linguagem de programação desenvolvida pela Microsoft. Ela é usada principalmente para criar macros, automatizar tarefas, manipular dados e desenvolver e personalizar aplicativos nos programas do Microsoft Office, como Excel, Word, PowerPoint, Access e Outlook. O VBA é uma ferramenta poderosa para aumentar a produtividade e personalizar a experiência do usuário nos aplicativos do Office, permitindo que os usuários criem soluções personalizadas para necessidades específicas.
Algumas maneiras pelas quais o VBA é usado no Microsoft Access incluem:
Automação de tarefas repetitivas: Os usuários podem criar macros ou escrever scripts VBA para automatizar tarefas como a importação de dados de fontes externas, a execução de consultas complexas e geração de relatórios personalizados.
Personalização de formulários e relatórios: Com o VBA, os usuários podem personalizar a aparência e o comportamento de formulários e relatórios no Access. Isso inclui a adição de controles interativos, a validação de dados inseridos pelo usuário e a realização de cálculos complexos.
Integração com outros aplicativos do Office: O VBA permite que o Access seja integrado a outros aplicativos do Microsoft Office, como Excel, Word e Outlook. Isso permite que os usuários criem fluxos de trabalho automatizados envolvendo vários aplicativos do Office.
O VBA é particularmente usado no Microsoft Access.
Nesse contexto, precisávamos de um design system que pudesse ser usado tanto para aplicativos exclusivamente desktop em VBA quanto em páginas responsivas na Web.
Estágios da pesquisa
Para pesquisar como o Neros DS deveria ser, foram realizados dois benchmarkings:
O primeiro levou em conta o que outras empresas estavam fazendo em termos de design system e UI-kits que poderiam ser usados como referência.
O segundo foi a pesquisa de aplicativos baseados em VBA que ainda estão no layout vanilla para entender como os componentes se comportam tecnicamente e suas respectivas limitações.
Levando em conta que a maioria dos sistemas será usada para gerenciar processos industriais em computadores desktop locais, a próxima etapa foi listar alguns componentes que seriam essenciais e a respectiva protopersona do usuário alvo.
Protopersona
João da Silva
Nosso protagonista é um homem de meia-idade, ou seja, entre 45 e 59 anos. Essa é a idade média dos trabalhadores da fábrica onde o Neros DS será exibido. João é um trabalhador industrial da área de fabricação de peças para veículos pesados. Ele tem de gerenciar a produção de peças, a programação de funcionários, programação e manutenção de máquinas e sistemas internos. Ele usa planilhas do Excel em seu dia a dia e sistemas integrados com o Office e o Access. Além disso, ele tem conhecimento médio de tecnologia e raramente usa interfaces móveis em seu trabalho.
IDEAÇÃO
05 / CONTEXTO
O processo de ideação de um design system é uma etapa crucial na criação de uma estrutura coesa e eficiente para o desenvolvimento de produtos digitais. Inicialmente, realizei uma pesquisa com o departamento de TI da fábrica para entender as necessidades do público-alvo. Também foram pesquisadas as tendências de design, as práticas recomendadas do setor e as diretrizes da marca. Em seguida, vem a fase de conceitualização, na qual são geradas ideias para os principais componentes do design system, como cores, tipografia, ícones, espaçamento, entre outros.
Após a fase inicial de ideação, o design system entra em um processo de desenvolvimento mais detalhado. Isso envolve a definição de diretrizes e documentação claras que descrevem como os componentes devem ser usados e combinados para criar interfaces consistentes e acessíveis. É fundamental estabelecer um processo de manutenção contínuo para garantir que o design system evolua de acordo com as necessidades do produto e as mudanças no mercado. Isso inclui a realização de testes de usabilidade, revisões regulares e feedback dos usuários e das equipes de desenvolvimento e design.
COMPONENTS
06 / O NEROS DS
O Neros DS é um design system projetado para as particularidades do Visual Basic Applications (VBA). Ele ainda está sendo implementado e desenvolvido. Seu objetivo é criar produtos digitais e inclusivos.
Wireframe
Mural
RESULTADOS
07 / O QUE CONSEGUI
Alguns componentes
A implementação de um design system para uma empresa de software resultou em uma série de benefícios e impactos positivos, tais como:
Consistência visual e de experiência do usuário: com base nos testes de protótipos ainda na fase de design (Figma), já vi que o design system ajuda a garantir que todos os produtos da empresa tenham uma aparência consistente, criando uma experiência unificada para os usuários.
Escalabilidade: à medida que a empresa cresce e novos produtos ou serviços são desenvolvidos, o design system fornece uma base sólida para garantir a escalabilidade.
Feedback mais rápido: com a capacidade de iterar e testar rapidamente novos componentes e funcionalidades, as equipes podem coletar feedback dos usuários no início do processo de desenvolvimento, permitindo ajustes e aprimoramentos contínuos. Além de melhor branding e reconhecimento.
Aprendizado
Aprendi a criar um design system do zero, com muitos briefings, entrevistas e pesquisas até chegar ao resultado final. Superei problemas técnicos, especialmente as limitações de um ambiente Access, e, ao mesmo tempo, vi que, embora essa ferramenta seja limitada, ela ainda oferece muitas oportunidades de personalização. Além disso, também aprendi que um projeto desse porte exige priorização. Alguns softwares antigos não receberão o design system no momento, porém todos os novos recursos já nascerão no Neros DS a partir de agora.
Próximos passoss
Com a fase de design concluída, o projeto agora passa para a fase de desenvolvimento, em que os componentes serão codificados e disponibilizados para consumo. Os resultados esperados para essa etapa são:
Manutenção simplificada: ao centralizar todos os elementos de design e a documentação em um único local, é mais fácil manter e atualizar o sistema. Isso economiza tempo e esforço, garantindo que todas as alterações sejam refletidas de forma consistente em todos os produtos.
Melhoria da qualidade: com a padronização dos elementos de design e do código, há uma redução significativa de erros e bugs. Isso resulta em produtos de maior qualidade e em uma experiência de usuário mais confiável.
Maior acessibilidade: agora os usuários com deficiência não precisarão de ajuda para manipular o software, garantindo maior independência.
No final, o projeto continuará a evoluir constantemente, seja para o desenvolvimento de componentes de design específicos, alterações na marca ou atualizações que um produto dessa natureza exige.
OBRIGADA!
