O documento discute os princípios da usabilidade para websites, definindo-a como a capacidade de um site oferecer uma experiência efetiva, eficiente e agradável aos usuários. Apresenta recomendações como feedback ao usuário, controle e consistência das interações, prevenção de erros e facilidade de navegação. Conclui afirmando que a usabilidade permite aos usuários navegarem intuitivamente nos sites.

1. USABILIDADE
PARA
WEBSITES

2. A norma ISO 9241 define a usabilidade
como a capacidade que um sistema
interativo oferece a seu usuário, em
determinado contexto de operação,
para a realização de tarefas de maneira
eficaz, eficiente e agradável.
Cybis (2010)
O que é usabilidade?
USABILIDADE PARA WEBSITES

3. Website é uma palavra que resulta das palavras inglesas web (rede)
e site (sítio, lugar). No contexto das comunicações eletrônicas, website
e site possuem o mesmo significado.
Trata-se do espaço virtual de uma organização ou pessoa. Tecnicamente
é o conjunto de documentos escritos em linguagem HTML, pertencentes
a um mesmo endereço (URL), disponível na Internet (World Wide Web),
que é o conjunto de redes de computadores que se comunicam por meio
dos protocolos TCP/IP em todo o mundo.
Conceito e definição de Website (ou site).
USABILIDADE PARA WEBSITES

4. A boa forma de como o
usuário se comunica
com o site e como o site
responde à interação do
usuário.
Usabilidade em Website é...
USABILIDADE PARA WEBSITES

5. Esses são alguns princípios da
Interação Humano-Computador
(IHC), de acordo com a norma
ISO 9241.
Recomendações de Usabilidade para Websites
USABILIDADE PARA WEBSITES
• Feedback, Status do Site
• Controle do Usuário
• Manter a Consistência
• Prevenção de Erros
• Facilidade de Navegação
• Simplicidade

6. FEEDBACK, STATUS DO SITE:
Todas as interações devem
dar algum tipo de resposta
ao usuário. Os visitantes
devem ser informados sobre
o que está acontecendo.
Recomendações na Prática
USABILIDADE PARA WEBSITES

7. CONTROLE DO USUÁRIO:
Usuários devem ter um
apoio ao desfazer e refazer
algo mediante situações
inesperadas ou caso esteja
perdido.
Recomendações na Prática
USABILIDADE PARA WEBSITES

8. MANTER A CONSISTÊNCIA:
Uma mesma interação ou comando
tem que ter sempre o mesmo
resultado.
Botões, links, textos, formas, cores
entre outros aspectos do site devem
seguir sempre a mesma ideia para
fácil memorização e melhor tempo
de resposta do usuário.
Recomendações na Prática
USABILIDADE PARA WEBSITES

9. PREVENÇÃO DE ERROS:
Em casos de erros, o site
deve exibir algum aviso de
erro e permitir a correção de
modo fácil, ou sugerir algo
satisfatório ao usuário.
Recomendações na Prática
USABILIDADE PARA WEBSITES

10. FACILIDADE DE NAVEGAÇÃO:
Usuários devem conseguir
acessar a informação
desejada com o mínimo de
cliques possíveis. Os sites
devem disponibilizar atalhos,
menu bem arquitetado,
botões e links em lugares
estratégicos.
Recomendações na Prática
USABILIDADE PARA WEBSITES

11. SIMPLICIDADE:
Visitantes quando busca por
algo, devem encontrar o
mais rápido possível.
Evitar qualquer exagero, na
arquitetura de informação.
Recomendações na Prática
USABILIDADE PARA WEBSITES

12. É a satisfação do usuário final. Usabilidade
aplica em websites, torna o site eficiente e
agradável aos diversos tipos de usuários.
“O design de interface eficiente permite a
um usuário isolado navegar intuitivamente
através de seus documentos a aplicações,
comunicando-se ocasionalmente”
Johnson (2001)
A Usabilidade Final em Sites
USABILIDADE PARA WEBSITES

13. CYBIS, Walter; HOLTZ, Adriana Betiol; FAUST, Richard; Ergonomia e usabilidade: conhecimentos, métodos e aplicações,
2. ed. São Paulo-SP: Novatec, 2010.
Johnson, Steven Cultura da interface: como o computador transforma nossa maneira de criar e comunicar,
1. ed. Rio de Janeiro-RJ: Jorge Zahar, 2001.
http://tableless.com.br/o-que-e-usabilidade/ (2015).
http://www.seomaster.com.br/blog/usabilidade-na-web-11-dicas-para-sites (2015).
http://www.devmedia.com.br/usabilidade-na-web/24737 (2015).
http://chocoladesign.com/as-10-heuristicas-de-nielsen-para-a-usabilidade (2015).
http://www.dclick.com.br/2012/02/12/heuristica/ (2015).
http://www.significados.com.br/website/ (2015).
http://marketingfuturo.com/o-que-e-website-conceito-e-definicao-de-website-ou-site/ (2015).
USABILIDADE PARA WEBSITES
Referências

14. Marconi A. Pacheco
Designer e desenvolvedor front-end.
Apaixonado por cinema, literatura,
quadrinhos e ilustrações.
Nas horas vagas, desenhista.
twitter.com/marconidesenhos
linkedin.com/pub/marconi-ap/37/472/405
USABILIDADE PARA WEBSITES
Obrigado!