Simples. É a melhor formação do FIFA. Brincadeira. Risos. Faz anos que não jogo FIFA. Não sei nem mexer mais nas configs do jogo.

Bom, a ideia do 4–3–4 foi falar (escrever):

• 4 coisas boas,
• 3 coisas não tão boas
• que aconteceram nos últimos 4 meses.

Ah, este é meu ponto de vista sobre a experiência profissional que pode, ou não, refletir na experiência que nosso time têm vivenciado desde o mês de Março. O início do home office na empresa.

Ah², adoraria estender o papo para ouvir (ler) a experiência de cada pessoa que irá ler. Por isso, comente, curta e compartilhe, isso ajuda a manter o canal, brinks.

Começarei por 4 coisas boas 😄

1 Nós, seres humanos, nos adaptamos rapidamente (ou deveríamos nos adaptar) a cenários e experiências não vividas anteriormente. É o famoso caso do usuário usar “sem problemas” uma solução que possui uma experiência ruim. Pense neste cenário, o que o cliente pode fazer? Nada, a não ser se adaptar. E ponto.

2 Aprendemos muita coisa nestes 4 meses. Nós aprendemos que é possível, rodar um projeto de inovação 100% remoto. Coisa que antes da pandemia acreditávamos ser pouco possível. E não foi só a forma de conduzir projetos, mas também, mentorias remotas, aproximação remota com outros designers, aprendemos que o formal e o informal se completam. Quantas reuniões em conjunto com filhos(as) aconteceram neste período? Quantos Homens-Aranhas e Barbies não apareceram em nossas câmeras durante uma apresentação de projeto? E tudo bem. Isso não invalida o resultado, só valida que o pessoal e o profissional se completam.

3 A vida continua. E os projetos também. Um dos grandes receios que tínhamos era de não ter tantos projetos durante esse período remoto, pois antes, todos eram feitos presencialmente em colaboração com outras pessoas. Lógico que alguns caíram, era esperado. Mas a nossa surpresa é que mais e mais projetos continuam chegando. Projetos estratégicos e que ganharam força com o cenário que vivemos atualmente além de termos a oportunidade de atuar em projetos em outras localidades do Brasil.

4 Confiar, cada vez mais, em cada pessoa do time! Sério, eles são incríveis, já sabia disto antes, mas agora a coisa mudou. Aprendi muito neste período com eles. Mas uma coisa que você aprende, sozinho, e com o tempo é a tal da confiança. E isso eu posso dizer que aprendi nestes tempos de incerteza. A certeza de poder confiar em cada pessoa do meu time. A cada entrega, a cada projeto, essa confiança e “orgulho” só aumentam.

E agora, as 3 coisas não tão boas 🙁

1Trabalho, trabalho e trabalho. Não que isso seja ruim, não é isso (sou grato a Deus pelo trabalho que tenho) mas o excesso em si é ruim. Não quero repetir o que várias pessoas já disseram mas com certeza estamos trabalhando mais neste cenário atual. E não é por falta de apoio. A empresa tem nos dado as melhores dicas, acompanhamento de vários tipos (físicos, psicológicos) e suporte para lidar com este tema, mas não sei o que acontece. Talvez a facilidade de enviar um e-mail, responder uma mensagem, mexer naquele último ponto que faltava na apresentação… Não sei. Só sei que estamos trabalhando muito.

2Amizade, infelizmente, muito pouco. Por causa do item acima sobrou pouco tempo para falarmos sobre qualquer outra coisa que não seja trabalho. Sabe aquele bate papo sem-pé-nem-cabeça durante um café coado em volta da mesa ou uma(S) partida(S) do famoso “pemba” não aconteceram nestes 4 meses. Aquele almoço (sempre indeciso) onde, normalmente, você acaba perdendo a fome de tanto que ri, não rolou neste período. Uma charada solta durante um silêncio (quase impossível) também não teve neste momento. E para um time, que acredita e pratica a colaboração e criatividade para resolver desafios de negócio, isso é ruim.

3 Não fazer parte do todo. Você faz, só não está vendo. Sabe aquela pessoa que você sempre encontrava no corredor e rolava uns cumprimentos, perguntas retóricas e do nada, uma oportunidade de ajudar ou ser ajudado aparece? Pois é, não teve. Isso porque nós temos interagido pouco com outras áreas. Não sei como está o pessoal do RH, os times de desenvolvimento, o pessoal de facilities, as startups e os times comerciais. Sei que todos estão bem, cada um fazendo sua parte, mas não os vemos. Fomos criados para nos relacionar, e infelizmente, neste momento não podemos fazer da forma “normal”.

Estamos crescendo como seres humanos, como pessoas, como time a cada dia. Cada um do itens acima ja estão sendo trabalhados de forma silenciosa. Mas como dizem por aí: crescer, dói! Mas é importante para nossa vida. E, com certeza, sairemos mais unidos e fortes do que entramos há 4 meses atrás.

Bom, se você chegou até aqui, conta aí nos comentários os seus 4-3-4, 4–4–2, 3–4–3 …

Valeu e “Life goes on”.

O meu 4-3-4. was originally published in Hub de Design TOTVS on Medium, where people are continuing the conversation by highlighting and responding to this story.

Penso que tenha nascido com a ideia de unificar as "pontas soltas" entre um processo/projeto de Design e o desenvolvimento da solução em si.

E para compartilhar um pouco sobre minha experiência, aqui vão algumas verdades que tenho sobre o assunto.

O que é e o que não é Design System

É muito comum encontrarmos alguns termos misturados com certa frequência no grande leque do Design.

Por isso, vamos lá:

• Atomic Design ≠ Design System
• Arquivos de Sketch / Photoshop / Adobe XD / Figma ≠ Design System
• Design Thinking ≠ Design System
• E por aí vai…

Design System, segundo Nathan Curtis, em tradução livre:

Uma estrutura escalável de decisões e comportamentos do time em um portfólio de produtos que convergem em uma experiência concisa.

Ou seja…

Design System deve unir o Style Guide, guia de boas práticas, estados e comportamentos de componentes, templates, códigos e, por fim, os componentes vivos (codados) feito por uma equipe multidisciplinar visando criar uma experiência única.

Todos podem e devem ajudar na criação

UXs, IxDs, UIs, pessoas de negócios e desenvolvedores.

Para auxiliar neste processo criamos um modelo de trabalho no qual cada perfil é responsável por uma etapa da criação.

• O UX Designer é responsável pela pesquisa inicial sobre o componente utilizado no projeto X;
• O Designer de Interação é responsável pela prototipação e validação do protótipo com os usuários;
• O Designer de Interface é responsável pela entrega visual. Transformar o conceito em componente visual, sem esquecer de todas as interações pensadas pelo IxD;
• E neste ínterim, estamos diariamente em contato com pessoas ligadas pelo produto, seja da parte técnica (POs e Devs) como da parte de negócios.

Dividindo a criação tudo se torna mais ágil e colaborativo, além de todos os envolvidos sentirem-se co-criadores e donos do Design System.

Designers e desenvolvedores precisam trabalhar juntos

Um Design System só é um Design System se os componentes estiverem desenvolvidos.

Tem uma frase que já li em alguns posts que o define muito bem:

Design System é um conjunto de componentes codados a partir de semânticas de design.

Frase de Thiago Hassu da Meiuca Design — Um laboratório especializado em escalar design.

Dito isto, quem irá codar os componentes?

Os desenvolvedores.

Por isto, tenha um ótimo relacionamento com eles e por mais que esteja tudo bem, sempre é preciso ajustar algum ponto.

No nosso dia a dia é uma das áreas que temos maior interação, seja propondo melhorias, analisando um bug, tomando um café. Se aproxime, de verdade, deles!

Bônus pela leitura até aqui 😝

Eis um artigo feito pela TechCrunch, afirmando que as 6 maiores companhias de tecnologia dobraram o time de Designers na última década. Abaixo a relação de Designers Versus Desenvolvedores:

• IBM passou de 1:72 para 1:8;
• Atlassian passou de 1:25 para 1:9;
• Dropbox passou de 1:10 para 1:6.

O artigo completo está no link abaixo:

6 major tech companies have doubled their design hiring goals in last half decade

Consumidores devem ser os maiores impactados

Um Design System bem empregado no desenvolvimento aumenta a qualidade das interfaces e consequentemente melhora a interação humano-computador.

As bases de um Design System são padronizar e escalar (ganhar escala).

Como consequência o consumidor aprenderá mais rápido a "usar" a Interface completando tarefas mais rapidamente e de forma assertiva. Tornando, assim, a experiência única.

O objetivo é elevar o nível na hierarquia das necessidades do consumidor chegando no topo, como mostra a imagem a seguir:

Concluindo, minhas recomendações:

Não é pra ser verdade absoluta, e nem quero que seja, mas com a experiência que temos tido durante a criação do nosso Design System, seguem algumas recomendações para a criação:

1. Conheça, pesquise e estude sobre Design System. Não faça somente pelo "hype" ou por quê a empresa Y tem um. Entenda o momento do seu produto/empresa e veja se é realmente necessário.
2. Comece com um Style Guide, e após isto, evolua até chegar a um Design System.
3. Como visto no artigo da TechCrunch, Designers e DEVs precisam trabalhar juntos! Já foi o tempo em que cada um tinha uma função e a realizava sem se preocupar com o trabalho do outro. (Recomendo a leitura de A Empresa Conectada de Dave Gray sobre a interação e mudança de estrutura para criar soluções inovadores).
4. Por último, nunca esqueça dos usuários/consumidores. Eles são o foco, sempre! O processo de criação de um Design System será bem “técnico” em alguns momentos, porém, tenha sempre em mente o objetivo de simplificar a vida do usuário solucionando necessidades de maneira simples.

Ainda estamos aprendendo muito, mas estes pontos já nos chamam muito a atenção na criação de um Design System. Se atente à eles. 😉

Obrigado pela leitura, comente no post e vamos trocar ideias!

Algumas verdades sobre Design System was originally published in Hub de Design TOTVS on Medium, where people are continuing the conversation by highlighting and responding to this story.

O propósito aqui não é falar sobre a melhor ferramenta para criação de um Design System, em quanto tempo, a quantidade de pessoas necessárias em um time e outros assuntos que rodeiam este vasto universo.

Atualmente existem centenas de Posts muito bons sobre Design Systems, Guidelines, Style guides, etc. Colocarei no final do texto alguns links sobre o que é um Design System e como criar um. ;)

A minha ideia é apresentar brevemente alguns pontos sobre a importância de investir tempo para a criação e uso de um Design System.

[ Notem as duas palavras acima criação e uso. Vejo por aí muitos textos sobre a criação, porém pouquíssimos sobre o uso e manutenção de um Design System. Mas isso é só uma introdução para um texto futuro ].

Vamos lá! Mostrar a importância do Design System!

Aumentar a produtividade

É a premissa básica de um Design System. Investindo tempo na construção, possibilitamos o aumento da produtividade do time de UX, UI e desenvolvimento. Alguns exemplos para aumentar a produtividade:

• No time de UX com padrões e comportamentos pensados e predefinidos em conjunto com clientes através de Workshops, é possível também, reaproveitar componentes já pensando em projetos anteriores;
• No time de UI com componentes contextualizados e alinhados com bons exemplos de mercado sem esquecer da identidade da empresa;
• No time de DEVs reutilizando os componentes já construídos ~ como o Atomic Design prega ~ e tendo boas práticas já pensadas para cada um deles.

Reduzir custos

Ao reutilizar componentes validados e definidos em projetos anteriores é possível reduzir o tempo de definição de conceito e comportamento pelo time de UX.

Segundo estudo realizado em 2005 pela Dra. Susan Weinschenk, empregando componentes bem definidos na etapa de UX no início do desenvolvimento é possível reduzir em até 50% as horas desperdiçadas com retrabalho.

Outro ponto para reduzir custos utilizando um Design System é a possibilidade de conceituar e validar features rapidamente antes de desenvolver. Com isto, é possível limitar que features desnecessárias sejam desenvolvidas. Focando a força de desenvolvimento no que realmente faça sentido para o usuário.

Pensar menos em pixel e mais em pessoas.

- Hmmm, mas um Design System tem em sua composição o uso de pixels. Como não pensar?

Não é por que temos um Design System que iremos entregar telas cada vez mais rápido. Não podemos confundir produtividade com agilidade.

Antes de consolidarmos nosso Design System entregávamos 10 telas em dois dias. Hoje em dia, conseguiríamos entregar mais de 25 telas.

Mas…

Com mais tempo para a fase de layout não entregamos mais telas, e sim componentes, comportamentos e, consequentemente, telas mais pensadas, estruturadas e centradas nas pessoas. Sejam quem for essas pessoas — UIs, DEVs ou clientes.

Existe um post muito bom do Diego Rezende comentando um pouco sobre este assunto. Leia também:

Mais négocio, menos pixel.

Dito isto, o último ponto:

Aumentar as vendas de nossos produtos

Utilizar um Design System deve impactar o aumento de vendas de nossos produtos. Basicamente, teremos mais tempo para entender as necessidades dos clientes e validar o que foi feito definindo features que realmente precisam ser desenvolvidas e que atendam as expectativas dos clientes.

Com certeza, existem dezenas de outros pontos. Tentei colocar aqui os que mais vejo no dia a dia. E espero contribuir para a defesa de um investimento em $$$ e/ou tempo para a construção e uso de um. :)

Quer ler um pouco mais sobre Design Systems? Taí, ótimos links:

• Sistemas de Design para Interfaces
• Creating a Design System: A Practitioner Case Study - Studio by UXPin
• Setup a design system
• L’atomic design et la créativité
• Adele - Design Systems and Pattern Libraries Repository

É isso pessoal.

Abraços e obrigado pela leitura!

A importância do Design System em grandes corporações was originally published in Hub de Design TOTVS on Medium, where people are continuing the conversation by highlighting and responding to this story.