WEBDESIGN
- UNIDADE II -
ESTRUTURAÇÃO PARA A CRIAÇÃO DE
SITE
Usabilidade
Conceito - Usabilidade
É 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.
2
Conceito - Usabilidade
“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)
3
Por que usabilidade é importante?
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
4
Site Confuso 5
Site não está claro – TWITTER (2006) 6
Plataforma TWITTER (2012) 7
Demora no Carregamento 8
Atributos da USABILIDADE
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
9
Atributos da USABILIDADE
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
10
Exemplo em SOFTWARE
- Atributos de USABILIDADE 11
Aplicações de Usabilidade
Percebe-se a sua ausência quando encontramos
dificuldades para realizar uma tarefa devido à
quantidade de itens a serem decodificados.
12
Aplicações de Usabilidade 13
Aplicações de Usabilidade 14
Aplicações de Usabilidade 15
Elementos de Navegabilidade com
Usabilidade 16
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
Elementos de Navegabilidade com
Usabilidade 17
Elementos de Navegabilidade com
Usabilidade 18
Elementos de Navegabilidade com
Usabilidade 19
Breadcrumbs (navegação estrutural) 20
Quando após uma pesquisa realizada, aparece
uma sequência de links apresentando uma
navegação estrutural complementar.
5 ERROS QUE DEVE SER EVITADOS 21
1. Conteúdo importante em janelas pop-up
5 ERROS QUE DEVE SER EVITADOS 22
2. Animações de Abertura
5 ERROS QUE DEVE SER EVITADOS 23
3. Música no site
5 ERROS QUE DEVE SER EVITADOS 24
4. Esta página está em construção
5 ERROS QUE DEVE SER EVITADOS 25
5. Esta página está em construção
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
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
7 regras básicas de usabilidade 28
2. Facilidade de navegação
- A informação deve ser acessada com no máximo 3
cliques.
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
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.
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.
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.
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
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?)
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?
REFERÊNCIAS
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.
36
OBRIGADO!
PROF. SERGIO XAVIER
E-mail:
Blog:
www.profsergioxavier.wordpress.com
37
Top Related