Guia Rápido de Usabilidade – Vol. 2/ 3
Quem manda é o cliente
Organizado por Wérmeson da S. Lopes
Sumário Apresentação................................................................................................................................ 5 Benefícios de uma boa usabilidade ....................................................................................... 6 Dicas essenciais ............................................................................................................................ 7 Dicas práticas ............................................................................................................................... 8 Dicas de projeto ......................................................................................................................... 10 Referências ................................................................................................................................. 12
Apresentação
Usabilidade se aplica em tudo em nossa vida, desde a criação de uma cadeira, analisando fatores como sua ergonomia e conforto, até na organização de um supermercado, onde tudo é categorizado e organizado de forma que o cliente não se confunda na hora das compras. Na web não é diferente, também devemos seguir padrões de usabilidade que tornem a experiência de nossos “clientes” muito mais satisfatória. Dividido em três fascículos, estes guias mostrarão dicas e diretrizes muito importantes para que sua aplicação web possa oferecer uma melhor experiência para seus visitantes. Este é o segundo fascículo e aqui abordaremos um prato cheio de dicas para turbinar a usabilidade de seus websites. Tudo para satisfazer o usuário, até porque quem manda é o cliente.
Vamos nessa?
6|Página
Benefícios de uma boa usabilidade
O uso correto dos padrões de usabilidade traz benefícios notórios em seus websites e, coincidentemente, em sua empresa. Com isso você obterá: Aumento de produtividade, quando se tratar de websites internos (intranets) nos quais os funcionários os acessam diariamente; Melhor satisfação e percepção da marca, já que visa oferecer uma melhor satisfação, daí a tendência é que o usuário aumente a percepção de valor agregado na marca; Fidelização de clientes, principalmente em lojas virtuais, em que os usuários optarão pela opção mais rápida, clara e ágil. Logo fica a regra: todo desenvolvedor precisa avaliar o nível de facilidade de utilização e saber que a interface ideal é aquela que está adaptada às necessidades dos usuários. Se um produto é fácil de usar, aumenta-se a produtividade, o aprendizado é rápido e as operações são facilmente memorizadas, além de cometer menos erros. Dessa forma, é bom anotar: a usabilidade precisa ser uma cultura para tanto para os fabricantes de websites quanto para os de sistemas. Afinal, trata-se de uma ciência que vai ajudar a construir aplicações fáceis e coerentes para os usuários, tornando a tecnologia mais acessível para todos. E a coerência de que se fala nada mais é que o motivo para que as funções e ícones sejam desenvolvidos. Para completar, a tecnologia não deve ser apenas eficiente e ter uma infinidade de funções e recursos. Mais do que isso, precisa ter interface amigável, ergonômica e confortável, que facilitará ao máximo a vida de qualquer usuário.
Página |7
Dicas essenciais
A chave de sucesso é o usuário, suas experiências e a facilidade de interação. Logo, para desenvolver um website usável é preciso considerar o usuário como foco, sendo necessário entender seus objetivos e quanto tempo será necessário para cumpri-los. Não são os designers e desenvolvedores que determinam quando um produto é fácil de usar, e sim os usuários. Dentro desses conceitos básicos há outras variáveis a se pensar, e Marcelo P. Bax1 indica algumas questões a serem exercitadas. A interface com o usuário deve ser o mais simples possível. Cada elemento extra colocado numa tela representa uma coisa a mais para aprender. A informação que o usuário irá precisar deve ser oferecida exatamente no tempo e local em que ela será necessária. Isso quer dizer que o conjunto de elementos que contenham as informações buscadas deve aparecer sempre que possível na mesma visualização de tela do usuário. Os elementos do website também devem ser acessados numa sequência que maximize a eficiência e produtividade do usuário. Isso se obtém através da ordem implícita na listagem de campos de um formulário, por exemplo. Para auxiliar, o design gráfico deve mostrar as relações entre os elementos de diálogo. Lembrando que um conjunto de elementos é percebido como grupo ou unidade se eles estão posicionados próximos um do outro, estão limitados por linhas ou caixas, são movidos ou mudados em conjunto ou são parecidos com respeito à forma, cor, tamanho ou tipografia. O uso das tonalidades deve ser moderado: cinco a sete cores numa interface é suficiente para a maioria dos websites. É preciso levar em conta também que existem pessoas daltônicas, incapazes de reconhecerem determinadas cores, devendo-se assegurar que as cores da sua interface funcionem até mesmo para elas.
1
Professor e responsável pelo departamento de Teoria e Gestão da Informação da Universidade Federal de Minas Gerais (UFMG).
8|Página
Dicas práticas
É fundamental pensar a todo instante na experiência do usuário. “É preciso que o website esteja sempre bem preparado para receber pessoas com diversos interesses”, diz Flávia Miranda2, que ainda nos dá conselhos práticos para este fim:
Cuide da comunicação visual: é importante
Textos próprios para a web: os textos
deixar claro no layout o que é um link, o que
precisam ser diretos e explicativos, permitindo
um botão ou o que é simplesmente um texto.
uma leitura rápida, mas que não comprometa a informação, além de evitar o uso de muitos
Padronize os links: para facilitar a
adjetivos. Também invista em bons títulos,
identificação pelo usuário, é importante que
chamativos e curtos, quando possível usando
todos os links sejam iguais, tanto no tamanho
negrito e subtítulos para separar parágrafos.
das letras, quanto no tipo de fontes.
Imagem é tudo: ótima para expor o portfólio
Evite formulários longos: evite pedir
e estimular o desejo do usuário pelos
informações que não são extremamente
produtos. As imagens precisam ser de boa
necessárias. E quando houver algum erro no
qualidade, variadas e com a opção de serem
preenchimento, é preciso informar onde e o
ampliadas, com destaque para embalagens e
que está errado.
acessórios.
2
Professora de pós-graduação em Ergonomia e Usabilidade da Pontifícia Universidade Católica, do Rio de Janeiro, (PUC-RJ).
Página |9
Use o botão “Voltar”: parece simples, mas
Otimize o conteúdo: seu conteúdo precisa
o botão “Voltar” pode manter seu usuário
ter um propósito, com começo, meio e fim.
dentro do site. Sua ausência pode levar à saída
Cada página deve mostrar sua importância e
do website
seus benefícios.
Busca precisa funcionar: uma busca ruim
Use links externos: não tenha medo de criar
pode frustrar a experiência de navegação.
links para outros sites, desde que para páginas
Dessa forma, se não for possível agregar uma
necessárias e que não levarão seu usuário
ferramenta de busca eficaz, é melhor não
embora. Fornecer conteúdo relevante é
colocar nada.
positivo.
Contatos: coloque todos os meios de contato
Invista na interatividade: sempre que
de sua empresa nessa área. Quando o usuário
possível, permita ao visitante personalizar o
procura por contatos, não quer enviar um e-
website de acordo com as suas preferências.
mail e sim encontrar um telefone e o
Você pode até desenvolver newsletter para
endereço.
mantê-lo interessado em seu website.
Invista na compatibilidade de
Eliminação de distração: elimine pop-ups ou
navegadores: é preciso pensar em
qualquer outra coisa que distraia o usuário do
desenvolver websites que sejam compatíveis
propósito do website. Também remova links
com os principais navegadores de internet.
desnecessários que, em teoria, ajudariam na
Não é interessante excluir os usuários por
navegação do usuário, mas que na prática, só o
causa de navegadores.
confundem.
Crie um espaço para conteúdo
Teste seu site até à exaustão, antes de
colaborativo: abra espaço para que o usuário
ficar online: um erro comum é pôr um
se expresse. Permita que seus clientes enviem
website na internet sem fazer qualquer tipo de
declarações sobre seus produtos e serviços.
testes de usabilidade. Veja todas as
Muitos usuários decidem a compra com base
possibilidades e envolva sempre pessoas reais.
na opinião de outros compradores.
Por melhores que as ferramentas automáticas possam ser, nada se aproxima ao homem.
10 | P á g i n a
Dicas de projeto
Aplicar a usabilidade a qualquer projeto de interface deve ser visto como uma prioridade estratégica contínua. O fator usuário deve ser incorporado desde o início do projeto como um elemento positivo e não um empecilho. Portanto vale destacar alguns pontos durante seu desenvolvimento:
Arquivos excessivamente grandes: uma
Imagens não otimizadas: as imagens devem
página muito grande demora muito tempo a
pesar o mínimo possível e precisam ser do
ser carregada. Embora em seu PC ou rede
tamanho que ocupam na página. Nunca as
local o website apareça imediatamente, o
redimensione através dos atributos width e
usuário com uma conexão lenta à internet
height. Se tiver que publicar uma imagem
esperará bastante, e provavelmente acabará
grande, apresente uma miniatura, dando a
desistindo e indo buscar em outro website.
opção de ver a foto grande caso solicitado.
Sons não solicitados: podem ser um tiro no
Publicação de textos usando tecnologias
pé. Uma música de qualidade razoável estará
não adequadas: o texto publicado em Flash,
num arquivo que será carregado junto com
Java, vídeos ou imagens é invisível para os
sua página, o que causará lentidão de acesso.
motores de busca, dificultando seu retorno
Caso insista na música, ao menos dê a opção
como resultado de busca. Além disso, texto
de ligá-la depois que a página estiver
nesses formatos causa problemas de
carregada. Você se surpreenderá com o
acessibilidade, não sendo possível, por
número de usuários que apertem o play!
exemplo, aumentar o tamanho da letra. Lembre-se que grande parte das pessoas que
Textos muito longos: a leitura de texto no
usam computador sofre de algum problema
monitor é muito mais cansativa que a leitura
de visão.
em papel. Tenha cuidado de não cansar o leitor com textos enormes. Se tiver um texto muito longo, divida-o em várias seções ou mesmo páginas, cada uma focando num tema.
P á g i n a | 11
Exigência da instalação de software
Pesquisas internas inoperantes no site: é
adicional: algumas páginas exigem que seus
frustrante quando tentam usar a caixa de
leitores instalem plug-ins para poderem ver o
pesquisa de seu website e ela simplesmente
conteúdo. Isso pode assustar e até fazer com
não funciona. Isso passa a impressão que a
que o usuário deixe o website temendo
página está abandonada e que há desleixo na
cometer algum erro ou ser vítima de algum
manutenção, danificando assim, a imagem da
vírus.
empresa.
Abuso dos pop-ups: os internautas
Usar texto em movimento e animações
habituaram-se a procurar rapidamente o link
excessivas: no máximo apresente uma
de fechá-los, ignorando o seu conteúdo. Um
animação por página e, de preferência, apenas
erro ainda maior é quando essas janelas pop-
quando o usuário solicitar. A utilização de
ups possuem animações que demoram a
várias animações pode passar uma imagem de
desaparecer para então ver seu conteúdo.
banners comerciais e não de conteúdo.
Não identificar todas as páginas do
Considere a acessibilidade: todos os
website: cada página web tem de ser referida
leitores são importantes, incluindo o que tem
por uma URL. É completamente contra os
deficiência. Não é uma questão de altruísmo,
princípios básicos da web que as páginas não
mas sim de mercado. Uma página web deve
possam ser referidas por endereço próprio.
ser lida pelo máximo de pessoas possível.
Uma das grandes desvantagens disso é a queda de popularidade.
Destacar texto com sublinhado: nunca use
Fuja da navegação confusa: a navegação
sublinhado para destacar palavras numa página
deve ser simples e todas as páginas devem
web. Isso porque os usuários confundem esses
seguir o mesmo padrão. Outra dica valiosa e
textos com links. É preferível recorrer ao
manter todas as páginas importantes a uma
negrito para destacar palavras.
distância máxima de três cliques da página inicial.
12 | P á g i n a
Referências
FADEYEV, Dmitry. 10 Useful Usability Findings and Guidelines. Freiburg: Smashing Magazine, 2009.
RIBEIRO, L. Usabilidade: Quem manda é o cliente. Locaweb em Revista, São Paulo, n. 13, p. 28-37, 2009.
14 | P รก g i n a