Isso aconteceu com todos. Você gasta incontáveis ​​horas produzindo uma bela compilação perfeita de pixels, apenas para rejeitá-la pelo cliente, porque não é o que eles estavam imaginando em sua mente. É o temido "eu vou saber quando eu vejo isso" maldição.

Você é mandado de volta para a prancheta, seu ego e o orçamento são atingidos, e todos ficam frustrados com o processo. Depois que isso acontece, você percebe que conseguir envolver o cliente mais cedo no processo pode fazer uma grande diferença no resultado de suas apresentações de design.

Como designers, muitas vezes pensamos que temos todas as respostas. É nosso trabalho saber o que parece ser bom e levar essa responsabilidade a sério! Mas mesmo se você é talentoso e seu trabalho é de primeira, é fácil interpretar mal as expectativas do cliente. Palavras falham miseravelmente ao tentar traduzir conceitos de design. O que uma pessoa chama de “nervosa”, outra pode parecer caótica.

E se o seu cliente não foi muito receptivo sobre o que eles querem que o novo site pareça, é ainda mais difícil atingir a marca de uma só vez. Os visuais comunicam coisas que as palavras não podem. Uma imagem vale mais que mil palavras, e os mood boards são uma ótima ferramenta para criar essa imagem para o seu cliente.

Imagens valem mais que mil palavras

O que exatamente é uma prancha de humor?

Placas de humor (às vezes chamadas de quadros de inspiração) são usadas em uma variedade de disciplinas. Você, sem dúvida, viu-os usados ​​para Design de interiores , onde amostras de tecidos e amostras de tintas são agrupadas em um cartaz para mostrar ao proprietário qual tipo de ambiente a nova decoração criará. Eles também são usados ​​com freqüência em moda para destacar tendências e estilos. Essencialmente, são uma compilação de elementos inspiradores usados ​​pelos designers para concretizar ideias no início de um projeto de design.

Um mood board é extremamente útil para estabelecer a sensação estética de um site. Geralmente cabe no processo em algum lugar depois de wireframes e antes de modelos de design. As coisas que podem ser exploradas no mural incluem o estilo de fotografia, paletas de cores, tipografia, padrões e a aparência geral do site. Macio ou duro? Suja ou limpa? Escuro ou claro? É necessária uma colagem aproximada de cores, texturas e imagens para evocar um estilo ou sentimento específico.

O tabuleiro de humor é intencionalmente casual; Ele permite que o designer comece com traços amplos e receba feedback antes que muito tempo seja investido na direção errada. Pense nisso como prototipagem visual rápida.

Paleta de cores

Como faço para criar um?

A primeira coisa que você deve fazer é avaliar o projeto e escolher o estilo da placa de modo que funcionará melhor. Há muitas maneiras diferentes de apresentar um quadro de humor. A direção escolhida será baseada no tempo alocado, nos hábitos pessoais de trabalho e, mais importante, na personalidade do cliente.

Estilo 1: colagem solta

Se eles são grandes pensadores que não são obcecados com os detalhes, as chances são de que eles vão adorar esta parte do processo e não vai exigir conselhos de humor refinado. Uma colagem solta funcionará muito bem para transmitir o tipo de aparência que você deseja. Um exemplo deste estilo está abaixo:

Placa de humor de estilo de colagem

Essa é a maneira mais fácil de criar um painel de modo porque ele pode ser reunido rapidamente e não o força a tomar decisões sobre detalhes menores, como fontes ou cores específicas. Pegue pedaços de inspiração de qualquer lugar que você escolher. Digitalize as coisas que encontrar ao seu redor ou pesquise on-line por imagens e texturas adequadas. Às vezes, é útil incluir capturas de tela de outros sites com uma aparência semelhante.

Embora esse seja o estilo mais divertido e eficiente em termos de tempo, infelizmente pode ser confuso e perturbador para os clientes que não entendem completamente a ideia.

Estilo 2: Modelo Refinado

Se o seu cliente não trabalhou com muitos designers ou pessoas de marketing, ou se eles são extremamente detalhistas, você pode querer adotar uma abordagem mais formal. Nesse estilo, um modelo é criado para mostrar os diferentes elementos. Um exemplo deste estilo está abaixo:

Template Style Mood Board

Uma paleta de cores é definida, os tratamentos de fonte, como título e subtítulo são escolhidos, e itens como estilos de botão e fotografia também podem ser trabalhados. Um modelo padronizado ajudará seu cliente a focar nos elementos apresentados.

Eu costumo criar 3 quadros de humor para qualquer projeto de design. Dependendo do estilo, passo 1 a 3 horas em cada um. Antes de começar, chego a uma lista de adjetivos para cada quadro. Um exemplo pode ser:

  • Escuro, brilhante, liso, moderno, nervoso, duro, agressivo
  • Suave, silenciado, redondo, em camadas, elegante, realista
  • Ilustração colorida, áspera, esboçada, brilhante

Esses adjetivos servem como diretrizes enquanto eu uno os elementos. As palavras (e placas) devem ter fortes diferenças. Incluindo uma ampla gama de estilos é importante para tirar o máximo proveito deste processo.

Como faço para apresentar isso?

Prepare o seu cliente explicando como o quadro de tendências se encaixa no seu processo. Diga-lhes o que você espera que saia da avaliação e informe-os de que todo e qualquer feedback é bem-vindo neste momento.

Quando você está apresentando, indique seu cliente para a inspiração por trás de cada uma das suas placas . Sua lista inicial de adjetivos é útil aqui. Lembre-os de que nada nas placas está gravado e que eles são simplesmente uma ferramenta usada para focar o processo de design.

Você descobrirá que, na maioria dos casos, um cliente saberá qual placa de humor se sente bem em segundos. Se eles precisam ver algumas opções adicionais, fazer revisões nesse estágio é rápido e indolor.

Quais são os benefícios?

Produção de maquete mais rápida

Alguns clientes argumentam que eles não querem pagar por conselhos de humor e preferem ir direto para os modelos, mas algumas poucas horas gastas na frente podem economizar incontáveis ​​horas . Com um guia visual criado e uma visão clara de onde você está indo é muito mais fácil ir direto para o processo de prototipagem visual. Não há nenhuma síndrome de tela em branco para lidar, e nenhum sentimento persistente de que você está desperdiçando seu tempo com um conceito que eles podem não gostar. O melhor de tudo, não há grandes surpresas . Desde que usei mood boards eu ainda não encontrei um projeto que fosse completo.

Compra mais suave do cliente

Além disso, a participação antecipada dos clientes faz deles uma parte maior do projeto. Quando os clientes se sentem envolvidos, é mais provável que confiem em você. As placas de humor deixam claro que você as está escutando e considerando sua contribuição . Eles também obtêm insights sobre o pensamento por trás de suas decisões, dissipando a noção muito comum de que os designers escolhem tudo por um capricho. Saber por que você escolheu algo muitas vezes manterá as preferências pessoais (ou seja, a cor favorita do cliente é roxa, então ela gostaria de ver isso como um segundo plano) se arrastando como solicitações de mudança.

Menos frustração, mais diversão

Placas de humor são muito divertidas, elas dificilmente parecem trabalho. O design permite que você pense, explore e brinque com diferentes estilos sem todas as limitações que um layout (e as realidades de codificação) imporão mais tarde. Eles também mantêm os ciclos de revisão no mínimo, algo que todo designer pode apreciar.

Exemplos

Agora que você sabe por que eles são úteis, é hora de torná-los parte de seu processo. Ainda não está pronto para entrar? Confira alguns exemplos para fazer sua criatividade fluir.

Abaixo, uma placa de clima de colagem criada para uma loja virtual que vende roupas e acessórios para bebês.

Placa de humor de estilo de colagem

Os adjetivos que eles escolheram para descrever sua marca incluem elegante, amigável e moderno. A colagem sugere um esquema de cores azul e marrom, uma mistura de fontes manuscritas e serifadas, botões arredondados e alguns elementos artesanais.

Para comparação, aqui está um exemplo de um quadro de modelos para o mesmo projeto:

Template Style Mood Board

O modelo adota uma abordagem mais simplificada, descartando os elementos artesanais, mas mantendo o esquema de cores azul e marrom. A paleta de cores, os padrões, os tratamentos de tipos e o uso da foto são mais explícitos.

Se você precisar de mais ideias, o Placas de inspiração do Flickr grupo tem uma grande coleção de designers de todos os tipos.

Tente usar as mood boards no seu próximo projeto. Eles são uma maneira divertida, eficiente e eficaz de comunicar grandes ideias de design.

Escrito exclusivamente para WDD por Mindy Wagner. Ela é uma web designer na Viget Labs e trabalha com impressão e web design há mais de 8 anos. Ela é formada em Arte e Comunicação em Mídia Eletrônica pelo Rensselaer Polytechnic Institute.

Você já usou mood boards ou está considerando-os? Por favor compartilhe seus comentários abaixo.