Visão geral
As plataformas de nuvem da Lenovo cresceram e se diversificaram de forma independente, com equipes individuais editando a mesma base de código. Isso levou a uma experiência de usuário inconsistente e componentes incompatíveis.
Contexto
A Lenovo tem uma série de portais corporativos em nuvem com várias funcionalidades. Um exemplo é o portal ThinkReality Cloud. Embora todos os portais tenham propósitos semelhantes em contextos diferentes, cada um tem suas próprias especificidades.
A equipe de design consistiu em quatro designers que colaboraram com a equipe de design de cada plataforma conforme necessário. Além disso, havia uma equipe de engenharia dedicada ao Sistema de Design, e eles trabalharam em estreita colaboração com as equipes de engenharia de cada plataforma para melhor integrá-las.
Objetivos
- Criar coesão entre todas as soluções em nuvem
- Reduzir a carga de trabalho de designers e desenvolvedores
- Criar consistência entre os fluxos das soluções
Desafios
- Equipes isoladas trabalhando em diferentes abordagens para os mesmos problemas
- Base de código única sendo alterada por várias equipes
- Experiência inconsistente dentro de cada solução e entre elas
Projeto
Creation of design system from both design and code perspectives. Allowing teams to work independently without compromising consistency,
O que é
Muitos componentes foram redesenhos de componentes existentes usados em várias soluções. Nós, designers, tivemos como objetivo identificar casos de uso e estabelecer coesão e alinhamento para atender às necessidades de várias soluções da Lenovo.
O projeto seguiu a abordagem de atomic design. Baseado na analogia do átomo, molécula e organismo. As menores partes do sistema são consideradas átomos, partes elementares do sistema mais amplo. Com esses átomos, é possível construir moléculas mais complexas que podem ser usadas para construir organismos, modelos e páginas.
Implementação de uma biblioteca compartilhada, permitindo que as equipes tenham seu próprio cronograma de implantação e mantenham a consistência em todas as plataformas.
Processo
Como a equipe trabalhou
Cada designer recebeu um conjunto específico de componentes para trabalhar individualmente. Eles eram responsáveis por manter a comunicação com os desenvolvedores durante todo o processo em relação aos componentes nos quais estavam trabalhando.
A colaboração ocorreu diariamente durante as sessões de trabalho envolvendo todos os designers. Durante essas sessões, os designers apresentavam o trabalho concluído no dia anterior e forneciam feedback uns aos outros. As discussões sobre a melhor abordagem, casos de uso e preocupações ocorreriam durante essas sessões.
Depois de finalizar um componente, uma sessão de revisão do design ocorreria, na qual as equipes de design e desenvolvimento poderiam discutir a versão final do design. Isso serviu como um momento de equipe, em contraste com as reuniões individuais que ocorreram durante o processo de design do componente.
Durante todo o processo de design, designers e desenvolvedores mantiveram a comunicação para discutir os requisitos enquanto o componente estava sendo projetado. Essa comunicação ocorreu por meio de bate-papo e reuniões e continuou mesmo após a finalização dos componentes, quando surgiram novas preocupações ou casos de uso.
Resultados
Designs
.svg)