O documento discute a importância da usabilidade no design de sites. Ele define usabilidade como facilidade de uso e explica que sites precisam ser fáceis de usar, claros e rápidos para carregar para que os usuários não desistam. O documento também lista atributos da usabilidade como facilidade de aprendizagem e prevenção de erros, e fornece exemplos de elementos de interface que promovem a usabilidade, como navegação e breadcrumbs.

1. WEBDESIGN
- UNIDADE II -
ESTRUTURAÇÃO PARA A CRIAÇÃO DE
SITE
Usabilidade

2. Conceito - Usabilidade
2
 É sinônimo de facilidade de uso.
 Se o produto é fácil de usar, o usuário tem maior
produtividade, ou seja, aprende mais rápido a
usar, memoriza as operações e comete menos erros.

3. Conceito - Usabilidade
3
 “Usabilidade está diretamente ligada ao diálogo na
interface. É a capacidade do software em permitir
que o usuário alcance suas metas de interação com o
sistema”-Scapin(1993)

4. Por que usabilidade é importante?
4
 Se um site for difícil de usar, o usuário sai.
 Se o site não for claro o suficiente para mostrar o
que a empresa oferece e o que é possível fazer, o
usuário sai e procura o site do concorrente.
 Se o usuário se perde, ele sai do site.
 Se demorar para carregar, ele sai definitivamente

5. Site Confuso
5

6. Site não está claro – TWITTER (2006)
6

7. Plataforma TWITTER (2012)
7

8. Demora no Carregamento
8

9. Atributos da USABILIDADE
9
 FACILIDADE DE USO
Após ter aprendido a interagir com o sistema, o
usuário atinge altos níveis de produtividade na
realização de suas tarefas.
 FACILIDADE DE APRENDIZAGEM
O usuário consegue rapidamente explorar o
sistema e realizar suas tarefas
 FACILIDADE DE MEMORIZAÇÃO DE TAREFAS
Os usuários conseguem memorizar as suas tarefas
sem sobrecarregar suas interações

10. Atributos da USABILIDADE
10
 PREVENÇÃO, VISANDO A REDUÇÃO DE ERROS
O usuário realiza suas tarefas sem maiores
transtornos e é capaz de recuperar erros, caso
ocorram.
 SATISFAÇÃO DO INDIVÍDUO
Conforto, segurança e felicidade subjetiva

11. Exemplo em SOFTWARE
11
- Atributos de USABILIDADE

12. Aplicações de Usabilidade
12
 Percebe-se a sua ausência quando encontramos
dificuldades para realizar uma tarefa devido à
quantidade de itens a serem decodificados.

13. Aplicações de Usabilidade
13

14. Aplicações de Usabilidade
14

15. Aplicações de Usabilidade
15

16. Elementos de Navegabilidade com
16
Usabilidade
Elemento de Interface Posicionamento
Marca da empresa Canto superior esquerdo
Busca Parte superior
Navegação Global Parte superior com links horizontais
Navegação Local Coluna da esquerda
Breadcrumbs Parte superior, abaixo da marca da
empresa
Conteúdo global e contextual Área central
Navegação do rodapé Parte inferior

17. Elementos de Navegabilidade com
17
Usabilidade

18. Elementos de Navegabilidade com
18
Usabilidade

19. Elementos de Navegabilidade com
19
Usabilidade

20. Breadcrumbs (navegação estrutural)
20
 Quando após uma pesquisa realizada, aparece
uma sequência de links apresentando uma
navegação estrutural complementar.

21. 5 ERROS QUE DEVE SER EVITADOS
21
1. Conteúdo importante em janelas pop-up

22. 5 ERROS QUE DEVE SER EVITADOS
22
2. Animações de Abertura

23. 5 ERROS QUE DEVE SER EVITADOS
23
3. Música no site

24. 5 ERROS QUE DEVE SER EVITADOS
24
4. Esta página está em construção

25. 5 ERROS QUE DEVE SER EVITADOS
25
5. Esta página está em construção

26. 7 regras básicas de usabilidade
26
1. Clareza na arquitetura da informação
2. Facilidade de navegação
3. Simplicidade
4. Relevância de conteúdo
5. Manter a consistência
6. Tempo suportável
7. Foco nos usuários

27. 7 regras básicas de usabilidade
27
1. Clareza na arquitetura da informação
- essencial que o usuário consiga discernir o que é
prioritário e o que é secundário no site
- bom arranjo da informação
- usuários ao terem dificuldades em encontrar o
que procuram devem ter uma forma de ajuda.
Ex: mapa do site

28. 7 regras básicas de usabilidade
28
2. Facilidade de navegação
- A informação deve ser acessada com no máximo 3
cliques.

29. 7 regras básicas de usabilidade
29
3. Simplicidade
- Quem navega quer encontrar o que deseja o mais
rápido possível
- Efeitos especiais devem ser evitados para que não
confunda o usuário ao buscar uma informação

30. 7 regras básicas de usabilidade
30
4. Relevância do conteúdo
- O texto deve ser conciso e objetivo
- A informação deve adaptada dentro da mídia
utilizada.

31. 7 regras básicas de usabilidade
31
5. Manter a consistência
- Quando a operação do site acontece sempre da
mesma forma, o usuário não fica à mercê de
surpresas de navegabilidade.
- Um site deve ser gerenciado como um projeto único
de interface com o usuário.

32. 7 regras básicas de usabilidade
32
6. Tempo suportável
- Tempo de carregamento das páginas deve ser
curto
- Uma pesquisa realizada por Jakob Nielsen prova
que 10 segundos é o tempo máximo antes que as
pessoas percam o interesse pelo site.

33. 7 regras básicas de usabilidade
33
7. Foco nos usuários
- Pense sempre no usuário antes dele precisar de
você.
- Pense sempre nos instrumentos de pesquisa, nas
interfaces dos sistemas de gerenciamento e na
relação direta do usuário com a informação

34. Testes de usabilidade
34
Eficiência
- Quanto tempo demora para realizar tarefas
básicas? (ex: criar nova conta, concluir um pedido)
Acuracidade
- Quantos erros as pessoas cometeram?
(os erros interromperam a navegação ou os usuários
conseguiram chegar ao seu objetivo?)

35. Testes de usabilidade
35
Recall
- Quanto a pessoa lembra após a interação ou
períodos de inatividade?
Resposta emocional
- Como as pessoas se sentem sobre as tarefas
concluídas? A pessoa está confiante ou confusa? O
usuário recomendaria este site para um amigo?

36. REFERÊNCIAS
36
 www.useit.com
 www.usabilidoido.com.br
 KRUG, Steve. Não me faça pensar. Uma abordagem de Bom Senso à
Usabilidade na Web. São Paulo, SP. Editora Alta Books, 2008.
 NIELSEN, Jakob. Projetando Websites. São Paulo, SP. Editora Campus,
2010.

37. OBRIGADO!
37
 PROF. SERGIO XAVIER
E-mail:
sergiosx@gmail.com
Blog:
www.profsergioxavier.wordpress.com