Uma das tarefas mais importantes em seu prato como um web designer é a usabilidade. A usabilidade é definida como um indicador da qualidade da experiência do usuário ao interagir com seu website. Qualquer site que você cria deve sempre ser transparente do ponto de vista do usuário. Eles devem encontrar seu site fácil de navegar sem ter que primeiro passar por um treinamento especial. Usabilidade é normalmente baseada em vários fatores diferentes.
Uma pessoa que procura em seu site quer que sua facilidade de aprendizado seja de primeira. Eles vão querer aprender rapidamente a interface do usuário para que possam entrar e realizar tarefas fundamentais de navegação. A eficiência do uso é outro fator: depois que eles aprenderam a navegar no seu site, eles vão querer realizar tarefas rapidamente. Mesmo que o usuário tenha usado o site anteriormente, ele precisará lembrar-se facilmente do processo para poder usar o site com eficiência na próxima vez. Isso é chamado memorização. Quando eles estão usando seu site, eles podem ter alguns erros, mas esses erros são frequentes ou graves? Finalmente, depois de terminarem o seu site, a satisfação subjetiva do usuário é alta ou baixa? Eles deveriam ter gostado de usar seu site.
É claro que você não pode agradar a todos os visitantes do site o tempo todo, mas alguns padrões são comuns para garantir uma boa usabilidade. O que os web designers medíocres dão como certo, você não deveria. Aqui está um resumo dos três principais erros de usabilidade que os web designers devem evitar a todo custo.
Seu site estará repleto de hiperlinks, que claramente devem ser clicados. Portanto, certifique-se de que eles são grandes o suficiente para serem clicados facilmente. É simples assim. Caso contrário, seus hiperlinks não serão bem recebidos. Os movimentos da mão de qualquer usuário no mouse não serão precisos para começar, então não faça áreas clicáveis tão pequenas que o usuário tenha que usar uma combinação de sutileza e estratégia apenas para ter uma chance de clicar em seus minúsculos hiperlinks.
Por outro lado, uma área maior e mais facilmente clicável torna muito mais conveniente passar o cursor sobre quaisquer links. Para tornar a área clicável maior, simplesmente torne o link inteiro maior ou melhore o preenchimento em volta do link. Você pode fazer isso utilizando a propriedade de preenchimento de CSS.
Dê uma olhada nesta multa exemplo de uma área clicável horrivelmente pequena. É da página “Hacker News” de um site chamado Y Combinator, que fornece financiamento inicial para startups. Observe como os comentários e links de usuários são tão minúsculos. Você terá sorte em finalmente conseguir clicar neles depois de praticar várias vezes.
A paginação é ótima quando usada para o propósito correto em web design. Quando usada corretamente, a paginação é um recurso de boas-vindas porque torna o layout de um site mais conveniente e fácil de absorver. Ele é usado principalmente para dividir o conteúdo em várias páginas e é um recurso normalmente visto em sites que apresentam longas listas de itens.
No entanto, a paginação também pode ser mal utilizada, o que a torna um fator que contribui para a inconveniência da usabilidade. Alguns sites gostam de abusar da paginação com o propósito de dividir páginas básicas de conteúdo em várias páginas, e há também um motivo oculto por trás disso. Os sites que fazem isso provavelmente tentam aumentar suas visualizações de página, simples e simples. Muitas revistas e blogs on-line obtêm sua receita por meio de publicidade. Assim, o recebimento de mais page views aumenta suas estatísticas de visualização e permite que elas cobrem mais pelos anúncios.
Dê uma olhada neste Abuso de paginação, que nos vem da revista Wired. Observe como o artigo no logotipo colorido do Google é dividido em oito páginas quando todas as oito páginas poderiam ser facilmente combinadas em uma única página da web. Mesmo assim, esse artigo mais longo não teria causado lentidão na carga e no processamento da página. Observe também como é agravante clicar várias vezes apenas para terminar de ler o artigo.
Além disso, esse abuso de paginação pode prejudicar o SEO; se você dividir o conteúdo do seu site em várias páginas, você dilui o seu conteúdo. Isso tem o efeito de reduzir o número de palavras-chave relevantes sobre o tópico em cada página da web, o que significa que cada página faz menos sentido sozinha. Como resultado, os mecanismos de pesquisa podem não conseguir interpretar corretamente o que cada página trata, impactando negativamente as classificações de resultados do mecanismo de pesquisa do artigo.
O conteúdo que é difícil para os usuários do site varrerem é geralmente conteúdo que sofre de cópia incorreta. Copiar é o conteúdo de texto com o qual você preencheu seu site e é absolutamente essencial para tornar a usabilidade do seu site excelente. Mesmo antes de se preocupar com uma boa cópia, você precisa ter uma compreensão completa dos comportamentos de visualização dos usuários do site. Os usuários do site tendem a não ler todas as informações em uma página da web de cima para baixo, como você pode esperar.
Na realidade, os usuários do site absorvem informações simplesmente pulando de um conteúdo para outro, essencialmente guiados pelo que aparece na página. Você pode agradecer ao fato de que a Internet bombardeia as pessoas com informações para esse comportamento frenético de visualização na web. Os olhos dos usuários basicamente partem de uma seção interessante de qualquer página da Web para outra, o que significa que você, como o web designer perfeito, deve estruturar suas páginas de maneira a acomodar esse comportamento frenético.
Primeiro, certifique-se de que seu site tenha apenas alguns pontos de foco claros. Estes funcionarão como as seções de sua página que chamarão a atenção dos visitantes. Você pode ter sucesso incluindo fontes maiores e cores de alto contraste. Para maior atração visual, inclua também imagens como ícones ao lado do texto.
Em segundo lugar, cada ponto de foco deve, idealmente, apresentar um cabeçalho descritivo. Sem prosseguir para ler a cópia ainda mais, um usuário deve compreender imediatamente o que esta seção de conteúdo irá abranger. Nunca deixe seus títulos crípticos ou obscuros para atrair leitores. Faça os cabeçalhos curtos, porém precisos.
Finalmente, qualquer texto adicional deve ser sucinto e fácil de absorver. Ofereça apenas os fundamentos e exclua qualquer outra coisa. Na maioria das vezes, o texto adicional que os redatores incluem para esclarecer um ponto realmente subtrai a legibilidade do texto. Há uma tendência para muitas pessoas apenas lerem pequenos trechos de texto enquanto evitam parágrafos mais longos, então apare a gordura.
Vamos dar uma olhada rápida em um página da web que organiza bem sua cópia. Este é o aplicativo do Cultured Code's Things para o Mac. Você notará que, à primeira vista, os pontos de foco, que são a captura de tela e o cabeçalho “Coisas” de tamanho gigante, são muito óbvios. A cópia dos vários recursos do aplicativo, que você pode ver mais rolando a página, também é muito curta e direta, ocupando apenas um curto ou dois parágrafos para fornecer uma breve descrição de cada recurso.
Boa usabilidade envolve tantos fatores distintos que eles podem ser um pouco difíceis de acompanhar. Usabilidade é tudo sobre o usuário final e como eles se sentem enquanto navegam e analisam seu site. Coloque-se no lugar deles enquanto projeta seu site. Eles podem contornar o seu site com facilidade? Eles vão lembrar facilmente o que fazer e aonde ir na próxima vez em que visitarem seu site? Será que eles acabarão curtindo sua experiência navegando em seu site? Todas essas perguntas devem estar em primeiro plano em sua mente enquanto você projeta seu site.
Boa usabilidade também tem benefícios práticos. Quanto mais um usuário puder navegar em seu site com eficiência, mais ele estará de volta. Eles também contam aos amigos, à mãe, aos colegas de trabalho ... você entende a foto. Eles virão e verificarão o seu site. Como resultado, você terá mais visualizações de página, mais leitores e, esperamos, seguidores leais. Isso significa que você pode gerar receita com seu site e cobrar mais pelos anúncios no site. Cuide da usabilidade e você colherá as recompensas de muitas maneiras.
Que erros de usabilidade você adicionaria? Qual é o pior erro de usabilidade que os projetistas costumam fazer? Deixe-nos saber seus pensamentos nos comentários.
Imagem em destaque / miniatura, imagem de erro via Shutterstock.