O documento descreve o desenvolvimento de um Design System open source para o maior fornecedor de software para a saúde no Brasil. O Design System tem como objetivos promover a acessibilidade, consistência e reutilização de componentes para agilizar o desenvolvimento de produtos digitais na área da saúde. O documento detalha o contexto de uso, requisitos dos usuários, componentes iniciais e processo de avaliação do Design System.
1. Um Design System acessível e
open source para o maior fornecedor
de software para a saúde no Brasil
2. _bridge
- Laboratório integrado ao Centro Tecnológico da Universidade Federal de Santa Catarina
- Desenvolvimento de projetos de Governo Eletrônico (Ministério da saúde e Anvisa)
- 114 colaboradores
3. _Produtos bridge
Informatização do processo de
trabalho de Atenção Primária
e-SUS AB
Gestão do financiamento e
execução das obras financiadas
pelo Ministério da SaúdeSISMOB
Sistema para registro e
monitoramento de implantes
RNI
2 bilhões de registros
4.380 de municípios
31.984 Unidades Básicas de Saúde
1.3 milhões de profissionais de saúde
12 bilhões de reais em verba
33 mil obras
1.470 UBS em 2018
6 hospitais piloto
bold_design system
4. Design System
Um conjunto de padrões interconectados
e práticas compartilhadas organizadas de
forma coerente para atender ao propósito
de um produto digital.
(KHOLMATOVA, 2017)
bold_design system
7. A web é fundalmentalmente projetada para
funcionar para todas as pessoas,
independentemente do seu hardware, software,
linguagem, localização ou habilidade.
= Acessibilidade & Internacionalização & Open source
bold_design system
(W3C.org)
8. Porque
acessível?
bold_design system
de pessoas em todo mundo convivem
com alguma forma de deficiência.
(WHO, 2011)
1 Bilhão = 10%
45,6 milhões de pessoas
(23,9% da população) têm algum tipo de deficiência.
(CENSO, 2010)
O acesso à informação e comunicação,
é um direito humano básico.
9. A inovação através do código aberto é importante
porque abre portas para mais inovações.
bold_design system
- Isaac Newton
"If I have seen further than others, it is by
standing upon the shoulders of giants"
10. Porque
i18n?
bold_design system
Atingir uma parcela maior de usuários
Em alguns países, certas cores ou expressões
podem ter o significado de má sorte ou insulto.
Na Bulgária, acenar com a cabeça significa não,
balançar a cabeça significa sim.
Redução de riscos
Internacionalização é o processo
de criar um produto de forma
que possa ser facilmente
adaptado a idiomas e culturas
locais específicas.
Ordem de leitura, formatos de data e hora, calendários locais,
formatos numéricos e sistemas de numeração, manipulação de
nomes pessoais e formas de endereço, etc.
11. Análise do contexto atual
e real necessidade de um
Design System
Compreender e especificar
o contexto de uso
Especificar os
requisitos do
usuário
Produzir soluções de projeto
que atendam aos requisitos
Avaliar as soluções de
projeto em relação
aos requisitos
Repetir, quando
apropriado
bold_design system
Primeira versão do
Design System
Segue reto toda vida
Construção do
Design System
(Adaptado da ISO 9241-210)
12. - Sistemas usados por 1.3 milhões de profissionais
- Faixa etária e grau de instrução
- Baixo conhecimento em interfaces
- Não exploram o sistema
- Sistemas complexos
- Monitores de baixa resolução
- Velocidade da internet ruim
- Municípios com 1 a 500 unidades de saúde
Contexto de uso extremo & Público alvo diverso
PROJETAMOS PARA
bold_design system
15. Onde estão as referências
open source latinas?
*
Durante o processo de benchmarking as referências
sempre foram do EUA/Europa.
bold_design system
HOJE
17. Muitas vezes um componente “funciona” e passa
nos testes de forma isolada.
Porém quando usado no contexto do usuário o
resultado pode ser diferente.
Avalie as soluções no
contexto do usuário
Checkbox text Checkbox text
Checkbox text Checkbox text
16px
24px
bold_design system