Um guia definitivo para a usabilidade do site

Publicados: 2016-09-07

A usabilidade, que se refere à facilidade de uso de um site, é parte integrante de um bom site. Hoje em dia, os sites estão se tornando mais cheios de recursos e interativos, sendo assim mais intrincados. Consequentemente, um componente indispensável de um site de sucesso que muitas vezes é esquecido é sua usabilidade.

De acordo com Jakob Nielsen, um dos principais especialistas em usabilidade da web, ele consiste em cinco componentes, conforme mostrado no diagrama a seguir:

componentes de usabilidade da web em imagens

Combinando os resultados de mais de 500 descobertas de pesquisa, o Departamento de Saúde e Serviços Humanos dos EUA (HHS) e a Administração de Serviços Gerais dos EUA desenvolveram uma diretriz exaustiva contendo mais de duzentos fatores que influenciam a usabilidade do site.

Com base na diretriz, desenvolvemos uma lista de verificação concisa para sua conveniência, que é a seguinte.

Estruturação

1. Defina os objetivos

A primeira coisa que qualquer proprietário de site deve estabelecer são os objetivos principais do site ou o que o site pretende alcançar. Isso dependerá muito do setor em que você está operando e do serviço que você fornece, o que, por sua vez, determinará o conteúdo, a estrutura e a aparência do seu site.

Definir meta do site

Artigo relacionado: O guia essencial para otimização da taxa de conversão

2. Forneça conteúdo útil

O conteúdo é o elemento mais importante de um site. Portanto, forneça conteúdo adequado, de fácil leitura, útil para os usuários e que responda às perguntas que seu público-alvo terá.

citações de conteúdo

3. Entendendo a expectativa dos usuários

A pesquisa mostra que a usabilidade de um site depende muito de quão organizado, fácil de usar e direto é realizar uma determinada tarefa. Certifique-se de que o site seja altamente intuitivo e bem estruturado para que os usuários possam realizar suas tarefas pretendidas com facilidade e eficiência.

O site dos Serviços Educacionais da Hendersons atende às expectativas do usuário, exibindo todos os recursos e informações importantes de maneira organizada.

exemplo de um bom site

4. Torne as informações fáceis de encontrar

Se o site tem todas as informações que os visitantes precisam, mas são difíceis de encontrar, ter a informação torna-se inútil. É importante garantir que todas as informações necessárias sejam fáceis de encontrar. Quanto mais efetivamente um site ajudar o público a encontrar as informações necessárias, mais utilizável ele será.

Há muitas maneiras de tornar as informações do seu site fáceis de encontrar. Por exemplo, se você tem um site com milhares de produtos e muitas categorias, considere ter uma opção de pesquisa avançada como a Amazon.

práticas recomendadas da função de pesquisa para comércio eletrônico

5. Crie uma página inicial atraente e interativa

Sua página inicial é uma das páginas mais importantes; é essencialmente o seu meio para criar uma boa impressão e incentivar os visitantes a se envolverem ainda mais com seu site. Deve, portanto, delinear claramente o seu propósito e o que você oferece.

A página inicial lindamente organizada do Premier Painting ajuda os usuários a compreender e encontrar as informações desejadas com facilidade.

exemplo de um design de casa amigável

Otimização

6. Garantir uma interação humano-computador eficaz

Os sites devem facilitar interações homem-computador eficientes, aproveitando os recursos do computador. Lembrar IDs de usuário, calcular pagamentos necessários e calcular ou converter dados exibidos em outras unidades são exemplos disso. Manter a consistência em todo o site reduzirá o atrito e permitirá que os usuários executem suas tarefas de maneira direta.

O sistema de cálculo automático de postagem e entrega do AU Post, por exemplo, faz o trabalho com o mínimo de contato humano.

exemplo como reduzir a carga de trabalho do usuário

Order and Save solicita que seus usuários marquem a caixa “Lembrar-me” para um login mais rápido no futuro.

captura de tela de uma página de login

7. Estabeleça credibilidade

Alguns métodos para aumentar a credibilidade são: garantir que o design esteja atualizado, se necessário, fornecer um conjunto de perguntas e respostas frequentes, citar os recursos e vincular o site a outras fontes confiáveis.

por que a página de perguntas frequentes é importante

(Fonte da imagem)

8. Não faça um teste de memória

Todas as páginas devem conter de forma independente as informações necessárias para permitir que os usuários executem as tarefas necessárias. Pesquisas mostram que os usuários podem se lembrar de uma quantidade limitada de informações, mesmo no curto prazo. Se a execução de uma tarefa exigir a comparação de dois conjuntos de informações, por exemplo, os itens devem ser exibidos ao lado para que os usuários não precisem se lembrar de informações de outras páginas.

9. Minimize o período de espera

O site não deve demorar mais do que alguns segundos para carregar. Pesquisas sugerem que 47% dos usuários esperam que uma página da web carregue em menos de 2 segundos. Se uma página for projetada para expirar, informe os usuários e avise-os antes que a sessão expire. Se eles tiverem que esperar que uma determinada tarefa seja concluída, forneça informações suficientes.

10. Use um formato funcional

As informações no site devem ser exibidas em um formato útil e utilizável, que seja imprimível e legível on-line. Forneça links para imprimir ou salvar os documentos para download que você fornecer, se aplicável.

O site do Australia Government Directory possui conteúdos interativos para que os usuários possam acessar e usar as informações de forma mais conveniente.

salvar como exemplo de vcard

11. Leve em consideração vários sistemas operacionais, navegadores e tamanhos de tela

Certifique-se de que o site seja otimizado nos navegadores mais usados, sistemas operacionais mais populares e dispositivos de tamanhos diferentes, desde monitores de desktop a smartphones.

Organização

12. Coloque as informações de acordo com a importância relativa

Disponha informações úteis de forma organizada, para que seja fácil para os usuários absorverem o conteúdo. Idealmente, você colocará as informações mais importantes no local que os usuários estão procurando, que tende a ficar à esquerda da página e no cabeçalho. Coloque as guias de navegação consistentemente nos mesmos locais em todo o site.

No site do governo da Austrália, as guias de navegação principais contendo todas as informações importantes foram colocadas de forma consistente e conveniente no topo de cada página, tornando a experiência de navegação suave e direta.

página web bem organizada

13. Use o espaço em branco adequadamente

É uma boa prática usar espaço em branco em um design, mas também pode ser exagerado. Usar muito pode significar que os usuários precisarão rolar muito, enquanto muito pouco faz com que as páginas pareçam lotadas e deixe as pessoas desconfortáveis. Usar muito espaço em branco antes ou depois de uma seção também pode fazer com que os usuários pensem que chegaram ao final da página, o que significa que eles param de rolar e perdem informações importantes.

14. Escolha a densidade de exibição adequada

Não sobrecarregue os visitantes com muitas informações, pois isso fará com que as páginas pareçam confusas e dificultará que os visitantes encontrem o que estão procurando. Pesquisas mostram que os usuários preferem visitar as áreas esparsas de uma página em vez das áreas densas e altamente povoadas.

15. Use o layout de página apropriado para eliminar a rolagem horizontal

Você não quer que seus visitantes tenham que rolar horizontalmente para ver a página inteira. Isso é inconveniente e pode ser irritante, o que significa que você provavelmente perderá uma proporção maior de usuários mais rapidamente.

exemplo de rolagem horizontal

Navegação

16. Não direcione os usuários para uma página sem saída

Às vezes, um site pode conter links que abrem novas janelas do navegador com os botões Voltar desativados. Isso pode ser frustrante para os usuários, a menos que seja necessário. É importante garantir que os usuários tenham opções de navegação para todas as páginas do site.

17. Agrupe elementos de navegação semelhantes

Diferencie elementos de navegação, agrupe os semelhantes e coloque-os de forma consistente em todo o site. Isso permitirá que os usuários localizem facilmente os elementos de navegação e tenham uma noção do que esperar na página de destino.

18. Forneça uma lista de conteúdo em páginas longas

Forneça uma lista de conteúdo clicável para páginas longas contendo várias seções distintas. Isso permitirá que os usuários encontrem rapidamente as informações desejadas sem precisar percorrer toda a página.

Aqui está um exemplo de uma página longa com uma lista de conteúdo.

exemplo de lista de conteúdo

19. Deixe os usuários saberem onde estão

Forneça aos usuários informações sobre onde eles estão no site para que eles possam prosseguir ou voltar facilmente. Por exemplo, isso pode significar fornecer URLs claros indicando a localização do usuário, alterar a cor de um link que foi visitado ou fornecer indicações visuais sobre a seção que está sendo usada naquele momento.

20. Forneça rótulos de guias descritivos e menus sequenciais

Fornecer rótulos de guias descritivos dá aos usuários uma boa compreensão de seu destino e permite que eles encontrem rapidamente as informações desejadas. O uso de menus e submenus sequenciais ajuda os usuários a acessar as páginas com facilidade e economiza tempo.

Gráficos e multimídia

21. Use gráficos e imagens de forma adequada

Use gráficos/imagens para comunicar sua mensagem aos usuários em vez de embelezar o site. Gráficos decorativos tendem a distrair os usuários e atrasar o processo de busca de informações. Por outro lado, quando usadas adequadamente, as imagens podem melhorar o aprendizado mais rápido, eliminando a necessidade de ler muito texto.

Aqui podemos ver como as ilustrações são usadas de forma inteligente no site do governo de Queensland para facilitar o aprendizado eficaz e mais rápido.

exemplo de uso apropriado de gráficos

22. Gráficos e imagens não devem afetar o tempo de carregamento da página

Certifique-se de que os gráficos/imagens não diminuam o tempo de download da página. Quando a visualização de imagens em tamanho real não é crucial, o uso de versões em miniatura de imagens grandes permite que os usuários vejam a imagem de visualização sem precisar baixá-las. Para garantir o uso eficaz de miniaturas, você pode usar um método de redução de imagem com relevância aprimorada, conforme sugerido por Jakob Nielsen.

23. Não use imagens complexas como plano de fundo

O uso de imagens como plano de fundo inteiro de uma página tende a retardar o carregamento da página e torna inconveniente para os usuários a leitura do texto. Portanto, se uma página tiver uma quantidade considerável de texto, é melhor não usar nenhuma imagem como plano de fundo.

24. Coloque o logotipo da sua organização em um local de destaque

Coloque o nome e o logotipo da sua organização em uma parte bem visível da página. Coloque-o no mesmo local em todas as páginas e vincule-o à página inicial.

Nswranger.org.au tem seu logotipo colocado de forma proeminente em um lugar consistente em todas as páginas.

Logo da organização em um local de destaque

25. Use multimídia de forma significativa

Use vídeo, áudio ou animação se for necessário para ajudar a transmitir a mensagem ou o conteúdo do site. O uso inteligente de multimídia pode comunicar efetivamente as informações úteis de um site. Por outro lado, o uso desnecessário dele pode distrair os usuários de itens mais importantes e pode afetar o tempo de carregamento da página.

A usabilidade de um site está intimamente ligada ao seu sucesso. No mundo on-line de ritmo acelerado, se um site não aparecer imediatamente e fornecer aos visitantes as informações que eles procuram, eles simplesmente passarão para o próximo site.

Por outro lado, se o seu site proporcionar uma experiência direta e agradável para os usuários, eles passarão mais tempo em seu site e conhecerão sua empresa. Portanto, pode-se dizer que garantir uma boa usabilidade é o pré-requisito para alcançar o sucesso online e os objetivos do negócio.

Deixe-nos ajudá-lo a criar um site de alta conversão com excelente desempenho e ótima usabilidade.