Como é que as pessoas reconhecem bom web design?
Existe uma grande diferença entre um bom e um mau design. Muitas pessoas conseguem identificar um bom design, mas não sabem o que faz a diferença.
A maioria das pessoas não olha para um sítio Web e pensa: Esse sítio Web tem tipos de letra serifados e não-serifados bem combinados e uma boa utilização do espaço em branco!
Não. Só os designers é que pensam assim.
Na maioria dos casos, as pessoas apenas sentem que há alguma coisa bom nele. Talvez seja aquele tipo de letra apelativo ou talvez aquela cor vibrante, mas nunca tem a certeza.
Há algo mais num bom design do que apenas fazer com que pareça bem.
Porque pode conceber o seu sítio Web de acordo com todas as principais regras de design com precisão cirúrgica… e as pessoas podem não gostar dele na mesma.
Forma, função e sensação
Um bom design não é apenas o aspeto de um sítio Web; é a forma como funciona.
No entanto, um sítio Web também não é uma máquina. Não existe uma base de código simples ou uma receita para um bom design. Não pode programá-lo, gerá-lo ou de alguma forma automatizar o processo.
É por isso que o seu design precisa de algo mais.
Para criar um web design que estabeleça ligações, precisamos que atinja novos níveis de interação com o nosso público.
1. Design para humanos
O design do seu sítio Web cria uma primeira impressão junto dos seus utilizadores, pelo que deve tornar a interação com o seu sítio tão humana quanto possível. Ninguém quer ser recebido e instruído por um robot.
Tornar o seu sítio Web centrado no ser humano significa torná-lo fácil de utilizar e não fazer com que as pessoas adivinhem o que devem fazer a seguir. Significa que deve centrar o seu design nas acções das pessoas e na forma como os visitantes esperam que o seu sítio Web funcione para eles.
Pode melhorar a experiência do utilizador no seu site resolvendo facilmente problemas comuns que, de outra forma, levariam o tempo dos seus visitantes a resolver.
Os problemas mais comuns que os visitantes encontram em sítios Web mal concebidos:
- “É clicável?”
Todos os elementos que necessitem de interação com um utilizador devem ser claramente visíveis ou destacar-se de alguma forma. As hiperligações e os botões devem, pelo menos, ser marcados com uma cor diferente do resto do corpo do conteúdo. - “Onde é que eu estou?”
Os visitantes sentir-se-ão perdidos no seu sítio Web se a disposição do seu design não for consistente. Quando as pessoas não sabem para onde ir, encontrarão sempre a saída. Não pode mover a navegação ou alterar a disposição com demasiada frequência entre páginas. Deve utilizar padrões comuns em todo o sítio Web para que os seus visitantes possam aprender a interface do seu sítio Web.A consistência é um dos aspectos mais importantes de um sítio Web bem concebido.
- “Não consigo ler!”
O seu conteúdo é fácil de ler? Se não for, o seu texto pode ser demasiado pequeno ou o contraste de cores entre o fundo e a cor do texto pode não ser suficientemente claro. desenhar a tipografia do seu sítio web para o olho humano.Se o seu público-alvo for um pouco mais velho, deve aumentar ainda mais a sua tipografia e acrescentar mais contraste. Deve concentrar-se no seu dos seus utilizadores não se preocupe se não parecer estético para para si mais.
Reserve algum tempo para conheça os seus visitantes típicos e estude o seu comportamento no seu sítio Web. Descubra as questões e problemas mais comuns e tente resolvê-los.
Certifique-se de que o seu sítio Web é utilizável pelos visitantes que lhe interessam. Esqueça a ideia de tornar o seu design simples ou de utilizar cores extravagantes se isso não estiver a funcionar para os seus utilizadores.
2. Desenhe para as emoções
As emoções têm uma grande influência na maioria das nossas decisões. Por conseguinte, não podemos ignorar as emoções na conceção de sítios Web.
Tudo é importante quando se trata dos sentimentos das pessoas. Ao utilizar tipos de letra, formas, ícones, fotografias ou cores específicos, podemos afetar a forma como as pessoas se sentem em relação aos nossos produtos, serviços ou marca.
Pode ver grandes marcas a jogar com as nossas emoções a toda a hora. Basta olhar para empresas como a Apple, a Target ou a Starbucks.
O design do produto é definitivamente um dos principais factores do sucesso da Apple. A Apple gasta muito tempo e dinheiro para garantir que os seus produtos têm um aspeto elegante, sexy e moderno.
Não se trata apenas do aspeto do produto, mas também do seu funcionamento e da sensação quando o utiliza. A maioria dos produtos Apple tem superfícies suaves e agradáveis ao toque e cantos arredondados consistentes. Parece-lhe bem, certo?
Então, como pode utilizar o design emocional?
- Dê uma alma à sua marca.
Escolha uma emoção que quer que as pessoas sintam em relação à sua marca ou ao seu sítio Web, depois concentre-se nela e seja consistente. Então, utilize cores alegres, formas suaves, personagens engraçadas e combine-as com piadas leves por todo o lado.Mas digamos que tem um blogue sobre carros desportivos. Quer que as pessoas se associem à sua marca, por isso precisa de as fazer sentir fixe sobre ele. Pode querer tornar o seu design elegante, moderno, sexy e utilizar uma cor forte como o vermelho.
Não deve querer usar cores pastel brilhantes ou Comic Sans porque isso iria desfasar o seu design do gosto dos fãs de carros desportivos.
- Surpreenda os seus visitantes.
Quer chamar a atenção? As pessoas lembram-se melhor das coisas e prestam mais atenção quando os seus sentimentos estão associados a elas. Surpreenda os seus visitantes fazendo algo inesperado, mas positivo. Por exemplo, mostre uma mensagem de “Obrigado” numa ação simples, torne interessante deslocação paralaxe ou utilize animações quando o cursor passa por cima de alguns elementos. - Dê doces aos seus filhos quando eles chorarem.
Como é que as pessoas se sentem quando vão a um site e este não está a funcionar ou aparece uma página 404? Podem sentir-se confusas, desiludidas ou frustradas. De certeza que não quer que as pessoas se sintam assim. Pode resolver isso criando uma página 404 engraçada ou configurando a sua própria página personalizada quando o seu Web site estiver inativo devido a algum trabalho de manutenção.Faça as pessoas sorrirem quando houver um problema e mantenha-as ocupadas quando tiverem de esperar.
- Mantenha-se positivo.
Esta é uma regra geral: evoque apenas sentimentos positivos. Nunca deve associar quaisquer maus sentimentos à sua marca (a menos que esse seja realmente o seu objetivo e saiba o que está a fazer). Tente utilizar ícones positivos, como marcas de verificação, rostos sorridentes e sinais de polegar para cima. Também pode querer associar sentimentos positivos a acções desejadas no seu website. Por exemplo:- Mostre uma cara sorridente (recompensa) depois de completar uma tarefa
- Utilize um botão verde “adicionar ao carrinho
- Mostre marcas de verificação para campos de formulário corretamente preenchidos
- Utilize uma barra de progresso em formulários de várias páginas
3. Desenhe para contar uma história
A época em que as páginas iniciais pareciam painéis de controlo de aviões acabou. Hoje em dia, evitamos a utilização excessiva de botões, apelos à ação e todas as outras distracções.
O novo papel do design de sítios Web é contar uma história.
Imagine uma página de banda desenhada. Pode ver tiras de vários tamanhos e ilustrações para tornar a história mais interessante. Foi concebida para captar a sua atenção, mantê-lo interessado, surpreendê-lo, assustá-lo, fazê-lo rir… e isto é conseguido apenas com uma boa narrativa e imagens.
O seu sítio Web também pode contar uma história:
- Conceba um layout que melhore a exploração.
Tente manter o conteúdo da sua página numa ordem narrativa e progressiva adequada. Utilize um design vertical simples para facilitar o movimento e o fluxo visual dos olhos. Pode começar com um bom título apelativo e uma descrição simples acima da dobra. Depois, fale ao visitante sobre as suas melhores características, mostre as histórias dos seus clientes, liste as pessoas que estão a utilizar os seus serviços ou produtos e, finalmente, conduza a um – e apenas um – apelo à ação (e optimize-o).Divida o seu conteúdo em partes, mas certifique-se de que existe uma ligação clara entre elas. Desta forma, os seus visitantes podem lê-lo como uma verdadeira história, sem pausas ou interrupções.
Lembre-se também de ter um bom equilíbrio visual, tanto na horizontal como na vertical. Deixe que os olhos dos seus leitores se desloquem suavemente da esquerda para a direita. Se uma secção for mais à esquerda, faça com que a outra seja mais à direita, e vice-versa.
- Utilize vários elementos de conteúdo para manter os visitantes interessados.
Certifique-se de que a sua história é interessante. Pode utilizar diferentes elementos interactivos, como separadores, barras deslizantes e animações de deslocamento, para manter os seus utilizadores interessados em explorar o seu sítio Web. Pode dividi-los em porções mais pequenas com o apoio de vídeos, gráficos e ilustrações. Ou pode introduzir alguma organização e fazer uma lista com marcadores, que é sempre mais fácil de ler.Não tenha medo de mudar as cores de fundo entre as secções da página. Isto permite-lhe manipular o equilíbrio e pode incentivar a deslocação se as cores de fundo estiverem numa determinada ordem.
- Incentive a ação.Todas as histórias têm um final. Coloque o seu principal apelo à ação no final da sua história, para que as pessoas possam dar o próximo passo.
Certifique-se de que o fluxo vertical da página conduz os visitantes diretamente ao apelo à ação final. Pode querer torná-lo mais proeminente do que quaisquer outros elementos, com um título ou texto de botão que pareça uma continuação da sua história.
Então, qual é o seu próximo passo?
Há sempre muito que pode fazer para melhorar o design dos seus sítios Web. Encorajo-o a dar um passo em frente. Vá mais fundo nos bastidores.
Nunca se enganará se simplesmente cuidar dos seus visitantes e melhorar a sua experiência. Tenha em conta os sentimentos deles e dê mais sentido ao conteúdo do seu sítio Web, concebendo uma boa história.
Que mudança simples de design pode fazer hoje para melhorar a experiência dos seus utilizadores no seu sítio Web?
Cinemagraph do Flickr Creative Commons por mendhak