A criação de um Design System é um projeto ambicioso
Recentemente, tive a oportunidade de trabalhar para um grupo internacional especializado em serviços de catering.
Em um contexto de transformação digital, um novo ecossistema digital foi criado. Diante dos problemas observados, apresentei os diversos benefícios de um Design System e depois o coloquei em prática. Uma parte difícil, certamente, mas muito interessante. Aqui está meu feedback em 10 pontos para discutir com as equipes.
Un Sistema de Design, é um Repositório de UX/UI compartilhado por designers e desenvolvedores para criar e desenvolver um serviço ou produtos digitais.
OS 3 COMPONENTES CHAVE
Na interface do usuário, o estilo visual, quer os elementos que compõem a sua interface
Em UX, o uso, a experiência do usuário que você definiu e le Língua, como você aborda seus usuários (Escrita UX).
Um Design System está vivo, o que significa que evoluirá ao longo do tempo. Ele é agnóstico, porque se adapta às tecnologias e não o contrário. Baseia-se no princípio do Design Atômico.
As vantagens do sistema de design
É uma referência única e universal, permitindo manter a consistência entre os diferentes produtos de uma marca.
Facilita evoluções graças a um sistema de compartilhamento de versões e economiza tempo para as equipes além de ser Agile, pois compartilhado por todos.
ANTES DE CRIAR UM SISTEMA DE DESIGN
#1 VERIFICAR STATUS DO PROJETO
Quando comecei a criar meu Design System, faltavam algumas jornadas do usuário. Eu me adaptei oferecendo mais componentes do que o esperado, mas tive que trabalhar às cegas, o que atrasou um pouco meu trabalho.
Para configurar seu Design System, tente ter wireframes e uma jornada de usuário completa antes de começar. Mesmo que um Design System vá evoluir, você economizará tempo iniciando-o neste estágio.
#2 OUÇA AS PESSOAS CERTAS
Quando eu estava criando meu Design System, várias pessoas me deram feedback informal. Mas alguns comentários foram contraditórios. Eu não sabia mais a quem ouvir porque todos pareciam importantes no projeto e certas escolhas eram delicadas.
Em caso de dúvida, converse com seu gerente de missão. Você saberá a quem ouvir ou não, referindo-se a uma pessoa específica.
#3 ORGANIZE UMA REUNIÃO DE DEBATE, COM ANTECEDÊNCIA
Em grandes grupos, os processos de validação interna às vezes são lentos e complicados. Eles costumam passar por e-mail e acabam em uma cadeia de comentários. Então, como você apresenta seu trabalho para todos e obtém feedback rapidamente?
Organize com 2 ou 3 semanas de antecedência uma reunião que será a restituição do seu Design System.
Convide todas as partes interessadas do projeto! Os tomadores de decisão de alto nível devem estar lá porque são eles que você terá que convencer. Peça ajuda ao Product Owner para garantir que você não se esqueça de ninguém. As equipes dão as boas-vindas a esse tipo de iniciativa e estarão ansiosas para ver seu trabalho de maneira concreta.
DURANTE A CRIAÇÃO DO SISTEMA DE DESIGN
#4 EVANGELIZAR
No início da missão, quando comecei a falar sobre Design System, percebi que estava perdendo a atenção dos meus interlocutores. Em plena transformação digital, os colaboradores do grupo em que trabalhei foram assaltados por novos conceitos: Design Sprint, Método ágil, Reuniões em pé…
Eles tinham acabado de mudar sua maneira de trabalhar e eram incapazes de entender as complexidades de todos os outros ofícios. Rapidamente percebi que tinha que evangelizar para interessá-los pelo Design System.
Explique o básico desde o início:
A diferença entre Ux e Ui, os principais princípios do design de materiais, ou mesmo o design atômico... então o valor agregado de um Design System em termos de flexibilidade e tempo. Seus funcionários terão o prazer de receber essas informações de maneira simples, e suas trocas serão ainda melhores por isso.
#5 FAÇA UMA APRESENTAÇÃO DE ACOMPANHAMENTO DA MISSÃO
O que você faz com seu tempo não é necessariamente concreto para todos. Como explicar sua abordagem rapidamente?
Apresente um acompanhamento da missão ao seu gerente desde o início. Você colocará o contexto, os atores, as questões e, acima de tudo, um cronograma do que está fazendo. Você o enviará quantas vezes forem necessárias para que ele possa acompanhar seu progresso. Se alguém de sua equipe quiser ver seu trabalho em andamento, sempre tenha esta apresentação à mão para explicar sua abordagem geral.
Regularmente, membros do Product Owner, Product Managers, UX Designer, Techno Lead… deram uma olhada no meu trabalho.
Aproveitei para evangelizá-los. Sempre tive essa apresentação comigo e mostrei para explicar meu processo. Eles podiam ver para onde eu estava indo e, mesmo que eu não estivesse preparado, podia apresentar meu trabalho de forma concisa a qualquer momento.
#6 MOSTRAR CONCRETO
Seu cliente não se projeta, não imagina a forma como você vai trabalhar nem o aspecto da sua renderização.
Além do acompanhamento da sua missão, mostre aos seus interlocutores o que você está fazendo. Mostre como você constrói seus arquivos no sketch e converse com eles sobre o Material Design. Se o seu interlocutor não souber, mostre-lhe os principais princípios:
O material é a metáfora / Negrito, gráfico, intencional / O movimento fornece significado.
Abra o editor do tema Material e mostre como funciona.
#7 LISTA DE ELEMENTOS FALTANTES
Encontrei grandes dificuldades em recuperar os ícones da marca para a qual trabalhei. Estes existiam, mas ninguém os tinha.
Se você tiver elementos ausentes, liste-os e peça recursos para criá-los. No meu caso, uma pessoa foi especialmente contratada para recriar os ícones necessários para o Design System.
#8 VEJA O MAIOR GERENTE DE MARCA POSSÍVEL
Como você pode ter certeza de que seu Design System se encaixa perfeitamente na imagem da sua marca?
Se você trabalha para um grupo grande e tem uma carta gráfica existente, aproxime-se do responsável pela marca. Ele irá guiá-lo no desenvolvimento de seu Design System. Essa pessoa validará suas escolhas e o ajudará a encontrar soluções em caso de impasse, pois conhece a marca melhor do que ninguém.
Reuniões informais de 15 minutos em dias alternados são suficientes.
#9 CRIE SEU SISTEMA DE DESIGN
Um Design System é complicado... átomos são símbolos que estão embutidos em moléculas que são símbolos que estão embutidos em organismos que são símbolos que estão embutidos em modelos... SOCORRO!
Pense no design atômico
O Design Atômico consiste em organizar os elementos de um design em ordem de tamanho do menor para o maior em: átomos/moléculas/organismos/modelos. Este método de design, amplamente difundido por Brad Frost, ajudará o projetista a criar um sistema flexível que se adapte a todos os suportes.
Liste todos os itens que você precisa e armazene assim:
- átomo : É irredutível. um logotipo, uma cor, uma tipografia…
- molécula : Tem vários átomos, pode ser responsivo. uma caixa de pesquisa, etc.
- Organização : Estas são combinações de muitas moléculas e átomos. um cabeçalhoEtc ...
- Modelos : segundo Brad frost, eles são desenvolvidos em código, podem ser sem conteúdo e são usados para testar o funcionamento do sistema de design responsivo.
- PÁGINAS : estes são modelos avançados com conteúdo.
Construa seu arquivo em esboço com símbolos.
Pessoalmente, estou inspirado pelo editor de temas de material para criar este arquivo.
O DIA DA APRESENTAÇÃO
#10 ENDEREÇAR AOS TOMADORES DE DECISÃO
Aqui estão algumas dicas para chamar a atenção de todos para convencer e obter feedback rapidamente.
simpatia
Compre alguns lanches, dependendo da hora do dia planeje bolos, doces, bolos… e antes de começar, agradeça a todos os presentes por terem vindo.
Conteúdo acessível e educativo
Volte ao básico e evangelize um pouco na introdução. Diga a si mesmo que se você tiver que mostrá-lo amanhã de manhã para seu primo que não sabe nada sobre UX, ele deve entender tudo.
Um pouco de narrativa 😉
Conte-lhes uma história, a do projeto deles, com seus erros, suas pesquisas, seus esboços… você os cativará!
Treinamento
Você tem que estar no ponto no Dia D.
Tirar
- Comunique-se com todos, é a chave para o sucesso!
- Não se esqueça que um sistema de Design está vivo. O que importa é o processo e se o seu sistema de design não for perfeito na primeira vez, é normal.
- Lembre-se que teoria e prática são duas coisas diferentes.
- É como você se adapta às restrições que farão do seu Design System uma ferramenta útil para a empresa.
- Inspire-se nos grandes nomes (e não nos concorrentes ou vizinhos!)
Leslie, designer de interface do usuário @UX-República
[linha] [um_terço]
[/um_terço] [dois_terceiro]
UX-CERTIFICADO® por Nielsen Norman Group
De 12 a 16 de novembro de 2018
UX-República – Paris Saint-Lazare
Pela primeira vez na França, UX-Republic Digital Training Center oferece-lhe, nas suas instalações em Paris, uma nova formação em colaboração com o Grupo Nielsen Norman.
[/two_third] [/row]