Como ensinar um designer de impressão a projetar para a web?

Sou programador (não designer) e trabalho com vários designers do setor de marketing. Um projeto típico consiste em um designer que cria um design para uma página da Web e, em seguida, entrega o design para mim (arquivo PSD ou o que for) e eu o implemento em uma página da Web (HTML, CSS, etc ...).

O problema que eu encontro é que muitos designers não sabem como projetar com a web em mente. Eles são originários de um design de material impresso e abordam o design da web da mesma forma, o que simplesmente não funciona. Eles não pensam em coisas como "O que acontece com o design quando o usuário altera o tamanho do navegador" ou "imagens de fundo inclináveis" ou o design usando um sistema de grade / coluna em vez de colocar elementos por todo o lugar ou "Você não pode tenha um DIV com várias imagens de fundo que funcionem em todos os navegadores "ou" não use 12 fontes da web diferentes ", etc ...

Como instruir designers sobre como criar um design melhor com a Web em mente? Existem recursos para isso ou livros por aí que abordam os vários desafios e obstáculos para isso? Ou eles simplesmente precisam aprender com a experiência?

website-design education

— Jake Wilson
fonte

Uma vez comecei como designer de impressão. Então a internet chegou e eu aprendi meu HTML / CSS / JS. Logo depois, mergulhei no C / C ++ e me esforcei para pensar em código. Anos depois, estou cobrindo muitos lados da medalha. Então, por que estou lhe dizendo isso? Bem, eles são designers de impressão. Se eles querem criar sites, terão que se adaptar e aprender. Eles não precisam ser capazes de codificar e proteger um CMS do zero, mas devem conhecer a mídia com a qual trabalham e projetam! Mais simples: eles deveriam aprender sozinhos. A tecnologia evolui ... eles se adaptam ou morrem. My2Cents: chute seu XSS ! (trocadilhos)

— e-sushi

Essencialmente, essa pergunta é "como alguém se torna um bom web designer?". Que, embora seja uma excelente pergunta, talvez seja um pouco ampla para o StackExchange.

— DA01 5/08/13

Mas, para responder à pergunta, o melhor web designer com quem trabalhei aprendeu com a experiência ... e era tipicamente fluente no meio para o qual estava projetando.

— DA01 5/08/13

Eu concordo com a amplitude da questão. Por que não redirecioná-lo para algo nas linhas de "Quais requisitos devo dar, como desenvolvedor, ao meu web designer"?

— Yisela 5/08

@Jakobud para 'projetar melhor para a web', eles precisam se tornar melhores em 'web design'. Acho que não estou vendo diferença lá. Essencialmente, para que um designer de impressão se torne melhor no design da Web, ele precisa entender melhor o meio. É um tópico amplo, mas inclui itens como design de interação, navegadores, DOM, design de usabilidade, design de acessibilidade, separação de conteúdo e estrutura, reutilização de código, etc. etc. resposta de dicas e truques para isso.

— DA01 5/08/13

Eu fiz muito esse tipo de treinamento nos últimos anos, pois bons designers de impressão encontram suas oportunidades diminuindo. Se você encontrar um bom designer (ou seja, alguém que possa se comunicar bem com uma ideia), ele poderá aprender a web. Mas isso leva tempo.

Fazendo devido

Você pode ajudar consultando-os sobre questões técnicas à medida que desenvolvem seus projetos. Lembrá-los de desafios e oportunidades não corrigidos e interativos ajuda bastante. Oferecer orientações sobre onde o html / css / js se encaixa na equação os ajudará a entender as ferramentas à sua disposição.

Um cenário ideal

Mas você provavelmente não tem tempo para isso. O melhor cenário é fazê-los trabalhar com uma interação / interface / web designer de nível sênior. Eles precisam assumir a liderança em um projeto da web e executar suas idéias através desse mentor. Na minha experiência, leva cerca de um ano nesse relacionamento para 'entender'. A supervisão do mentor diminui lentamente ao longo desse tempo.

Em resposta ao comentário ...

Lave suas mãos

Apenas dê a esses designers preguiçosos uma lista de links e faça-os estudar.

— roupas comuns
fonte

Portanto, não existem recursos disponíveis no mercado que possam ajudar os designers a projetar para a Web, menos alguém que ensine cada um deles?

— Jake Wilson

Há certamente existente recursos lá fora: web sites, livros, conferências, cursos, tutoriais, etc

— DA01

Eu adicionei um site de token para chutes.

— à paisana

@Jakobud Para uma abordagem mais criativa e chutes inspiradores, eles podem conferir o OnePageLove e sites como esse para que eles - pelo menos - aprendam como pode ser a "web moderna" . Depois de mostrar a eles isso, peça que eles projetem dessa maneira. Eles reconhecerão que estão perdendo alguma coisa e é melhor começarem a aprender se quiserem ter um futuro como designers profissionais. Acho que uma coisa deve ficar clara: não é seu trabalho ensiná-las. Mas, de fato, Smashing Mag é um bom ponto de partida, assim como Abuzeedo e UXbooth .

— e-sushi

Eu não encorajaria alguém que ainda não tem uma ideia da Web a pensar em sites de uma página. Há muitas experiências ruins cometidas em nome de uma página, amor;) Chega de superfluosidade de animação paralaxe / rolagem, por favor!

— à paisana