RTFM: Recurso Técnico de Fixação Mental
Um guia básico dos principais componentes de um design system
A partir dos próximos artigos, o squad de Design System da Quero Educação relatará, especificará, destrinchará detalhes e pormenores dos componentes em forma de documentação. Será uma série para conhecer e entender, de forma simples e dinâmica — quem são, onde vivem e o que comem — cada item escolhido a ser retratado por aqui.
Na Quero Educação, o squad Design System está focado em aumentar a produtividade de nossos serviços, padronizando os produtos, uniformizando a experiência e reduzindo o trabalho repetitivo de todos os outros squads. O maior objetivo desse squad pode ser resumido em mensurar a tangibilização do design system em produção.
Por essas e outras que defendemos a documentação como mais uma ferramenta para nos auxiliar na consistência de nossos produtos. O Design System já é, em si, um documento vivo com todos os componentes e propriedades, no qual a dupla dinâmica dev + designer pode se basear para seguir com a qualidade de seus serviços, sem reinventar a roda e sem perder tempo.
Ah, não! Ele falou em documentação! :(
Odiamos documentação não utilizada, certo? Detestamos documentação extensa, como regras dos bancos ou as legendas das propagandas na TV. Não queremos ver o tempo desperdiçado em um guia que poderia “pegar pó” nas estantes no Google Drive ou do Storybook. Por isso, precisamos de uma documentação simples, dinâmica, com manutenção zero e que sobreviva ao longo do tempo no top 10 dos documentos de Design e Engenharia.
Somos práticos e, para seguir com o pragmatismo, convidamos você a conhecer os preceitos dessa sigla tão famosa (e querida por documentadores) — RTFM.
Partindo do princípio que a maioria das perguntas podem, sim, ser respondidas lendo a documentação, damos largada à série Recurso Técnico de Fixação Mental.
(Ou para os mais diretos: Read the Fu***** Manual!) 😄
Get Jan Klever’s stories in your inbox
Join Medium for free to get updates from this writer.
Apesar do nome, este “manual” não foi escrito em pedra como costumamos dizer por aqui. Ele apenas retrata como trabalhamos na Quero Educação. De qualquer forma, estamos sempre evoluindo e buscando melhorias para nossos processos.
TL;DR! E aí? Sobre o que será a série?
Resumindo, nosso objetivo é mostrar a importância e diferenças sobre o uso de alguns dos componentes de nosso Design System. Apesar do nome da série, queremos ir além do step-by-step de um manual técnico e mostrar de forma leve e direta porque se basear na documentação na hora de desenvolver seu produto.
Definição
O que são esses componentes? De forma resumida, para você entender a utilização de cada componente.
Diferenças
Confrontando um componente com outro para não confundir na hora de botar a mão na massa.
Regras
Apesar da rigidez desse nome, alguns do’s e don’ts podem evitar que mais tarde algo possa dar errado.
Enfim, os componentes
Abaixo, vamos atualizando a lista de artigos e componentes de acordo com suas publicações.
- RTFM #01: O guia básico dos Cards
- RTFM #02: O guia básico dos Buttons
Aproveite para conhecer um pouco sobre o trabalho desse squad que mantém a casa arrumada todos os dias aqui na Quero Educação
Leia também:
- Design System: da confusão à construção de um produto 👷🏾♂️
- OPS! Evoluímos nosso Design System 📐
- Design system por um desenvolvedor front-end, parte 1 e parte 2. 👨🏻💻
- Design System: conectando desenvolvedores e designers 🖌⚙️
