Aprender como e por que desenvolvemos o SLDS
Objetivos de aprendizagem
Após concluir esta unidade, você estará apto a:
- Descrever as condições que influenciaram o desenvolvimento do Salesforce Lightning Design System.
- Explicar os objetivos da equipe do sistema de design SLDS.
Era uma vez
Pode ser difícil imaginar, mas a Salesforce nem sempre teve um sistema de design abrangente. Convidamos você para fazer uma viagem no tempo conosco e ver a história da origem do que agora é o Salesforce Lightning Design System 1 (SLDS 1).
O SLDS 1 percorreu um longo caminho até se tornar o sistema de design que é hoje. Ele evoluiu em resposta ao crescimento da Salesforce, às mudanças de tecnologia e ao aumento das necessidades dos usuários. O SLDS 1 precisou crescer para acompanhar o ritmo de crescimento e mudança. Saber como o SLDS 1 chegou até aqui pode ajudar você a entender o SLDS 1 hoje, como o SLDS 2 evoluiu e para onde o SLDS pode ir no futuro.
Nossa história começa em 2013, dois anos antes do lançamento do Lightning Experience. A Salesforce está em franca expansão, acabou de adquirir a ExactTarget e deve lançar sua primeira versão móvel da Salesforce Platform, Salesforce1. Em meio ao crescimento rápido, os designers e desenvolvedores da empresa percebem a necessidade de garantir experiências coerentes em todos os aplicativos Salesforce e de lançar as bases de um sistema de design que possa evoluir com a empresa e com a plataforma.
E assim, com o lançamento do Salesforce1, essa equipe de grandes visionários começa a documentar uma biblioteca de padrões e a criar um guia de estilo inicial para as equipes de design. A equipe de engenharia do Salesforce1 escolhe o termo tokens de design para descrever os valores do guia de estilo que funcionam em todos os sistemas operacionais e aplicativos web.
Landmark Design System
Sabe quando os filmes antigos às vezes mostram páginas de calendário voando para transmitir a passagem do tempo? Sente-se e veja as páginas voando porque, uau, estamos no início de 2015! Os designers e desenvolvedores da Salesforce combinaram a biblioteca de padrões e tokens com uma estrutura de Cascading Style Sheets (CSS) expandida para criar o Landmark Design System.
Para fazer com que o Landmark Design System funcione com qualquer plataforma, a equipe o cria em torno de planos HTML em vez de componentes totalmente funcionais, que são mais comuns em sistemas de design. O sistema também inclui uma estrutura CSS expandida e padrões de interação de IU amplos que seguem as melhores práticas de design. O resultado é um sistema de design cujos elementos funcionam juntos para produzir uma experiência de usuário de alta qualidade consistente.
Chega o Lightning
Impressionante, mas a equipe do Landmark Design System não fica vivendo no passado. Enquanto lançam o novo sistema de design, a equipe refaz a interface de usuário do Salesforce Classic (Aloha) com uma linguagem visual abrangente chamada Lightning Experience, transformando a aparência de todos os principais produtos Salesforce. Mais e mais equipes de produtos escolhem o Lightning Experience pelo que ele oferece. As metas da equipe do Landmark Design System para o Lightning Experience são:
- Ajudar os usuários de vendas a venderem mais rapidamente.
- Aumentar a produtividade dos usuários de atendimento.
- Oferecer uma interface de usuário moderna a todos os usuários.
Sem problemas, não é?
Um novo nome
Em 2015, as diretrizes de design são combinadas com a estrutura CSS com o objetivo de tornar o sistema de design mais usável por designers e desenvolvedores. Junto com a distribuição, o Lightning Experience se expande de móvel para desktop. A primeira equipe do sistema de design da Salesforce também atualiza a estrutura CSS do Landmark e promove a adoção na Salesforce.
A adoção do Landmark cresce e o CEO da Salesforce, o fundador Marc Benioff, abraça seu potencial, dando a ele o novo nome de Salesforce Lightning Design System (SLDS). No início de 2016, a estrutura CSS do SLDS é adicionada ao código principal do Salesforce. O SLDS que é atualmente conhecido como SLDS 1.
Os primeiros usuários do SLDS 1 incluem o Sales Cloud (que começou a usar tokens e documentação de guia de estilo no inverno de 2015), o Salesforce Mobile e o Service Cloud (verão de 2016). Com o aumento da adoção, os engenheiros do SLDS 1 se juntam a designers de experiência de usuário para padronizar documentação e padrões essenciais. Para atender a solicitações de clientes, o Salesforce lança o primeiro sistema de design empresarial de código aberto em lightningdesignsystem.com, permitindo que todos usem o SLDS 1.
SLDS 1 e SLDS 2 hoje e SLDS amanhã
Em 2018, a Salesforce Platform adotou integralmente o SLDS 1, que está lançando atualizações regulares que afetam toda a Salesforce Platform. À medida que foi crescendo, o sistema de design enfrentou desafios em sua missão de oferecer suporte e governança de primeira linha em todo o leque de produtos cada vez maior da Salesforce. Manter uma experiência do usuário coerente para os clientes, apesar do crescimento quintuplicado ao longo de três anos, significa considerar com cuidado várias aquisições, novos produtos, mudanças na tecnologia e nas prioridades a cada grande lançamento. A equipe do SLDS procura não só atualizar os padrões a cada lançamento, como consolidar e incorporar novos elementos de design em todos os seus portfólios de produtos no SLDS 1 para que os clientes possam continuar a usufruir de uma experiência consistente.
Mas, no geral, o SLDS 1 teve uma boa recepção e um número cada vez maior de clientes e parceiros adotou o sistema, replicando elementos de seus conceitos e modelo de governança em suas próprias organizações. A equipe do sistema de design pede feedback e atualiza o sistema constantemente para atender às necessidades dos clientes e dos colaboradores. E à medida que novos desafios, como o crescimento exponencial das empresas, surgem, o SLDS foi evoluindo cuidadosamente para enfrentá-los, mantendo sua visão coesa de experiência. O mais recente sistema de design, o SLDS 2, é prova do compromisso da equipe de design em inovar de forma ponderada.
Recursos