O Desafio de Web Design
Se você tem experiência em design, provavelmente está familiarizado com o processo desde o início do projeto, descobrindo as necessidades / desejos do cliente, mood boarding, desenvolvimento de comp, feedback / revisão, iteração, etc.
O design já é complicado e muito dependente das opiniões individuais. Quando traduzimos esse processo especificamente para web design, pense em toda a complexidade adicional que os criadores (desenvolvedores) devem enfrentar, além dos problemas comuns de design: como isso será exibido em um computador? Um telefone? O que acontece com esses elementos quando a proporção da janela de visualização é diferente?
Para problemas como esses, placas de humor e maquetes fixas simplesmente não servem. Há muito tempo inicial e investimento nos designs iniciais apenas para que uma ideia seja aprovada e, mesmo assim, ainda não estamos capturando todas as experiências.
Insira os blocos de estilo.
O que são blocos de estilo?
Em algum lugar entre os painéis de humor de um designer e composições totalmente desenvolvidas, há espaço para híbridos chamados de “blocos de estilo”.
Pense em um quadro de resumo de nível superior para transmitir uma identidade visual, sem ser tão vago quanto referências de “inspiração” e não tão específico quanto renderizações de maquetes perfeitas em pixels. Esta é uma página única para transmitir estilo e obter uma reação emocional e feedback dos clientes.
Os tiles de estilo são apresentados a um cliente junto com wireframes e outras referências para transmitir a direção que a equipe está tomando sem se adiantar muito. Afinal, o cliente está pagando pelo projeto, então a decisão deles conta … muito. Assim, isso permite que a equipe conclua trechos menores de trabalho e mostre seu progresso, sem perder dias no design apenas para ficar totalmente fora da base.
Elementos de design
Os blocos de estilo incluem amostras de cores, conjuntos de tipografia, texturas, uso de espaço em branco, linhas, etc. Eles devem transmitir uma “sensação”: isso é mais ilustrativo? Tipográfico? Fotográfico? Limpo ou com muita textura? Moderno ou antiquado?
Os benefícios
- Economize tempo projetando tudo antes de codificar.
- Fornece dicas visuais para orientar os desejos / desejos do cliente.
- Faça com que o cliente fale com frequência, sentindo-se mais envolvido como um colaborador.
- Dê ao cliente um ponto de referência com o qual todos possam concordar.
- Não limitado a um layout / dimensão.
Processo de design com blocos de estilo
- Faça perguntas às partes interessadas e obtenha reações emocionais
- Crie blocos de estilo 3-4 e desenhe conexões claras com as palavras reais do cliente
- Repita com o cliente. Combinar alguma coisa? Do que você gosta?
- Produto “final” (todos nós sabemos que nada é realmente final)