Design de front-end

Olá pessoal!

Nosso curso "Desenvolvedor JavaScript" geralmente é dedicado à frente e às ferramentas para isso, mas, como se viu, nem todo mundo sabe o que está por trás da frase design de front-end. Encontramos um material interessante, onde o autor está tentando explicar o que está por trás disso.

Vamos lá



Em algum lugar entre o design - o mundo das pessoas, os pixels e o polimento - e a engenharia - o mundo da lógica, dos ciclos e do Linux - está o design da interface. O design do front-end inclui trabalho com HTML, CSS e código de apresentação JavaScript para criar uma interface do usuário.

Os designers de front-end (que também podem ser chamados de desenvolvedores de UI, do lado do cliente, engenheiros de design , arquitetos de front-end, designers / desenvolvedores, prototipistas, unicórnios ou Bo Jackson ) vivem em uma espécie de purgatório entre os mundos:

• Eles entendem os princípios e as melhores práticas do UX, mas não passam tempo pesquisando, criando cenários de fluxo e planejamento;
• Eles têm um gosto estético, mas não perdem tempo pesquisando combinações de fontes, comparando paletas de cores, criando ilustrações e ícones;
• Eles escrevem em JavaScript, mas não perdem tempo escrevendo código no nível do aplicativo, conectando o middleware e depurando;
• Eles entendem a importância do desenvolvimento de back-end, mas não perdem tempo escrevendo lógica de back-end, executando servidores, testes de estresse etc.

Claro, todo mundo tem maneiras diferentes. Alguns estão envolvidos no design do frontend, além de sua posição principal. Oficialmente, eles podem ser considerados desenvolvedores (o que os torna "desenvolvedores completos", como dizem agora), ou podem ser designers (o que os tornamos "designers completos", provavelmente?). Às vezes, especialmente quando as empresas começam a crescer, as pessoas que ficam embaraçosamente presas em um departamento específico estão envolvidas no design do frontend.



Falo sobre minha própria experiência no livro:

Quando um ex-empregador descobriu que eu estava escrevendo em HTML, CSS e JavaScript de apresentação, fui transplantado para mais perto dos engenheiros e desenvolvedores de back-end. Não demorou muito para que eles começaram a me perguntar: "Ei, Brad, quanto tempo o middleware será construído?", E: "Você pode normalizar esse banco de dados rapidamente?"

O ponto principal é que, em toda a minha vida, não tive uma única lição de ciência da computação e fiquei na sala de arte antes de sair da escola. Portanto, esses pedidos me colocam em uma posição extremamente inconveniente.

Existe um equívoco global de que a codificação é uma programação ultra-nerd, mas não é. HTML não é uma linguagem de programação. CSS não é uma linguagem de programação. Mas, como HTML e CSS são códigos puramente técnicos, o desenvolvimento de front-end é frequentemente incluído no Python, Java, PHP, Ruby, C ++ e outras linguagens de programação. E esse mal-entendido leva a uma crise de identidade de muitos desenvolvedores de front-end, inclusive eu.

Essa atitude em relação ao código da interface do usuário da interface e à "programação real" afeta a estrutura organizacional:

Organizacionalmente, geralmente há uma grande lacuna entre designers e desenvolvedores (ou "marketing" e "TI", ou "criativo" e "engenharia", ou alguns outros rótulos de separação). Designers e desenvolvedores costumam sentar-se em andares diferentes, ou geralmente em diferentes edifícios, em diferentes cidades, em diferentes continentes. Isso pode ser parcialmente justificado, mas uma separação tão clara de designers e desenvolvedores de front-end é uma ideia absolutamente terrível.

O ponto principal é que HTML, CSS e JavaScript de apresentação são usados ​​para criar interfaces de usuário, as mesmas que os designers criam usando ferramentas como Photoshop ou Sketch. Para que a equipe crie com sucesso sistemas de interface com o usuário, é muito importante considerar o desenvolvimento de front-end como parte importante do processo de design .

Portanto, sou inspirado pelas histórias de empresas (por exemplo, Optimizely) que foram capazes de organizar a estrutura de suas equipes de forma que o trabalho de front-end fosse considerado parte do processo de design. Jonathan Snook compartilhou idéias brilhantes sobre o assunto , com base em sua experiência no Shopify. Estou ansioso para disseminar essa idéia e incentivar as organizações a considerar o design de front-end como uma parte essencial do processo de design.

Acredito que pessoas com experiência em design de front-end estão em uma excelente posição para ajudar a superar a barreira entre os mundos do design e desenvolvimento. Eles são o elemento de conexão que mantém os tijolos juntos. A vida no purgatório entre os mundos não parece muito atraente, mas não deve continuar assim! Aceite a incerteza, inspire os desenvolvedores frontend a existir entre mundos, viva uma cooperação e um excelente trabalho!

O FIM

Como sempre, suas opiniões e comentários são interessantes, que você pode deixar aqui ou olhar para Alexander em um dia aberto .