Projetar o futuro: as ferramentas e os produtos que nos aguardam

Ferramentas de Design Emergentes

No verão de 1985, uma empresa de software situada em Seattle lançou um programa de computador inovador que abalou o mundo do design até sua fundação e reconfigurou permanentemente o cenário de três indústrias monolíticas: marketing, publicidade e publicação.


Disquete Aldus PageMaker

A empresa? Aldus. Seu programa de mudança de jogo? PageMaker, a primeira ferramenta de design digital WYSIWYG. Emparelhado com o computador pessoal da Apple Macintosh, o PageMaker iniciou a glória da revolução da editoração eletrônica, impulsionada pelo clipart, e colocou poder criativo sem precedentes nas mãos de qualquer um, designer ou não, disposto a pagar o preço de US $ 495.

Novas ferramentas igualam novas possibilidades.

Avanço rápido para a era moderna. Em poucos dias, meses de especulação terminarão quando designers de todo o mundo colocarem suas mãos no InVision Studio, um programa que está sendo comercializado como “a ferramenta de design de tela mais poderosa do mundo”. O tempo dirá se isso é mais do que um orgulho , mas o potencial é surpreendente.

Com o lançamento do Studio, os designers ganham acesso a uma única plataforma capaz de projetar telas, layout responsivo, prototipagem rápida, animação, sistemas de projetos compartilhados e colaboração entre equipes. Isso é muito para ser animado, mas o que uma ferramenta como o InVision Studio nos diz sobre a trajetória do design? Para onde estamos indo?

Os produtos digitais são totalmente integrados em nossas vidas diárias, e a tecnologia que os impulsiona está melhorando exponencialmente. A complexidade é abundante e, para tornar os produtos simples e intuitivos, os projetistas de todo o mundo estão sendo forçados a repensar e reconstruir as ferramentas que usam.

No espírito dessa reinvenção coletiva, olhamos para o futuro e perguntamos: “Quais são as ferramentas de projeto que nos esperam?”

A ascensão dos sistemas de design

Enquanto nos preparamos para olhar adiante, paramos para avaliar o presente. O mundo do design está repleto de conversas sobre sistemas de design e inteligência artificial emparelhados com aprendizado de máquina. Ambos os campos possuem vastos reservatórios de potencial. Como cavalos indomáveis, vemos o poder e a beleza, mas nos perguntamos em qual horizonte eles correrão.

Os sistemas de design intrigam porque permitem que diversas equipes que trabalham em projetos sofisticados se comuniquem usando uma linguagem visual padronizada. Empresas como MailChimp, IBM e Airbnb disponibilizaram seus sistemas de design na web, permitindo-nos aprender com seus esforços contínuos para alcançar a liberdade criativa por meio de ordem visual, clareza e eficiência.


Sistema de Linguagem de Design da Airbnb

Quando a Airbnb revelou sua identidade de marca atualizada em 2016, ela também introduziu uma nova abordagem de design em toda a empresa, chamada de Design Language System (DLS). O DLS é uma biblioteca de componentes de design (cabeçalhos, blocos de texto, contêineres de imagens, etc.) que “permite uma iteração rápida usando um vocabulário compartilhado entre design, engenharia e outras disciplinas”.

O significado do Design Language System e dos sistemas de design em geral é resumido perfeitamente por Alex Schleifer, chefe de design da Airbnb, “Eis a verdade simples: você não pode inovar em produtos sem primeiro inovar a maneira como os constrói. Em outras palavras, o produto surge do processo e a forma como os projetistas constroem devem ser reconsiderados.

A Inteligência Artificial e a Aprendizagem de Máquina tornarão os Designers Obsoletos?

O tema da inteligência artificial e aprendizagem de máquina (AI + ML) parece suscitar controvérsia e confusão sempre que é mencionado, e sua aplicação ao design não é diferente.


Foto de Andy Kelly

Por exemplo, áreas inteiras de concentração de design, como design de tipos ou animação, serão automatizadas? Será que os esforços criativos acabarão sendo superados pelas máquinas, deixando os designers simplesmente detalhando parâmetros e organizando os resultados? As perguntas são escorregadias e tipicamente apresentadas de uma forma que proíbe nuances.

Mas o design é matizado e os designers também. Resolvemos problemas complexos e temos a tendência de quebrar regras e obter resultados inesperados. As previsões neste artigo dependem da seguinte pergunta: "Como o AI + ML melhora as habilidades criativas inerentes à nossa humanidade?"

Observe que a questão não é: “Como o AI + ML ultrapassa as disciplinas humanas?” Essa é uma questão enraizada no medo. O medo surge da falta de compreensão, então aqui fazemos uma transição da terminologia. AI, no contexto desta discussão, é melhor descrito como inteligência aumentada, não "artificial".

Vamos imaginar ferramentas que ampliem as habilidades de um designer e ofereçam liberdade criativa adicional, automatizando tarefas comuns que roubam tempo e energia.

Com os sistemas de design e AI + ML situados como nossa plataforma de lançamento, agora estamos prontos para ultrapassar o presente e escalar para vislumbres distantes que podemos ver, mas ainda não tocamos.

Sistemas de design evoluirão para uma linguagem de design universal

A oportunidade

Atualmente, o Sistema de Linguagem de Design do Airbnb é usado por suas equipes internas de design e desenvolvimento e, à medida que melhora, ele se torna mais acessível para empresas menores, freelancers e estudantes de design.

Mas o poder desse sistema só é útil para a comunicação dentro das equipes de desenvolvimento de produtos? Não foi possível usar uma linguagem de design universal que classifique os elementos visuais para nos ajudar a entender melhor o design existente nos ambientes naturais e construídos ao nosso redor?

A Ferramenta

Em um futuro próximo, haverá um aplicativo baseado em câmera que observa a composição de uma configuração e traduz sua composição visual em elementos de design referenciáveis, como forma, cor e proporção. Este aplicativo não apenas nos diz o que estamos vendo, como também destaca áreas de impacto estético e harmonia para nos ajudar a entender por que encontramos um ambiente agradável, e organizará essas informações dentro do contexto do Sistema de Linguagem de Design.

O cenário de valor

Imagine-se caminhando lentamente por uma cidade histórica no fim de semana. Você chega a uma bela catedral e entra para dar uma olhada mais de perto em suas características arquitetônicas ornamentadas.


Basílica de São Nicolau, Amsterdã, Holanda

No interior, você é dominado pela majestade ensolarada de um enorme vitral. Inspirado, você tira uma foto e o aplicativo identifica os elementos de design que tornam a janela bem-sucedida e os adiciona à sua biblioteca.

Mais tarde, ao pesquisar seu projeto de design mais recente, abra o aplicativo, analise a análise do vitral e encontre a combinação perfeita de elementos visuais para guiar seus rascunhos conceituais iniciais.

Apresentações de design se farão

A oportunidade

Designers são bons em resolver problemas e se comunicar visualmente, mas muitos lutam quando é hora de explicar as decisões criativas para um cliente. Demasiadas vezes, assumimos que os clientes reconhecerão as áreas de coesão, correlação e ênfase no nosso trabalho. Precisamos de uma maneira melhor de capturar os meandros do nosso ofício e comunicá-los aos nossos clientes.

A ferramenta

Para preencher essa necessidade, um plug-in de apresentação com links para qualquer software de design surgirá e ajudará os designers a preparar rapidamente seus trabalhos para serem compartilhados com os clientes. Essa ferramenta reconhecerá importantes elementos de design (como repetição) e incentivará os designers a destacarem esses componentes de composição como pontos persuasivos. Também ajudará a organizar provas e visuais de projetos em categorias temáticas e solicitará que os projetistas respondam a grandes questões relacionadas a cada fase de um projeto.

Com o poder da inteligência aumentada, essa ferramenta será capaz de analisar milhões de campanhas publicitárias digitais anteriores, destacando projetos que se mostraram eficazes. Esse tipo de dados baseados em analítica ajudará os projetistas a validar propostas em termos de dólares e centavos. Será até capaz de prever tendências de design e alertar contra modas excessivas que os consumidores não estão mais respondendo.

O cenário de valor

Você é um designer trabalhando em uma equipe em uma pequena agência digital. Sua equipe concluiu com sucesso vários pequenos projetos para uma marca reconhecida nacionalmente. Por fim, a grande marca concede à sua agência a oportunidade de trabalhar em uma campanha digital de alta visibilidade.

Reconhecendo este momento decisivo para o que é, sua equipe se une a uma solução ambiciosa e não convencional. A pesquisa, o planejamento e os recursos estão alinhados. Tudo o que resta é lançar o conceito de design para as partes interessadas, para que você execute o plug-in.

Em minutos, todos na equipe estão lembrando conversas importantes e contribuindo com insights sobre decisões importantes que, de outra forma, poderiam ter sido perdidas. À medida que mais informações surgem, o plug-in começa a moldar o feedback em uma narrativa visual convincente que eventualmente persuade as partes interessadas a transformar a visão de sua equipe em realidade.

Hand-sketching acenderá um Design Renaissance


Esboço de wireframe

A oportunidade

O escritor, poeta e cineasta francês Jean Cocteau disse certa vez: “O cinema só se tornará uma arte quando seus materiais forem tão baratos quanto lápis e papel.” Há algo de poderoso no papel para lápis, algo imediato e explosivo sobre a transferência instantânea de ideias. em mente para a ideia na página.

As equipes de design e desenvolvimento da Airbnb reconheceram esse poder e criaram um protótipo que traduz wireframes rudimentares em modelos de alta fidelidade e código pronto para produção.

A ferramenta

Essa tecnologia evoluirá e, ao fazê-lo, varrerá uma ampla gama de disciplinas de design. Por exemplo, os ilustradores criarão esboços conceituais detalhados com alguns movimentos do pulso ligando gestos simples a objetos, animais e partes do corpo desenhadas em seu próprio estilo único. Da mesma forma, os designers de interface do usuário vincularão formas e símbolos rudimentares a bibliotecas extensas de componentes e criarão modelos prontos para apresentação em tempo real. As possibilidades são expansivas.

O cenário de valor

Como um designer de marca jovem e autônomo , você está trabalhando duro para construir uma base de clientes e agendou uma reunião com um proprietário de negócios altamente respeitado em sua comunidade. Ela está procurando mudar de marca e você está planejando impressionar.

Na reunião, você faz perguntas ponderadas e ouve como ela explica suas esperanças e objetivos para o projeto. Quando ela termina, você pergunta se você pode compartilhar algo que você preparou de antemão. Você puxa seu tablet, abre um aplicativo de desenho equipado com o esboço para a tecnologia de simulação e começa a desenhar.

Diante de seus olhos, seus rabiscos rápidos são transformados em formas, padrões, tipos de letra e ícones perfeitos. Você rabisca algumas opções diferentes de cartão de visita, e cada uma delas toma forma instantaneamente. É tudo que ela precisa ver. O trabalho é seu.

Software de Design Incentivará Acidentes Criativos

A oportunidade

Anteriormente, colocamos uma questão sobre os designers trocarem o papel de criador para se tornarem definidores de parâmetros e curadores da criatividade gerada pela IA. Isso não é sem precedente no mundo real. De TheGrid.io e sua plataforma de web design AI para o Rembrandt gerado por computador, apoiado por ING e Microsoft, já temos exemplos sofisticados de computadores que criam trabalhos originais de arte e design, e a tecnologia só pode melhorar.

No entanto, a idéia de entregar completamente a criação de imagens às máquinas acabará sendo insatisfatória, e os designers procurarão maneiras de mesclar o AI + ML com seu processo criativo.

A Ferramenta

No futuro, softwares de design como o Adobe Illustrator virão equipados com tecnologia que observa e aprende os hábitos de tomada de decisões dos designers - os esquemas de cores que eles preferem, a natureza orgânica ou geométrica de seu trabalho, sua abordagem à tipografia, etc.

À medida que os padrões no trabalho de um designer surgem, a ferramenta sugere outliers pensativos e criativos que normalmente não seriam considerados. Desta forma, o designer aprende com a ferramenta, aumenta o seu repertório criativo e cresce a sincronicidade do homem e da máquina.

O cenário de valor

Durante o período em que você trabalhou como designer de produtos para uma marca de fitness de varejo, você desenvolveu um senso apurado sobre o que vende aos consumidores em seu espaço. Seu trabalho é prático, funcional e esteticamente agradável, mas você acha que confia nas mesmas técnicas visuais e fatores de forma com muita frequência. Felizmente, a sua empresa atualiza seu software de design para incluir uma ferramenta criativa outliers.

Em seu próximo grande projeto, você faz negócios como de costume, mas quando você inicia os refinamentos, a ferramenta sugere um esquema de cores que você nunca considerou. Você experimenta e fica agradavelmente surpreso com a vida e a vibração que acrescenta ao seu design.

Equipes de Design Global se comunicarão enquanto dormem

A Oportunidade

Equipes globais formadas por designers remotos são cada vez mais comuns. Por exemplo, o Blog de Design Toptal é composto por escritores, editores, designers de UI e UX , ilustradores e especialistas em SEO de todo o mundo. Isso não seria possível nem prático sem ferramentas de colaboração incríveis como o Slack, o Zoom e o Google Docs.

No entanto, os fusos horários ainda encontram maneiras de interromper as reuniões e ameaçar os prazos. Trabalhar em uma equipe remota é ótimo, mas pode facilmente se tornar um problema se você não estabelecer limites para descanso, entretenimento e tempo com a família e os amigos.

A Ferramenta

Em breve, as equipes de projeto global transcenderão a barreira de fuso horário / sono, já que a tecnologia de colaboração assistida AI + ML é capaz de aprender o estilo de comunicação e os padrões de tomada de decisão de um usuário.

Essa tecnologia será capaz de sintaxe e tom diferenciados, dependendo do cenário e do parceiro de conversação. Ele será um recurso padrão na maioria das plataformas de mensagens e permitirá que os usuários personalizem a quantidade de poder de tomada de decisão que ele possui.

O cenário de valor

Você é o principal designer de uma equipe de UX remota e a maioria de suas conversas ocorrem no Slack. Sua equipe está funcionando sem problemas e dentro do cronograma, mas você está participando de um novo projetista com uma diferença de fuso horário de dez horas. No final do seu dia de trabalho, você habilita sua ferramenta de colaboração e concede a ela permissão para fornecer respostas básicas e relacionadas à sua nova contratação.

Enquanto você dorme, o novo designer faz uma pergunta sobre as convenções de nomenclatura de arquivos. A ferramenta imediatamente responde e inclui um link para um documento descrevendo os procedimentos da equipe. Ela continua seu dia de trabalho e você dorme pacificamente, sabendo que sua equipe tem tudo de que precisa.

Críticas criativas não serão mais temidas

A Oportunidade

Um dos aspectos mais difíceis de ser designer é receber críticas relacionadas ao design. O feedback do cliente pode ser altamente imprevisível, mas mesmo antes de um conceito ser compartilhado com um cliente, ele deve estar sujeito a algum tipo de crítica criativa.

Atualmente, nossa melhor opção para críticas é pedir a um amigo designer uma contribuição construtiva. Se isso falhar, muitos designers buscam feedback das comunidades criativas em sites de portfólio como o Dribbble e o Behance. Precisamos de uma solução melhor.

A Ferramenta

Muito em breve, o software de design de interface do usuário virá equipado com uma ferramenta que oferece análises em tempo real, críticas e melhorias baseadas em análises para o trabalho de um designer. Ele irá comparar projetos de interface do usuário a uma miríade de heurísticas de usabilidade (regras de ouro) e sinalizar resultados que não são compatíveis.

Esta ferramenta também será vinculada a uma rede de designers . Depois que o software analisar um design, o designer terá a opção de obter mais comentários enviando seu trabalho e um resumo da análise gerada por computador aos designers da rede.

O cenário de valor

Você é um designer de UI auto-didata e conseguiu um projeto para criar um aplicativo da web. O escopo do projeto é maior do que qualquer coisa que você já trabalhou, mas está bem dentro do seu conjunto de habilidades. Ainda assim, você quer ter certeza de que sua solução será de valor para seu cliente.

Ao projetar com sua ferramenta de crítica, ela faz pequenas sugestões de melhoria que você não teria considerado. Você termina suas maquetes com a certeza de que elas estão próximas da conclusão. No entanto, há uma tela específica que precisa de feedback.

Você tentou algo novo, quebrando intencionalmente uma regra de design bem conhecida para criar ênfase. Então, você faz o upload do seu trabalho e um resumo do feedback da ferramenta para a rede de críticas e pede a um grupo de designers de confiança para pesar.

O futuro do design é surpreendente

Temos imaginação suficiente para o futuro? Que tal para amanhã? Nossa exposição contínua a novos conhecimentos, produtos e experiências é surpreendente, mas o design é um processo baseado em habilidades. As habilidades são difíceis de obter e os processos demoram a mudar.


Foto de Alessio Lin

Se somos designers honestos, devemos admitir nossa tendência à miopia profissional. Temos uma estranha obsessão com o agora que carece de visão e agilidade para as descobertas futuras. O que esperamos que aconteça, muitas vezes não acontece.

Ainda assim, o futuro se aproxima. À medida que nossos produtos evoluem, nossas ferramentas e processos de design também devem evoluir. Hoje, aprendemos e dominamos nossas ferramentas ao longo do tempo. Estudamos o processo de design e o adequamos às nossas necessidades de solução de problemas, mas o caminho para uma solução é frequentemente pavimentado com obstáculos enlouquecedores, como gerenciar vários canais de comunicação, suportar uma mudança de equipe para um novo software de design ou perder tempo e orçamento testar adequadamente um produto.

O futuro tem o potencial de um novo paradigma, no qual nossas ferramentas de design aprendem e se adaptam a nós. Achamos um dia em que nossas energias criativas são capturadas em sua plenitude, em vez de restringidas por barreiras de comunicação, um dia em que nossos esforços inspirados são refinados para o máximo impacto, em vez de reduzidos por ferramentas não intuitivas. Com o modo como nossas ferramentas e tecnologia estão evoluindo, esse dia pode estar mais perto do que se pensa.

POR MICAH BOWERS - DESIGNER @ TOPTAL (TRANSLATED BY YESICA DANDERFER)

ARTIGO ORIGINAL - Diseña el Futuro: Las Herramientas y Los Productos que Nos Esperan