Parece para muitos que o designer é um artista caprichoso que eternamente inspira um olhar lânguido à distância e, às vezes, faz discursos sinceros ao cliente sobre a violação de toda a sua ideia, porque “é esse verde que simboliza a harmonia e dois tons mais escuros, como o cliente já sugere. respeito pelo meio ambiente ". Mas não, este é um estereótipo.
O design é principalmente uma solução para um problema específico. Por exemplo, o cliente se depara com a tarefa de aumentar a conversão do site, o que significa que o designer fará tudo para deixar o cliente feliz. Se o cliente precisar de um site memorável que desperte a confiança do usuário, o designer resolverá esse problema de maneira diferente do anterior.
Neste artigo, falaremos sobre os estágios da preparação do design e os princípios gerais do trabalho com o componente visual do site.
O design não é uma onda do pincel e não é um vôo de criatividade, é principalmente uma análise.
Como qualquer projeto, o trabalho começa com a definição da tarefa principal do produto de design. O que o cliente precisa do site? Aumentar as vendas? Mais confiança da marca? Reconhecimento?
Quando o cliente decide a tarefa principal e o designer entende a essência do trabalho, o segundo estágio começa - trabalhe com o público-alvo (outra autoridade de certificação). Na maioria das vezes, o público-alvo foi determinado no estágio de análise e design, mas também é importante para o designer desenhar um retrato de um usuário típico, e quanto mais preciso o retrato, melhor será o produto final.
Vejamos um exemplo de trabalho com a Ásia Central. Imagine que um cliente vende roupas infantis na Internet. Conhecemos seu produto, seus pontos fortes e fracos, e chegamos à conclusão de que a representante típica da Ásia Central para este produto é uma mulher casada, Irina, ela tem cerca de 30 anos, sua renda é um pouco acima da média, ela tem um ensino superior. Muito provavelmente, antes do nascimento do bebê, a jovem mãe teve uma carreira. Irina está de licença maternidade e está envolvida em uma criança. O que é importante para ela? Acreditamos que a saúde de uma criança e o bem-estar da família significa que o produto estará interessado na qualidade do material e no nível de serviço. O que é interessante para Irina? Irina lê blogs de outras mães dia e noite, talvez ela mesma compartilhe sua experiência na Internet. Ela está interessada em seu filho - como ele se desenvolve, como ele vê o mundo. A questão final é o que podemos dar a Irina que outros não podem?
Portanto, estamos nos aproximando perfeitamente da análise competitiva. O designer definitivamente observará os sites dos concorrentes - o que é ruim para eles e o mais importante - o que é bom para eles e como ele pode melhorá-lo em casa. Por que a Irina escolherá nosso site, e não o site de um concorrente? A análise dos concorrentes é completa e detalhada - desde o conceito criativo da marca até a cor e o arranjo dos botões e ícones na tela.
Quando o designer prescreve tudo para si mesmo que o produto possa conquistar Irina e tirar outros sites, a próxima etapa começa - compilando um quadro de lama. Essa palavra complexa significa apenas que o designer está lançando o conceito do site, definido com cores, fontes e a maneira como as informações são apresentadas. Será um site vibrante, com cores ricas e ilustrações cativantes? É improvável, porque lembramos que Irina aprecia a qualidade do produto, e ela pode se assustar com a abundância de flores e inscrições chamativas, como uma tentativa de alarde e "sugar" um produto de baixa qualidade. Lembramos que Irina está com pressa e não tem pressa, Irina também é inteligente e sabe como analisar, ela lerá com atenção e procurará uma captura. Provavelmente, nosso designer imaginário nessa situação escolherá cores pastel, talvez motivos em aquarela, como nos livros infantis, a fonte será neutra, o que permitirá a Irina receber informações com facilidade. As ilustrações serão claras e calmas, provavelmente cheias de ternura e carinho. Lembramos que tudo isso é apenas uma situação imaginária para explicar a essência do trabalho. Infelizmente, não há soluções inequívocas no design e não podemos fornecer um princípio estrito de trabalho com um ou outro público-alvo.
Ao mesmo tempo, o designer é inspirado. Como um verdadeiro artista, o designer assiste o trabalho de seus colegas em sites especiais e toma decisões interessantes. Isso é - rouba idéias. Podem ser sites com tópicos semelhantes, podem ter um foco completamente diferente, mas qualquer solução interessante e incomum pode dar destaque ao site e se tornará o fator mais importante para a Irina não procurar um concorrente e comprar nosso produto. Mas se você leu até esse momento, esfregou as mãos e decidiu que apenas copiava o site que gosta e vive feliz para sempre, apressamo-nos a incomodá-lo - provavelmente não funcionará. Em outro site, o usuário principal não é Irina, mas Svetlana, e aqui está uma história completamente diferente. Não, o designer simplesmente anota os detalhes e os encaixa com cuidado em seu projeto.
Além disso, o designer passa a direcionar o trabalho em programas especiais. De fato, o trabalho inclui um desenho completo de cada página exclusiva do site. Obviamente, a maior parte do tempo vai para a página principal, porque é a primeira coisa que o usuário vê e é aqui que sua atitude em relação ao produto é formada. Isso se tornará o conceito de design de todo o site.
Qualquer bloco, qualquer detalhe do design deve ter um significado. Um designer é uma pessoa tão louca que se pergunta constantemente: por que estou fazendo isso? Por que estou deixando o botão mais escuro? Por que estou usando esta foto e não outra? Por que no rodapé eu coloco o ícone VK primeiro, depois o FB, e só então OK, e não em uma ordem diferente? E se a resposta não aparecer, é melhor abandonar imediatamente a decisão, porque, no entanto, o design não é uma imagem, pois existem critérios de avaliação claros.
Você já ouviu a palavra KPI? Portanto, isso não se aplica a nenhuma obra de arte - por exemplo, é estúpido dizer que a obra-prima de Michelangelo aumentou a presença na Capela Sistina e é uma ferramenta eficaz para atrair novas pessoas. Porém, para o design, na maioria das vezes existem KPIs muito específicos e, portanto, o trabalho pode e deve ser avaliado.
Há uma riqueza de literatura de web design com infinitas regras e princípios. De fato, tudo depende do site e da tarefa específicos, mas existem várias regras gerais:
1. O princípio do contraste
Isso se aplica a todos os elementos do site. Quanto menor o contraste, mais difícil a informação é percebida e separada uma da outra. Devido ao contraste, você pode destacar alguns detalhes e abafar outros, criar uma hierarquia de páginas da web e focar o usuário nos elementos mais importantes.
2. O princípio da ênfase
Este item está intimamente relacionado ao anterior. A colocação adequada de sotaques é uma garantia da eficácia do site. O principal aqui não é se deixar levar, mas entender claramente o que enfatizar, porque se você destacar tudo, toda a idéia será perdida.
3. Princípio da uniformidade e repetição de elementos
Esse princípio parece óbvio, mas requer uma menção separada. Elementos repetitivos e gama de cores, método de alinhamento, tamanho da fonte, espaçamento entre linhas, recuo e curvatura do ângulo de ângulo - tudo isso cria a mesma uniformidade que facilita o trabalho do usuário com o site e confunde se esse princípio for violado. Por exemplo, você lê um artigo em um site de informações e sabe que a seta para trás na parte inferior da página o enviará de volta à página principal. Agora imagine que você não está lendo um artigo, mas está olhando para todos os artigos de uma seção. Você deseja retornar à página principal, mas não encontra a seta para trás. Ou você encontra, mas não em outro lugar. Apenas desconcertado, irritado e pode até solicitar que você saia para um site de concorrente mais conveniente.
4. Alinhamento em grades modulares
Esse item parece assustador, mas na verdade é apenas o princípio de alinhar e dividir a página em blocos. Uma grade modular é uma ferramenta que ajuda a alinhar os blocos e organizá-los de maneira uniforme e limpa. Abaixo está um exemplo típico de uso de uma pilha modular para alinhar elementos:
5. O princípio da facilidade de percepção da informação
Este parágrafo resume, por assim dizer, tudo o que discutimos anteriormente. O homem é uma criatura conservadora e trata todas as inovações com cautela e atitude negativa com antecedência, especialmente quando as mudanças não foram incluídas em seus planos. Existem maneiras usuais de obter informações - por exemplo, os usuários costumam ler a página da esquerda para a direita, de cima para baixo. Não faça com que o usuário se perca no fluxo de informações e execute ações desnecessárias.
Além disso, uma pessoa é uma criatura preguiçosa e muita informação textual pode confundir qualquer usuário. Compare duas maneiras de enviar o mesmo texto:
Este exemplo mostra claramente como o layout do texto afeta a percepção. Por alguma razão, é mais fácil ler o texto no segundo caso, embora o texto e seu volume sejam os mesmos, lá e ali.
Obviamente, em sites que recebem bônus da Internet e quebram todos os registros de KPI, é possível ver uma violação de quase todos esses princípios, mas é aí que está o progresso. O designer monitora constantemente novas tendências em digital e experimentos com diferentes soluções.
Um designer não trabalha sozinho, mas em estreita colaboração com equipes de designers, designers de layout e programadores, porque qualquer especialista pode ter uma boa ideia e lembramos que tudo pode se tornar crucial para o sucesso do seu futuro site.