Traduzido do English • Ver original Olá, eu sou o Bryan e, há pouco mais de três meses, me mudei da Escócia para o Japão para integrar a equipe de design da Colorkrew!
Quando eu era criança, brincava com Lego por horas. Esses tijolos simples traziam tanta alegria para esse futuro designer.
_
_
Essa pilha bagunçada tem potencial infinito, com um pouco de imaginação.
Além de desenhar, era o hobby mais gratificante que eu podia imaginar; ser capaz de construir estruturas complexas a partir de peças simples que eram projetadas para interagir bem entre si.
Naturalmente, então, como adulto, há certa nostalgia ao usar ou construir sistemas de design para UI e aplicações web.
Um sistema para construir produtos digitais
Um sistema de design é a combinação de design, código e documentação que cria padrões modulares de interface que podem ser reutilizados repetidas vezes, enquanto são mantidos e desenvolvidos em um único lugar.
Há quem sente que isso tira autonomia do projetista, e inicialmente eu também era um pouco hesitante. Mas, à medida que ganhei mais experiência, sinto que, assim como o Lego, um sistema bem documentado dá a todos o mesmo ponto de partida e, assim, democratiza a capacidade de projetar. Engenheiros e Gerentes de Projeto conseguem se envolver mais no processo.
Sistemas de design reduzem significativamente o esforço e a repetição. O tempo que antes era gasto criando ou atualizando componentes em vários lugares agora pode ser usado para refletir sobre o processo como um todo e resolver desafios maiores, como alcançar metas de negócios por meio de uma melhor experiência de usuário.
Por exemplo, projetar um botão simples pode parecer um processo simples, mas há tantas coisas envolvidas na criação desse único componente:
1. Levar em consideração a marca de um produto provavelmente afetará a aparência e a sensação, mas isso precisa ser equilibrado com acessibilidade visual e usabilidade. 2. Ao construir esse componente, há considerações adicionais relacionadas à acessibilidade, otimização para mecanismos de busca e funcionalidade. 3. Testes, novamente, trazem trabalho adicional entre planejamento e execução. 4. Documentação de decisões, implementação e diretrizes de quando usar...
_
_
Mesmo na fase de design, um botão tem tantas complexidades.
Logo, esse componente "simples" se tornou uma tarefa enorme e, sem dúvida, é apenas um entre muitos componentes em uma determinada funcionalidade. Os benefícios de completar essa tarefa uma vez e reutilizar o resultado resultante são evidentes.
Não esqueça as instruções
Também como no Lego, quando você está construindo algo complexo, as instruções são importantes! Para entender as partes menores como parte de um quadro maior, os Dois e Proibidos da documentação ajudam quem não conhece os padrões, como a pergunta comum: Quando uso uma caixa de seleção em vez de um interruptor de alternância?
Fornecer documentação clara e torná-la facilmente disponível oferece aos usuários de um sistema de design mais confiança ao selecionar padrões. Isso deve reduzir o gargalo de depender de membros mais experientes da equipe e, consequentemente, diminuir também a carga de trabalho deles.
_
_
Construir uma cidade inteira começa com um tijolo.
A comunicação é importante, e construir documentação como recurso permanente pode reduzir muito o atrito durante a integração, e até como um lembrete da consistência do seu próprio projeto. Vale a pena ter uma estratégia em mente, seja usando um sistema de design existente ou criando o seu próprio.
Como adulto, talvez eu tenha guardado meus Lego (e evitado muitas lesões nos pés por causa disso), mas construir UI é, ainda assim, um processo familiar que pode se beneficiar das minhas experiências de infância e satisfazer a necessidade de criar coisas divertidas e interessantes.