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 (SLDS).
O SLDS foi crescendo em círculos até se transformar no sistema de design que ele é hoje. Ele evoluiu em resposta ao crescimento da Salesforce, às mudanças de tecnologia e ao aumento das necessidades dos usuários. O SLDS precisou crescer para acompanhar o ritmo de crescimento e mudança. Saber como o SLDS chegou até aqui pode ajudá-lo a entender o SLDS hoje e para onde devemos ir em seguida.
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.
Os primeiros usuários do SLDS 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 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.
SLDS hoje e amanhã
Em 2018, a Salesforce Platform realmente adotou o SLDS, 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 busca não só atualizar os padrões a cada lançamento, como consolidar e incorporar novos elementos de design em seus portfólios de produtos ao SLDS para que os clientes possam continuar a usufruir de uma experiência consistente.
Mas, no geral, o SLDS 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 conforme vão aparecendo os novos desafios, por exemplo, o crescimento corporativo exponencial, o SLDS vai evoluir com cuidado para atendê-los, mas mantendo sua visão de experiência consistente.
Recursos