Codificação para Designers – Quanto Devemos Saber?

Pegue algo em que você se destaca e empurre-se ainda mais.

Uma grande parte da comunidade de design está travada no debate sobre se os designers devem codificar. Alguns preferem procurar os unicórnios que podem fazer as duas coisas, enquanto outros afirmam que eles não existem ou apenas atrapalham.

Muitos designers pensam que designers e desenvolvedores precisam colaborar, mas cada disciplina deve se ater ao que eles sabem. Outros não veem problema em profissionais usarem vários chapéus. Muitos desenvolvedores veem designers que codificam uma ameaça, enquanto outros os veem como colaboradores bem-vindos que aprenderam a falar seu idioma.

O ponto ideal, que é chamado de “ compreensão compartilhada ”, provavelmente está em algum lugar no meio. Saber um pouco sobre código não significa que um designer tenha que se tornar um programador especialista , mas simplesmente entender a perspectiva de um desenvolvedor.

A interface do usuário, ou a “camada de apresentação” é o playground de um designer, mas focar apenas nisso é como considerar apenas a fachada de um edifício. Grandes designers entendem que estar familiarizado com os fundamentos tecnológicos que fornecem seus projetos não apenas torna um designer mais impressionante, mas também aumenta significativamente suas perspectivas de carreira.

Como Aaron Walter, vice-presidente de educação em design da InVision, afirmou em um artigo da Toptal Design Talks: “Não vai matar um designer se eles souberem um pouco sobre como escrever HTML e CSS, talvez um pouco de JavaScript”.

Todo o tópico “devem os designers aprender a codificar” é muito debatido. Embora alguns grandes designers também sejam bons em codificação, muitos acreditam que o foco total em uma habilidade específica tornará um profissional mais forte. Muitos também acreditam que hoje, ser um designer com múltiplas habilidades é uma grande vantagem e que não deve haver nada no caminho de um designer ter outra habilidade útil, como codificação, em seu currículo.

A questão é: quanta codificação os designers devem saber? Os designers estariam desperdiçando seu tempo ou cruzando as fronteiras do território do desenvolvedor e potencialmente pisando nos calos?

Os benefícios de conhecer HTML e CSS básicos

Os designers se beneficiariam muito ao adquirir algum conhecimento básico do que é chamado de “front end” (a camada de apresentação) impulsionado por HTML (Hyper Text Markup Language) e CSS (Cascading Style Sheets, uma linguagem que descreve os estilos de componentes em um documento HTML) , e talvez ficaria surpreso com a facilidade de aprender o básico.

HTML e CSS não envolvem lógica de programação. A letra M em HTML significa “Markup”, uma forma de descrever a estrutura codificada dos elementos da página que são os blocos de construção das páginas. HTML com CSS e JavaScript, formam uma tríade de tecnologias fundamentais para a World Wide Web.

Em termos leigos, HTML é um mapa arquitetônico que informa ao navegador o que exibir, e CSS, ou Cascading Style Sheets, é o código que informa ao navegador como exibir as coisas.

Metaforicamente falando, se HTML é o esqueleto de uma página, CSS descreveria a altura, a forma do corpo, a pele, a cor dos olhos, a cor do cabelo, etc. A linguagem tem uma estrutura de código muito simples que determina tipografia, cores, posições e dimensões .

Entender o código e como codificar é entender os pixels

Aprender a codificar a interface do usuário de front-end e visualizá-la oferece aos designers a oportunidade de ver imediatamente como as coisas são exibidas quando visualizadas em vários dispositivos. Se os designers brincarem com HTML e CSS, eles perceberão que tudo é medido em pixels (existem outras unidades de medida como “ems” e porcentagens que serão convertidas em pixels).

Compreender as medidas e a estrutura do código, ou seja, como as páginas são exibidas, fornecerá uma compreensão mais profunda do processo de desenvolvimento front-end. Isso, por sua vez, fará com que os designers pensem mais profundamente sobre seus projetos e como torná-los mais eficientes para esse processo. Eles saberão o que pode ser facilmente alcançado e o que seria mais desafiador.

JavaScript front-end e know-how Ajax tornam um designer um ativo único

É aqui que as coisas podem começar a ficar complicadas, mas também é onde muita diversão acontece. Se um designer é um pensador analítico, ou excepcionalmente motivado, ele aprenderá muito com JavaScript e Ajax (JavaScript assíncrono e XML). Por quê?

Demonstrar conhecimento técnico de interface do usuário de front-end e estar familiarizado com Ajax ajudará bastante a conquistar o respeito dos desenvolvedores. Ser capaz de fazer referência a JavaScript e Ajax e como usá-los aumentará a capacidade do designer de articular uma ideia de design particularmente sofisticada para os desenvolvedores, por exemplo, o design de uma funcionalidade específica na interface do usuário.

A perspectiva de um designer se ampliará se eles se sentirem à vontade para saber exatamente até onde a tecnologia pode levá-los e até onde eles podem empurrá-la para inovar. Não é necessário aprofundar a codificação e várias tecnologias – se um designer conhece o básico de HTML, CSS e JavaScript, com uma pitada de Ajax, ele já estará muito à frente da concorrência. Eles serão um ativo único para qualquer empresa e equipe de produto.

Designers podem levar isso para o próximo nível com noções básicas de JavaScript

Embora os designers possam parar por aqui e ter o back-end (a camada de acesso a dados) implementado pelos desenvolvedores, eles podem tornar um design mais dinâmico adicionando alguns scripts. Digite JavaScript (uma linguagem de script), que é uma linguagem de programação para a web.

No início dos anos 2000, quando a web ainda estava evoluindo, agências como Fantasy e Firstborn causaram uma grande impressão na comunidade de web design quando aproveitaram o JavaScript de maneiras incomuns, inovadoras e criativas.

JavaScript pode atualizar e alterar HTML e CSS e pode calcular, manipular e validar dados. Ele pode ser usado para exibir interações dinâmicas, animar elementos, criar comunicação responsiva com o back-end ou servidor e muito mais.

Não há limite para o que pode ser feito com JavaScript no desenvolvimento front-end. É uma linguagem de programação : funções, objetos, lógica, condicionais, matemática, matemática e mais matemática – o que pode ser um pouco desafiador para alguns. Mas não é tão difícil de aprender, especialmente considerando o que a maioria dos clientes exige.

Aprender a codificar melhorará a colaboração com desenvolvedores

Os relacionamentos românticos seriam mais fáceis se homens e mulheres pudessem ler a mente um do outro? Algumas pessoas pensam assim. A mesma coisa se aplica a designers e desenvolvedores.

Saber como os desenvolvedores pensam e o que eles precisam para poder fazer seu trabalho fará de um designer um grande trunfo para qualquer equipe multidisciplinar. Essa abordagem é útil para comunicações internas, bem como propostas de ideias, porque eles terão mais uma ideia sobre o que esperar dos outros membros da equipe. Se os designers puderem fazer isso, estarão em uma posição muito melhor para propor soluções mais robustas aos clientes.

Designers que codificam verão mais oportunidades de emprego

Em todas as oportunidades de trabalho de design, saber codificar pode fazer uma grande diferença nos processos de triagem e no dia a dia do trabalho. Na Toptal, vemos muitas oportunidades para profissionais com esse perfil híbrido, e as startups estão ansiosas para encontrar pessoas que possam assumir tanto o design quanto o front-end de seus aplicativos em estágio inicial.

Ainda assim, existem alguns designers e programadores que não gostam uns dos outros se intrometendo nos negócios uns dos outros. Alguns podem ser ameaçados, alguns podem ser desafiados e alguns podem ser preguiçosos demais para aprender algo novo. Mas a verdade é que cada um deve analisar suas opções e focar no que aumentará suas chances de sucesso.

Os designers podem não ter tempo suficiente para aprender tudo, mas saber HTML e CSS deve ser suficiente para adicionar uma distinção significativa entre uma carreira florescente e uma sem saída. Deve ser um processo rápido e fácil para os designers darem os primeiros passos. Quanto mais eles sabem, mais eles podem expandir seus horizontes quando se trata de oportunidades de trabalho.

Designers devem aprender a codificar?

A capacidade de adaptação e flexibilidade de trabalho com outras equipas, a capacidade de lidar com uma variedade de projetos e um amplo conjunto de habilidades para assumir várias responsabilidades estão sempre em alta. Existe um designer em algum lugar que não gostaria de ter uma vantagem sobre os outros quando se trata de empregos altamente cobiçados em startups empolgantes ou grandes empresas de tecnologia estabelecidas?

Os designers têm suas abordagens, processos, arsenal de ferramentas de design e entregas, mas isso é apenas parte da equação. Explorar e obter uma compreensão de como os designs de interface do usuário são entregues usando várias tecnologias digitais pode levar os designers ao próximo nível e aumentar sua capacidade de fornecer ótimos designs.

Cada vez mais, mais e mais oportunidades de trabalho no campo do design incluem “agradáveis”, como habilidades básicas de desenvolvimento web e prototipagem usando HTML, CSS e JavaScript. Cabe a cada designer decidir quanto assumir; claramente a necessidade está lá fora.

A IA vai eliminar os desenvolvedores front-end?

Uma pergunta permanece: a codificação para designers permanecerá relevante a longo prazo? Há um pressentimento entre os designers de que, com IA e aprendizado de máquina, os designers em breve poderão projetar sem código. Basta arrastar e soltar e mover as coisas na tela, depois pressionar um botão e a IA codifica tudo. Em outras palavras, os empregos para esses tipos de desenvolvedores front-end desaparecerão rapidamente.

No que diz respeito aos designers, a resposta pode estar no pensamento de curto prazo versus longo prazo. Em um futuro próximo, a IA não assumirá o controle e os designers que codificam ainda podem estar em alta demanda. No curto prazo, os designers que desejam se destacar devem manter certas habilidades básicas de codificação, como JavaScript e Ajax, em seu arsenal.

O domínio da codificação para designers impulsionará carreiras

Os designers de interface do usuário que desejam crescer e aumentar seu conjunto de habilidades têm algumas opções à sua disposição. Eles podem aprimorar uma variedade de habilidades de design e passar para outras funções, como design visual, UX ou até pesquisa de UX. Eles também podem escalar gradualmente a escada para cargos de nível mais sênior, principal, líder, gerente e diretor.

No entanto, para realmente impulsionar suas carreiras, os designers podem querer se aprofundar mais no desenvolvimento. Adquirir profundo conhecimento de várias tecnologias que impulsionam os produtos digitais hoje os equipará com um conjunto altamente desejável de habilidades. Isso, por sua vez, abrirá mais portas para oportunidades de emprego em empresas grandes e pequenas.

Os designers devem codificar? Talvez talvez não. Mas designers que codificam, ou pelo menos demonstram profundo conhecimento de várias tecnologias, se tornarão um grande trunfo para qualquer equipe multidisciplinar e definitivamente valerão a pena a longo prazo.

Leia mais no Blog Toptal Design:

• Princípios e práticas recomendadas de design de UX para dispositivos móveis
• Mobile UX Design – Melhores Práticas, Restrições e Trabalhando com Desenvolvedores
• Design multicultural e o papel do UX
• Os princípios do design e sua importância
• Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores