beta 1.1
CRIAR E ESCALAR
Desenvolver e evoluir o Design System da HeroSpark foi um desafio que uniu acessibilidade e escalabilidade.
KEY STAGES
A. Entendimento:
Benchmark / Alinhamento / Roadmap.
B. Diagnóstico:
Inventário de componentes / Estudo de Branding / Inventário de produto
C. Acionáveis:
Contextualização / Desenvolvimento técnico / Aplicação dos novos Foundations / Como difundir o uso.
D. Comunicação:
Validação com as áreas principalmente de produto e engenharia / Acompanhamento com clientes.
SUPPORT DOCS
A. Zeroheight:
Documentação detalhada de cada um dos componentes relacionados aos Foundations em estudo.
B. Roadmap:
Régua de acompanhamento de cada uma das etapas do projeto, assim como, pessoas responsáveis.
C. Biblioteca de componentes Figma:
Assets para serem utilizados no momento de criação pelas pessoas Product Designers.
D. Especificação em Handoff:
Especificação mínima para o time de engenharia ao finalizar o protótipo e arquivos.
SISTEMA DE CORES
Entregamos nosso Color System baseado e validado com critérios de acessibilidade "AA", e em alguns casos "AAA", nesse primeiro momento.
APOIO E FERRAMENTAS
Levando em consideração e entendendo que as ferramentas não são a solução, mas que podem ser aliadas ao que se está realizando definimos apoiar nossas análises dos Foundations em algumas delas, no caso, com o “Color Contrast Analyzer” da Adobe.
PROPORÇÃO DE CONTRASTE
Para cada uma das variações e grupos de cores, foi feito um estudo e uma validação de níveis, com mínimo de "AA", na aplicação de texto sobre a cor, aplicação de texto com a cor e também elementos gráficos/visuais com ou sobre estas cores.
CHECAGEM EM DISPOSITIVOS
Conferir em diferentes dispositivos, foi uma etapa muito importante do processo, pois a intensidade de brilho, contraste, reflexo, entre outras coisas, podem variar de tela para tela.
COLETIVIDADE
Um dos pontos principais neste projeto foi justamente o envolvimento e a conversa não apenas entre o time de design e as pessoas interessadas no Design System ou acessibilidade.
FUTURO: VALIDAÇÃO
Apresentação e todo o trabalho desenvolvido neste projeto para as pessoas de Product Manager — PM (Gestoras do produto), Agiles (Agilistas) e o Chief Product Officer — CPO.
FUTURO: ESTRUTURA
Contextualização do tema.
Desenvolvimento técnico.
Aplicação dos novos Foundations.
Difusão do uso dentro dos times/squads.
FUTURO: E AGORA?
Esse trabalho foi um pequeno passo, mas de extrema importância não apenas pelo intuito de tentar deixar o produto mais acessível para todas as pessoas, mas também pelo fato de trazer a tona a pauta de acessibilidade dentro da empresa e para pessoas diferentes.
PROJECT CONTRIBUTORS
Talissonn Buchinger: Lead Product Designer
Bruno Nepomuceno: Product Designer / Design System
Mariana Silva: Product Designer / Design System