10 dicas de usabilidade para web designers
Simplificando, a usabilidade está facilitando a localização do seu site para que os visitantes encontrem as informações de que precisam quando precisam .
Um equívoco comum sobre a usabilidade entre as empresas da Web é que a usabilidade é cara. Sim, existem empresas multinacionais que gastam milhares de dólares em testes de usabilidade e pesquisa, mas para uma utilização cotidiana da empresa é possível sem o conhecimento de especialistas em usabilidade ou sem equipamentos caros para testes .
Web designers têm um trabalho ainda mais fácil, apenas lendo artigos de usabilidade eles podem acumular um bom conhecimento sobre o básico de usabilidade e como implementá-los em um site.
1. Inclua um slogan
Um slogan é uma declaração ou um lema que representa a filosofia de uma empresa ou, no nosso caso, a filosofia e a missão de um site. Deve ser o elemento mais óbvio na primeira página de um site e deve descrever claramente o site em uma frase.
As estatísticas mostram que um site tem apenas 8 segundos para capturar a atenção de um visitante para que ele navegue ainda mais pelo site. Sem um slogan claro, um site teria dificuldade em manter os visitantes tempo suficiente para navegar pelas páginas internas.
2. Implementar pesquisa no site
Tal como acontece com taglines, a pesquisa do site é um elemento muito importante em um site. Quando os usuários estão procurando algo, eles normalmente procuram um campo de texto onde possam inserir seu termo de pesquisa.
De acordo com Jacob Nielsen dicas de usabilidade na Web, faça com que essa caixa de pesquisa tenha 27 caracteres de largura para que o texto seja claramente visível e fácil de usar. Coloque o campo de texto de pesquisa no topo da sua página da web , porque os usuários tendem a pesquisar um site de acordo com o padrão F , ou seja, do canto superior esquerdo para o canto inferior direito.
Inclua um botão de pesquisa e especifique claramente o texto da pesquisa, não use texto como Ir ou Enviar , porque essas expressões tendem a enganar os visitantes do seu site.
3. Não use gráficos extensos
O uso abusivo de elementos de design e gráficos é sempre ruim para um site, eles apenas enganam os visitantes do site. Apenas design para melhorar a página da web não apenas para decorá-la. Do ponto de vista da usabilidade, menos é sempre mais.
4. Use mapas do site
Os mapas do site são um recurso de site relativamente novo que melhora a navegação na página da Web e também a otimização do mecanismo de pesquisa (SEO). Os mapas do site, em essência, são uma representação estrutural das páginas e arquitetura de um site. Pode ser um documento em qualquer formato ou uma página da Web que liste as páginas de um site da Web, normalmente organizadas de maneira hierárquica.
Recentemente, mecanismos de busca como Google, Yahoo e MSN começaram a oferecer um protocolo de Sitemap semelhante à página de um site, mas os dados são organizados em formato XML. Existem geradores XML do Sitemap que criam esses documentos para um URL específico.
5. Não quebre o fluxo de trabalho
Por fluxo de trabalho, queremos dizer todas as operações que um usuário está fazendo em um site . Por exemplo, preenchendo um formulário, registrando em um site, navegando categorias, arquivos, etc. Não quebre esses fluxos de trabalho, deixe o usuário cancelar qualquer operação. Por não permitir que o usuário cancele uma operação, estamos forçando-a a finalizá-la, mesmo que não queira.
Nem todas as operações em um site são óbvias para os usuários, guie-as pelo fluxo de trabalho específico usando dicas descritivas. (por exemplo, ao preencher um formulário). Os links de Javascript geralmente quebram o fluxo de trabalho, por isso não é recomendado usá-los em seu site.
Outro erro não está mudando a cor dos links visitados , isso resulta em quebrar o design de navegação. Informe aos usuários onde eles estiveram e onde estão em um site.
6. Criar páginas da Web facilmente digitalizadas
Fácil de ler páginas da web desempenha um papel importante na manutenção da fidelidade dos visitantes, mantendo-os em seu site e lendo seu conteúdo. Os testes de usabilidade mostram que a maioria dos usuários não lê páginas da Web, as digitaliza , procura por títulos, negrito, texto enfatizado ou listas.
Os estudos de rastreamento ocular realizados por Jakob Nielsen mostram que os usuários lêem conteúdo que se assemelha a uma forma F, o que significa que a leitura começa no canto superior esquerdo da página da Web e, em seguida, desce um pouco a partir da esquerda novamente.
Nielsen também afirma as implicações desse padrão de leitura:
- Os usuários não lerão um conteúdo de página da web palavra por palavra, eles extrairão parágrafos importantes, texto em negrito etc.
- Os dois primeiros parágrafos são essenciais em uma página da web. Estes devem conter as informações mais importantes que seus visitantes estão procurando.
- Os subtítulos e listas se destacam dos parágrafos regulares. Use esses elementos para notificar os usuários sobre informações importantes.
Um método importante que podemos aprender com os jornais impressos tradicionais é que os jornalistas pensaram em uma manchete cativante e um primeiro parágrafo cativante para fazer os leitores lerem o artigo inteiro. Eles organizam o conteúdo em um formato de pirâmide invertida , apenas imagine uma pirâmide de cabeça para baixo. A base ampla representa a informação mais importante em todo o artigo e a ponta estreita representa a informação menos importante.
Podemos usar esse formato para organizar o conteúdo da web, colocando as partes mais importantes no topo e as menos importantes na parte inferior , mas como saber qual informação é importante e qual não é? Com a ajuda de valores de notícias .
7. Não crie controles de interface do usuário mal-intencionados
Por interface de usuário (UI) controles, queremos dizer elementos de página da web, componentes e widgets com os quais um usuário pode interagir (por exemplo, um botão, lista suspensa).
Não crie elementos gráficos que se pareçam com um botão, mas não é . Geralmente, vemos textos sublinhados e que parecem links, mas não são clicáveis.
Por não ter a ação que os usuários estavam esperando, eles pensariam que o site está quebrado e, eventualmente, sair. Uma outra dica importante de usabilidade relacionada aos controles da interface do usuário é a consistência: verifique se os controles da interface do usuário estão consistentes .
Yahoo , como mostra a imagem acima, é um bom exemplo de design de controle de interface do usuário consistente. Cada aba da página se parece e se comporta da mesma maneira, cada link é sublinhado ao passar o mouse, cada botão tem a mesma aparência, etc.
8. Dê um Feedback Significativo
Feedback significativo é essencial para um site. Este é o canal de comunicação entre o site e os usuários, com a ajuda de feedback deixamos os usuários saberem o que está acontecendo no site. Em caso de erro na sua página da web, não apenas imprima o erro , mas sim mensagens de erro significativas que informam ao usuário o que deu errado e quais ações podem executar a partir daí.
O feedback funciona nos dois sentidos . Quando um usuário preenche um formulário, ele está essencialmente dando feedback. Não faça os usuários terem que preencher as mesmas informações duas vezes. Por exemplo, se um usuário se registrou em um site e precisa preencher um formulário em algum momento, não peça seu nome ou qualquer outra informação que já tenha fornecido, porque esses detalhes já existem em algum lugar em um arquivo ou banco de dados. Simplesmente obtendo esses detalhes automaticamente, estamos simplificando todo o processo.
9. Não abuse do Javascript
Com o advento do Javascript e da técnica AJAX, os web designers e desenvolvedores podem criar sites responsivos e transparentes, mas, como em todas as novas tecnologias, há um custo. No nosso caso, o custo é inconsistência do navegador. Nem todo usuário tem um navegador da Web atualizado. Eles também podem não ter o JavaScript habilitado por padrão.
Ao usar o JavaScript em um site amplamente, bloqueamos esses usuários. Em vez disso, use Javascript não intrusivo e degradação graciosa .
10. Evite CAPTCHAs
O CAPTCHA significa Teste de Turing Público Completamente Automatizado para informar à Computers and Humans Apart. Até o nome parece complexo. A forma mais geral do CAPTCHA é o texto embutido em uma imagem e, ao testar os visitantes, podemos separar usuários humanos de spam bots.
O problema com os CAPTCHAs é que cada forma de método de verificação humana desencadeia um processo complexo nos cérebros dos usuários (por exemplo, descobrir o texto distorcido, adicionar dois números, etc.).
Outro problema com os CAPTCHAs são as inconsistências em relação às diferentes culturas . Por exemplo, os símbolos chineses, numerais são diferentes da maioria das letras ocidentais e algarismos arábicos. O povo chinês tem muito mais dificuldade em usar os formulários on-line 'habilitados' do CAPTCHA.
Resumo
- Sempre inclua um slogan, que deve ser o elemento mais óbvio em uma página da web.
- Implemente uma pesquisa de sites com 27 caracteres e coloque-a no topo do seu site.
- Não use gráficos extensos e elementos de design.
- Inclua uma página de mapa do site e registre um documento XML do sitemap nos mecanismos de pesquisa.
- Não interrompa o fluxo de trabalho de um usuário. Permitir que todas as ações sejam canceladas, se necessário.
- Crie conteúdo da Web facilmente digitalizável e coloque as informações mais importantes sobre a sua página da web.
- Não crie elementos gráficos que se pareçam com um botão, mas não é.
- Apresente um feedback significativo e não se esqueça de que o feedback funciona nos dois sentidos.
- Usar Javascript não intrusivo e degradação graciosa .
- Evite CAPTCHAs, use mais utilizável métodos em vez de.
Você segue esses princípios? Por favor, adicione seus comentários e dicas extras abaixo.