Projetando para não-designers

Por exemplo, o designer não se preocupa apenas com o que o usuário pode ver na tela, mas também com o que o usuário acabará vendo em resposta a algum evento ocorrendo. Um evento pode ser algo como um clique do mouse, um finalizador de timer ou até mesmo um erro ocorrendo. Devemos nos preocupar com como o produto responderá às coisas que acontecem enquanto o usuário está interagindo com ele. Embora nosso trabalho seja normalmente exibido em uma tela bidimensional, temos que ser capazes de pensar em pelo menos quatro dimensões.

Sucesso como web designer requer o domínio de uma ampla gama de habilidades. O gráfico abaixo mostra uma visão extremamente simplificada das principais áreas que os designers precisam ter pelo menos um entendimento prático.

Dentro de cada uma dessas camadas, pode haver várias outras camadas, cada uma exigindo diferentes conhecimentos, habilidades e especializações. Por exemplo, se você agrupar as duas camadas superiores (Interface do usuário e Arquitetura de navegação), estará no território de um designer de experiência, porque sua tarefa principal é avaliar como esses itens em particular funcionam ou não funcionam para o benefício de o usuário. Agrupar as duas camadas inferiores fornece um design de sistema.

Isolando a camada superior, você pode encontrar especializações em design gráfico, design de formulários, layout, tipografia, animação e muito mais. O ponto é que não existe uma definição simples do que um web designer é ou faz. Eles podem fazer algumas das coisas descritas acima, ou podem não fazer nada disso.

Alguns web designers podem ser brilhantes em design gráfico e desenho, mas não sabem nada quando se trata de codificação. Outros podem ser programadores brilhantes, mas não podem desenhar muito melhor do que um estudante médio de jardim de infância. Se os web designers não souberem exatamente o que é web design, então não é de admirar que os clientes raramente apreciem a complexidade da operação de criar um site de alta qualidade.

Dominar todas essas habilidades é uma tarefa difícil para qualquer pessoa, e é por isso que a maioria dos estúdios prefere trabalhar em um ambiente de equipe. Isso nem sempre é prático para todos, por exemplo, se você está apenas encontrando seus pés em sua própria pequena empresa, e pode haver momentos em que você pode achar que precisa cobrir um membro ausente da equipe. Este guia explica como você pode lidar quando as expectativas de seu cliente excederem suas próprias expectativas.

1. Conheça seus pontos fortes

Isso ajuda muito se você já sabe o que é melhor. Você é bom em codificar? Em seguida, concentre 80% do seu esforço de produção na codificação. Você é bom em desenhar? Em seguida, concentre 80% do seu esforço de produção nisso. Você é bom em ambos? Explore essa vantagem e encontre alguém para fazer o trabalho pesado. Aliás, conhecer seus pontos fortes também significa identificar suas fraquezas, e é aí que você deve concentrar 80% de seus esforços de aprendizado, para poder eliminá-los.

2. Juntar-se

Não importa quão frugal você queira ser, ou quão ganancioso você esteja se sentindo, o conselho que você recebeu na pré-escola de que é bom compartilhar é realmente muito sólido. Pense assim: você quer trabalhar em um site por mês por $ 2000 ou deseja trabalhar em sites da 20 por mês para uma participação de $ 20 em 40,000%? Ter uma equipe talentosa de colegas de trabalho significa que você pode fazer mais em menos tempo, desde que todos possam trabalhar bem juntos (essa é a outra coisa que aprendemos na pré-escola).

Felizmente, vivemos em uma época em que o talento de terceirização é mais fácil do que nunca. Uma equipe poderia trabalhar em conjunto no mesmo prédio ou poderia estar espalhada por cinco continentes diferentes. Pequenos detalhes como esse não mais importam, contanto que você tenha suas comunicações funcionando bem.

Apenas certifique-se de que, se você está terceirizando, não busca seu talento em sites de leilões de talentos como O-Desk e E-Lance. Estes são cheios de aspirantes e folgados, então encontrar talento genuíno é como procurar um diamante em uma imensa montanha de carvão.

Vá a lugares onde você encontrará montanhas de diamantes manchadas apenas por partículas ocasionais de carvão. Se você tiver que morder a bala e trabalhar com alguém desses outros sites, não escolha o menor lance ou o licitante com os trabalhos mais completos. Procure o melhor comunicador (anúncio bem escrito ou resposta, definindo claramente o que eles podem fazer por você em um idioma que você possa entender).

Então, que tipo de lugares? Aqui estão algumas sugestões:

  • StackOverflow para codificadores
  • ProBlogger para escritores de conteúdo
  • Rede de artistas freelancers para ilustradores
  • Toptal para UI, UX e Visual Designers

A contratação de fontes de qualidade como essa não sai barato, mas significa que você pode se sentir mais confiante em relação aos resultados potenciais. Tente formar parcerias duradouras e, se possível, é melhor contratar uma base de participação nos lucros do que pagar uma taxa por hora.

Esteja ciente de que a maioria das pessoas superestima suas habilidades, por isso não preste muita atenção ao que as pessoas dizem que podem fazer. Coloque mais ênfase no que as pessoas mostram que podem fazer. Esteja ciente também da cascata. O que é isso? Bem, quando você terceiriza alguém que, por sua vez, terceiriza o trabalho para alguém que pode estar terceirizando ele mesmo ... você pode ver qual é o risco aqui.

Se uma contratação em perspectiva parece estar produzindo mais trabalho do que seria humanamente possível e a qualidade não é totalmente ruim, isso é um sinal muito forte de que ela provavelmente está em cascata, o que significa que você está pagando mais do que deveria e a pessoa que faz o trabalho está sendo aproveitada.

3. Em uma pitada, você sempre pode rastrear

Usando uma combinação de GIMP e InkScape, você pode criar praticamente qualquer tipo de design gráfico que possa imaginar. Mas se você não é realmente o tipo de designer que é bom em desenhar, você sempre pode cortar e enganar. Este artigo está realmente apenas repetindo todas as lições que você aprendeu na pré-escola, não é? Mas ei, por que desenhar quando você pode traçar, certo?

Agora você notará que eu disse trace e não copie. Copiar está errado, exceto quando algo já é de domínio público. Ao copiar, você expõe a si mesmo e seu cliente a riscos desnecessários e está enganando alguém que dedica tempo e esforço para criar algo que você acha que vale a pena copiar.

O rastreamento, por outro lado, ainda está criando um trabalho original, desde que o resultado final não seja muito semelhante ao original. Mas você não precisa necessariamente rastrear o trabalho de outra pessoa de qualquer maneira. Você também pode rastrear suas próprias fotos originais. Você também pode usar filtros do PhotoShop para converter fotos em esboços, mas isso não funciona muito bem.

Vamos ver essa técnica em ação

Nesse cenário, seu cliente solicitou que um logotipo de um mouse fosse criado para o site, e ele precisa ser feito com urgência. A pessoa que normalmente faz todo o desenho para você está fora e não pode ser alcançada, e não há tempo para recrutar outra pessoa sem correr um grande risco. Então o que você pode fazer?

Uma boa maneira de começar seria apenas tirar uma foto do seu mouse.

Em seguida, edite a imagem no GIMP ou no PhotoShop para redimensioná-la para um tamanho mais prático e retire todas as informações sobre cores. Descobri que a dessaturação com a configuração Luminosidade deu o melhor resultado em termos de redução da sombra.

Exporte a imagem como um novo JPG e feche o editor. Abra a nova imagem no InkScape.

Clique na imagem para selecioná-la e pressione Ctrl + X para enviá-la para a área de transferência.

Agora selecione Layers no menu Layer e clique no botão para adicionar uma nova camada, que você poderia chamar de “background”.

Pressione Ctrl + Alt + V para executar uma operação "Colar no local". Isso coloca a imagem de volta exatamente na mesma posição em que você a cortou (se você acabou de fazer uma pasta normal, ela pode ser deslocada).

Agora defina a opacidade da camada para um valor baixo como 40 ou 30 e, em seguida, clique no ícone de cadeado para bloquear a camada de quaisquer outras modificações.

Adicione uma nova camada, que você poderia chamar de "trace".

Agora basta selecionar a ferramenta de lápis (desenhar linhas à mão livre) e cuidadosamente traçar sobre as linhas. Isso funcionará muito mais fácil se você usar uma caneta digitalizadora e uma mesa gráfica, mas isso ainda pode ser feito usando um mouse. Pode ajudar a ampliar a imagem. Faça o trabalho em pequenas seções, para torná-lo menos frustrante ao corrigir erros.

Aumente o zoom nas áreas que exigem um controle muito preciso. Não se preocupe em preencher áreas sombreadas, faremos isso mais tarde. Observe também que, se algum bit for difícil de ver, apenas aumente a opacidade da camada de fundo temporariamente para que você possa ver mais facilmente.

Agora você deve ter um contorno quase perfeito da imagem do assunto. Dependendo do trabalho, talvez você queira usar preenchimento e sombreamento ou pode deixá-lo como uma imagem de contorno monocromática.

Esconda ou apague a camada de fundo e salve este modelo em formato SVG.

Agora você pode brincar com a imagem um pouco. Talvez adicione um pouco de cor.

Então uma textura.

Mas, para um logotipo, isso é provavelmente um exagero, então devemos simplificar. Revertendo para monocromático, encolhemos a imagem.

Agora basta adicionar alguns artefatos de logotipo, assim:

E voila! A obra de arte terminada. Este é geralmente o ponto em que o cliente irado liga para você e reclama que você colocou um mouse de computador quando realmente eles queriam um mouse de desenho animado. Esse é um tópico para o nosso próximo artigo, Lidando com Clientes Difíceis.

imagem de cabeçalho cortesia de Ramotion

Bogdan Rancea

Bogdan é um membro fundador da Inspired Mag, acumulando quase 6 anos de experiência neste período. Em seu tempo livre, ele gosta de estudar música clássica e explorar artes visuais. Ele é muito obcecado com fixies também. Ele é dono do 5 já.