{"id":38940,"date":"2023-07-27T10:31:24","date_gmt":"2023-07-27T13:31:24","guid":{"rendered":"https:\/\/www.blip.ai\/blog\/?p=38940"},"modified":"2023-12-13T10:12:36","modified_gmt":"2023-12-13T13:12:36","slug":"uai-design-system-nome","status":"publish","type":"post","link":"https:\/\/www.blip.ai\/blog\/design\/uai-design-system-nome\/","title":{"rendered":"UAI Design System: como surgiu o novo design system da Blip?"},"content":{"rendered":"\n

Para falar sobre como surgiu o Design System da Blip<\/strong>, vamos come\u00e7ar dando um pouco do hist\u00f3rico da empresa. <\/p>\n\n\n\n

A Blip sempre foi inovadora<\/a>. Ela surgiu em Minas Gerais, em 1999, como Take.net e foi a primeira empresa de internet m\u00f3vel do Brasil. Com a populariza\u00e7\u00e3o dos telefones m\u00f3veis, a empresa se tornou l\u00edder brasileira em venda de ringtones (millennials se identificam). O toque mais vendido? O famoso Sou a Barbie Girl (Barbie Girl) – Kelly Key<\/em>.<\/p>\n\n\n\n

Alguns anos depois, surge a plataforma Blip<\/strong>, ferramenta que possibilita a constru\u00e7\u00e3o de contatos inteligentes para empresas de todos os tamanhos se comunicarem com os seus clientes. Em 2022, a empresa adquiriu a Stilingue, aliando as melhores solu\u00e7\u00f5es conversacionais ao pioneirismo da intelig\u00eancia artificial focada na gest\u00e3o da experi\u00eancia do cliente.  <\/p>\n\n\n\n

A partir de junho deste ano, a empresa passa a se chamar Blip e possui um dos maiores times de tecnologia e design do mercado, com mais de 100 designers e 32 squads<\/strong> para desenvolver solu\u00e7\u00f5es inovadoras e tamb\u00e9m para otimizar a plataforma.<\/p>\n\n\n\n

E com todo esse crescimento exponencial, fica a pergunta: como garantir que nossos clientes percebam a consist\u00eancia da marca Blip em todos os nossos produtos?<\/p>\n\n\n\n

\u00c9 aqui que entra o Design System:<\/h2>\n\n\n\n
\n

Padronizar as cria\u00e7\u00f5es e fazer com que tudo caminhe para a mesma identidade, padr\u00f5es de intera\u00e7\u00e3o e comunica\u00e7\u00e3o: para isso desenvolvemos o Design System da Blip.<\/strong><\/em><\/p>\n<\/blockquote>\n\n\n\n

Assim como em outras empresas, o Design System da Blip surgiu ap\u00f3s as primeiras vers\u00f5es do produto serem lan\u00e7adas e por isso ele ainda est\u00e1 sendo implementado aos poucos, principalmente em momentos de atualiza\u00e7\u00e3o da interface ou cria\u00e7\u00e3o de novos fluxos.<\/p>\n\n\n\n

Hoje, nosso time de Visual & Interaction conta com designers, desenvolvedores e UX designers dedicados na manuten\u00e7\u00e3o e desenvolvimento de novos componentes para o do Design System. E como n\u00e3o se faz experi\u00eancia sem conte\u00fado, temos tamb\u00e9m um time sensacional de UX Writing que contribui com tudo, desde a cria\u00e7\u00e3o de padr\u00f5es de conte\u00fado para os componentes, at\u00e9 as comunica\u00e7\u00f5es do pr\u00f3prio Design System.<\/p>\n\n\n\n

\"Ilustra\u00e7\u00e3o
Como o time de Visual&Interaction, respons\u00e1vel pelo DS, est\u00e1 organizado hoje<\/figcaption><\/figure>\n\n\n\n

Linda hist\u00f3ria, mas e o nome?<\/h2>\n\n\n\n

Com o crescimento dos times e diretrizes da diretoria da Blip, entendemos que o Design System deve atender a novos produtos dentro do ecossistema, incluindo aqueles criados por parceiros, times de inova\u00e7\u00e3o, pesquisa e desenvolvimento. <\/p>\n\n\n\n

Mais do que nunca, nosso Design System passa a desempenhar o papel de ser um produto que guia a cria\u00e7\u00e3o de outros produtos<\/strong>, por isso nos questionamos sobre a import\u00e2ncia do seu nome expressar essa relev\u00e2ncia e impacto. A exemplo de outros Design Systems de empresas do mercado de tecnologia que possuem a mesma estrat\u00e9gia, como Material Design da Google ou Human Interface Guidelines da Apple, decidimos que era hoje do Design System da Blip ter um nome pr\u00f3prio e n\u00e3o necessariamente vinculado ao nome da empresa.<\/p>\n\n\n\n

O processo<\/h3>\n\n\n\n

Para iniciarmos essa nomenclatura contamos com o apoio de UX Writing. O time j\u00e1 havia criado um material chamado Toolkit de Naming <\/em>que nos ajudou muito nesse desenvolvimento. Ele possui diretrizes para todos os est\u00e1gios do processo, seja quando voc\u00ea n\u00e3o faz ideia do que vai nomear, at\u00e9 quando j\u00e1 tem um nome definido, mas precisa validar esse nome. Com o apoio desse material, conseguimos come\u00e7ar sozinhos e envolvemos UX Writing quando j\u00e1 t\u00ednhamos um norte.<\/p>\n\n\n\n

Ent\u00e3o reunimos o time e come\u00e7amos o benchmarking, descobrimos que muitos outros Design Systems possuem nomes espec\u00edficos e brilhantemente pensados de acordo com o prop\u00f3sito do design e neg\u00f3cio onde ele \u00e9 aplicado (aproveitamos para compartilhar esse site muito legal: Design Systems Brasileiros<\/a>).<\/p>\n\n\n\n

Alguns utilizam de trocadilhos, de caracter\u00edsticas do neg\u00f3cio ou at\u00e9 mesmo homenagens, n\u00f3s optamos principalmente por conceitos de produtos e hist\u00f3rico de neg\u00f3cio, mas, surgiram ideias relacionadas a jogo de palavras, cores, espa\u00e7o sideral, rob\u00f3tica e at\u00e9 mesmo animais e insetos. Brainstorming \u00e9 sobre isso haha!<\/p>\n\n\n\n

Chegando em uma defini\u00e7\u00e3o<\/h3>\n\n\n\n

Para o nosso processo de naming priorizamos crit\u00e9rios relacionados ao que \u00e9 um Design System e ao cora\u00e7\u00e3o da Blip: o fator comunica\u00e7\u00e3o<\/strong>. Como empresa, n\u00f3s acreditamos muito que tudo acontece a partir de um di\u00e1logo<\/em>. Desde um ol\u00e1, uma notifica\u00e7\u00e3o ou um bal\u00e3o de mensagem como \u00e9 o logo da empresa hoje.<\/p>\n\n\n\n

Outro ponto muito interessante da comunica\u00e7\u00e3o \u00e9 que, al\u00e9m do ingl\u00eas e portugu\u00eas, o miner\u00eas est\u00e1 presente em quase todos os di\u00e1logos internos da empresa. Mesmo hoje com times em todo o Brasil e at\u00e9 no M\u00e9xico, escutamos e falamos com muito orgulho: “Esse trem<\/em>“, “Uai, s\u00f4<\/em>“, “opa, b\u00e3o?<\/em>“, “t\u00f4 garrado<\/em>” e o “talicoisa<\/em>” (esse \u00e9 o jeito mineir\u00eas de ser e todo mundo est\u00e1 acostumado por aqui)!<\/p>\n\n\n\n

Definido o escopo, ficou claro que o nome tinha que se relacionar com Design System, Blip e Comunica\u00e7\u00e3o<\/strong>. Mas, gra\u00e7as ao Toolkit de Naming, observamos tamb\u00e9m outros fatores:<\/p>\n\n\n\n