“Fizemos com que os botões do ecrã tenham um aspeto tão bom que vai querer lambê-los.” – Steve Jobs
Você está a criar um ótimo conteúdo para atrair um público. Um público fiel que o conhece, gosta e confia em si.
Mas e se nunca conseguir captar a atenção desse público em primeiro lugar?
E se os visitantes do seu site olharem para as suas palavras bem escritas e seguirem em frente porque a sua página tem um aspeto insípido, aborrecido e amador?
Perde-os logo à primeira vista. As suas palavras nunca têm a oportunidade de criar raízes.
É aí que o design pode ajudar. O design cria uma primeira impressão acolhedora. Envolve os visitantes do seu sítio e atrai-os para que passem realmente algum tempo com a sua informação.
É a diferença entre pôr comida rápida na mesa à frente dos seus convidados e apresentar uma refeição cuidadosamente preparada, com um prato bonito e um cheiro delicioso.
Quer abrir o apetite para o seu conteúdo?
O post de hoje partilha seis dicas de design para que o seu sítio web tenha um aspeto tão atraente que terá de avisar as pessoas para não lamberem os ecrãs.
1. Pense nos seus convidados
Um design delicioso começa com uma compreensão de para quem está a cozinhar.
Conhecer o seu mercado-alvo e aquilo a que ele responde é crucial se quiser escolher tipos de letra, cores e imagens que o vão cativar.
O que precisa de saber sobre eles?
Idealmente, tem uma ideia da sua faixa etária, género predominante e nível de educação.
Pontos de bónus se estiver ciente dos detalhes psicográficos, como o que os motiva, quais são as suas crenças e que outras empresas os atraem e às quais compram.
E, tal como quer saber quais são as alergias alimentares antes de preparar uma refeição, é importante estar ciente do que o seu mercado-alvo considera desagradável ou repulsivo para que o possa evitar nas suas páginas.
2. Fale a língua deles com a tipografia
A tipografia personalizada permite-lhe sair dos tipos de letra Helvetica-Times Roman-Georgia-Verdana que os nossos sites usavam há pouco tempo.
Pode exprimir a personalidade da sua marca ou do seu sítio Web através das personalidades dos tipos de letra.
Tipos de letra com serifa – as que têm pequenos “pés” – são clássicas e tradicionais.
Tipos de letra sans-serif – aqueles com letras simples – são contemporâneos e modernos.
Existem excepções dentro destas categorias principais, por isso confie nos seus olhos para lhe dizerem o que as suas escolhas de tipos de letra estão a dizer.
Atualmente, é fácil utilizar tipos de letra personalizados. Existem várias boas ofertas comerciais que “servem” tipos de letra únicos para o seu sítio. A API de fontes do Google até o faz gratuitamente.
É um passo extra, mas a tipografia personalizada fará com que o seu conteúdo se destaque e dará personalidade às suas palavras.
Veja aqui mais informações sobre como escolher e combinar tipos de letra.
3. Utilize cores que façam sentido para o seu mercado
Se pesquisou cuidadosamente o seu mercado-alvo, tal como descrito no primeiro passo, pode já ter uma ideia das cores que funcionam para ele.
Para começar, recomendo que escolha duas cores principais para representar a sua marca.
Para si, duas cores são as mais simples de trabalhar – terá uma pequena lista para escolher sempre que precisar de fazer uma escolha de cor.
Para o seu público, duas cores predominantes facilitarão o reconhecimento e a recordação da sua marca.
Como é que pode escolher apenas duas cores entre os milhões disponíveis?
Comece por olhar para os bens de consumo que o seu mercado-alvo já compra. Que cores já lhe agradam?
Não precisa de andar pelo centro comercial local com um livro de amostras, mas mantenha os olhos abertos para as combinações de cores que já estão a ser utilizadas para vender ao seu mercado específico. Inspire-se no que já está a funcionar.
4. Conte a sua história com imagens apelativas
Vou ser o primeiro a admiti-lo: encontrar uma boa imagem para trabalhar com os seus posts é uma grande dor de cabeça.
Acresce ao tempo que demora a terminar o seu artigo e – porque normalmente procura uma imagem depois de ter terminado de escrever – parece apenas mais uma coisa a fazer.
Mas a recompensa vale o esforço.
Por mais maravilhosas que sejam as suas palavras cuidadosamente elaboradas, elas ficarão na página se não as acompanhar com uma imagem atraente.
Uma boa imagem é como a capa de um convite para um jantar.
Dá às pessoas uma entrada fácil para começar a envolver-se com a sua escrita. As imagens são processadas rapidamente e, se tiver escolhido uma que seja atractiva e crie um pouco de curiosidade, atrairá os leitores para o seu título e para o primeiro parágrafo do seu artigo.
5. Ordene a sua informação de forma hierárquica
A hierarquia visual ajuda o seu visitante a navegar na sua página e a absorver as suas informações pela ordem que preferir.
Parece-lhe confuso, não é? Veja como fazer isso funcionar …
Observe as informações de uma determinada página do seu sítio Web. Em que é que quer que os visitantes do seu site reparem primeiro? Provavelmente é o nome do seu site.
Depois, o que é que quer que eles vejam? Pode ser o seu título, ou a imagem que utilizou na sua primeira publicação.
Depois de terem percebido o nome do seu site e de os ter atraído para o seu conteúdo, para onde quer que eles olhem?
A hierarquia visual orienta os olhos do espetador através da sua informação, atribuindo-lhe uma ordem de importância em função do local onde está posicionada, do grau de ousadia ou brilho e da quantidade de espaço em branco que tem à sua volta.
A informação mais importante? Torne-a maior, mais arrojada e mais brilhante. Dê-lhe também algum espaço para respirar: o espaço em branco atrai os olhares.
A informação seguinte mais importante? Torne-a mais pequena, menos ousada e não tão brilhante.
À medida que desce a escada da hierarquia visual, lembre-se: quanto menos importante for a informação, menos “peso” visual deve ter.
6. Mantenha-o organizado com um guia de estilo
OK, utilizou cores, tipografia, imagens deslumbrantes e hierarquia visual para criar páginas deliciosas.
E agora?
Continue com o bom trabalho!
Mantenha a consistência com um guia de estilo simples. Não precisa de ser um documento complexo de 20 páginas.
Experimente isto:
- Abra qualquer processador de texto e anote as suas cores oficiais
- Registe os seus tipos de letra e qual o tipo de letra que utiliza
- Indique o nome do ficheiro do seu logótipo oficial ou do trabalho artístico do cabeçalho e onde pode ser encontrado
- Anote quaisquer recursos para fotografia, para que saiba onde encontrar mais de um estilo que tenha utilizado no passado
- Continue a adicionar a este documento à medida que toma decisões de design sobre o seu sítio Web
Depois de criar um sítio Web atrativo, faça com que as pessoas voltem a ele, fornecendo conteúdo bem apresentado de forma consistente ao longo do tempo.
Tome boas decisões de design e depois continue a aplicá-las utilizando as suas notas do guia de estilo como referência.
E não se esqueça do sinal “por favor, não lamba o seu ecrã”. Vai precisar dele!
Nota do editor: A versão original deste post foi publicada em 30 de agosto de 2011.