aula06 webdesign

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

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


Usabilidade 17


Usabilidade 18


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


2. Animações de Abertura


3. Música no site


4. Esta página está em construção


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


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


2. Facilidade de navegação

- A informação deve ser acessada com no máximo 3

cliques.


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


4. Relevância do conteúdo

- O texto deve ser conciso e objetivo

- A informação deve adaptada dentro da mídia

utilizada.


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.


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. 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

http://www.useit.com/

http://www.usabilidoido.com.br/

OBRIGADO!

PROF. SERGIO XAVIER

E-mail:

[email protected]

Blog:

www.profsergioxavier.wordpress.com

37

mailto:[email protected]

http://www.profsergioxavier.wordpress.com/

aula06 webdesign

Documents