Quando se trata da
criação de sites ou
reformulação de sites, é muito comum o cliente dar mais atenção para a estética do que para a usabilidade do site.
Seguem as orientações de alguns de nossos clientes por exemplo:
"Esse tom de azul simplesmente não parece certo .... "
"Não seria legal ter o logotipo em o lado direito da tela? .... "
"que tal colocar uma imagem animada no meio da página? "
No entanto, se você está realmente tentando fazer algo com seu
site (por exemplo, o conhecimento da marca, geração de leads, etc.), você precisa se concentrar em mais do que apenas como seu
site é visto em termos de visual.
Em um mundo onde as pessoas têm mais de um bilhão de sites que potencialmente pode pousar, você precisa ter certeza de
design do seu site é
otimizado para a usabilidade (fácil de usar) e experiência do usuário (o quanto é agradável interagir com o
seu site para os usuários).
Agora você poderia passar anos estudando os prós e contras de usabilidade e UX, mas para lhe ajudar nessa tarefa, reunimos a seguinte lista de orientações úteis.
Simplicidade
Enquanto a
aparência do seu site é importante, a maioria dos visitantes não estão chegando ao seu
site para avaliar quão habilidoso o projeto é.
Em vez disso, eles estão vindo para o seu
site para completar alguma ação, ou para encontrar alguma informação específica.
Adicionando elementos de
design desnecessários (isto é, os elementos que não servem a nenhum propósito funcional) para o seu
site só vai tornar mais difícil para os visitantes realizarem o que eles precisam.
A partir de uma perspectiva usabilidade e
UX, a simplicidade é sua amiga. E você pode empregar a simplicidade em uma variedade de maneiras diferentes. aqui estão alguns exemplos:
Não use cores demais. É recomendada a utilização de um máximo de cinco (mais ou menos duas) diferentes cores no
design do seu
site.
As fontes que você escolhe devem ser legíveis, no mínimo. E quando se trata de cores, você não deve usar demais. A recomendação comum é a utilização de um máximo de três fontes diferentes em um máximo de três tamanhos diferentes.
Apenas usar artes gráficas se elas forem ajudar o usuário a concluir uma tarefa ou executar uma função específica (não simplesmente adicionar à toa).
Hierarquia Visual
Intimamente ligada ao princípio da simplicidade, hierarquia visual implica organizar e organizar elementos do
site para que os visitantes, naturalmente "naveguem" em torno dos elementos mais importantes em primeiro lugar.
Lembre-se, quando se trata de
otimização de
usabilidade e
UX, o objetivo é levar os visitantes para completar uma ação desejada, mas de uma forma que parece natural e agradável.
Ao ajustar a posição, a cor ou o tamanho de certos elementos, você pode estruturar seu site de tal forma que os visitantes serão atraídos para esses elementos em primeiro lugar.
A navegabilidade
Ter
navegação intuitiva em seu
site é crucial para assegurar que os visitantes encontrem o que estão procurando.
O ideal é que um visitante não tenha que pensar muito sobre onde ele deve clicar.
Aqui estão algumas dicas para otimizar a navegação do seu site:
Manter a estrutura de sua navegação simples e perto do topo de sua página.
Incluir a navegação no rodapé do seu
site.
Use breadcrumbs em cada página (exceto para o homepage) para que as pessoas estejam conscientes do caminho de navegação.
Inclua uma caixa de pesquisa na parte superior do
seu site para que os visitantes possam pesquisar por palavras-chave.
Não ofereça muitas opções de navegação em uma página.Isso só confunde seu cliente.
Não cavar muito fundo. Na maioria dos casos, é melhor manter a navegação para não mais que três níveis de profundidade.
Incluir links dentro de sua
página, e deixar claro onde esses links levam.
Uma vez que você tenha resolvido sobre o menu principal de navegação do seu
site, mantenha-o consistente. Ele deve permanecer o mesmo em todas as páginas de seu site.
Consistência
Além de manter a navegação do seu site consistente, a aparência geral do seu site deve ser consistente em todas as páginas do seu site.
Fundos, esquemas de cores, fontes e até mesmo o tom da sua escrita são todas as áreas onde ser consistente pode ter um impacto positivo sobre a usabilidade e
UX.
Isso não quer dizer, porém, que cada página em seu site deve ter o mesmo
layout exato. Em vez disso, você deve criar layouts diferentes para tipos específicos de páginas (por exemplo, um
layout para as páginas de destino, um layout para as páginas informativas, etc.), e usando esses layouts de forma consistente, você vai tornar mais fácil para os visitantes a compreender que tipo de informação que é provável encontrar em uma determinada página.
Acessibilidade
O acesso a partir de tablet's cresceu 30% entre 2013 e 2015. Smartphones e Celulares, por sua vez, cresceram 78% durante o mesmo período de tempo.
A fim de proporcionar uma verdadeira grande experiência ao usuário, o seu site precisa ser compatível com os diferentes dispositivos (e sistemas operacionais, e navegadores) que seus visitantes estão usando.
Em um alto nível, isso significa investir em uma estrutura de site que é altamente flexível - como
design responsivo.
Com um site ágil, o conteúdo é automaticamente redimensionadas e reformulado para ajustar as dimensões de qualquer dispositivo um visitante passa a ser utilizado.
Em um nível mais baixo, melhorar a acessibilidade pode ser tão simples como adicionar texto alternativo para todas as suas imagens (para que os visitantes que não podem ver imagens em seus navegadores ainda possam entender o que está na página).
Em última análise, é mais importante que o seu
site ofereça uma grande experiência em diferentes plataformas em vez de ter que lhe parecem idênticos em toda a essas plataformas. E isso pode significar aderir a convenções de
design específicos da plataforma em vez de tentar espremer em elementos únicos que os usuários dessa plataforma pode não estar familiarizado.
Padrões WEB
Há certos padrões nos quais, ao longo dos anos, os usuários de internet se tornaram cada vez mais familiarizados.
Esses padrões incluem:
Ter a navegação principal estar no topo (ou esquerdo) de uma página
Ter um logotipo no canto superior esquerdo (ou centro) de uma página
Ao clicar nesse logotipo o visitante é levado de volta para a página inicial
Links mudam de cor/aparência quando você passa o mouse sobre eles
Embora possa ser tentador não utilizar todas esses padrões de design e ser completamente original, isso (provavelmente) será um erro.
Seria semelhante a colocar volante de um carro no banco de trás, o que quer dizer: ele iria confundir as pessoas.
A fim de proporcionar a melhor experiência possível para os visitantes do seu site, tire proveito do fato de que você já sabe quais os tipos de experiências web que eles estão familiarizados. Você pode usar esta informação para tornar seu site mais fácil para os visitantes a navegarem.
Credibilidade
Em última análise, usando os padrões webdesign - elementos e estratégias que os visitantes já estão familiarizados com design - pode ajudar a dar o seu site mais credibilidade. E se você está se esforçando para construir um site que forneça a melhor experiência ao usuário possível, a credibilidade pode percorrer um longo caminho.
Uma das melhores maneiras de melhorar a credibilidade do seu site é ser claro e honesto sobre o produto/serviço que você está vendendo no site. Não faça os visitantes têm que cavar através de dezenas de páginas para descobrir o que é que você realmente faz. Em vez disso, dedique alguns espaços para explicar o valor por trás do que você faz.
Tenha uma página de preços. Embora possa ser tentador forçar as pessoas a entrar em contato com você, a fim de que eles aprendam mais sobre os preços, ter os preços indicados claramente em seu site pode definitivamente fazer seu negócio parecer mais confiável e legítimo.
Em fim, usabilidade e experiência do usuário serão os pilares na preferência dos usuários finais. Afinal, você não está projetando para eles.
Assim, enquanto os princípios detalhados nesta lista são um grande ponto de partida, a verdadeira chave para melhorar o design do seu site é a realização de testes com usuários, recolher feedback e fazer alterações com base no que você aprendeu.
Quais outros princípios você acha necessários para o design excepcional do site a usabilidade?
