Você está na página 1de 35

- Avaliao de Web Sites www.fredao.com.

br
Leonardo Pires Benine Renato Fabbri Aumiller Joo Rafael da Silva Santos Luiz Felipe Cardoso Pereira

Universidade Federal de Itajub


1

ndice:
1- Avaliao dos Estilos de Interao;

2- Avaliao de Acessibilidade;
3- Avaliao de Acessibilidade usando Software; 4- Avaliao do Uso de Cores; 5- Avaliao da Usabilidade, de acordo com as regras de Krug; 6- Avaliao Subjetiva Final; 7- Propostas de melhorias.
2

1- Avaliao dos Estilos de Interao

O que interao?
So as maneiras diferentes do usurio do sistema se comunica com o prprio sistema.

Tipos de interao:
Linguagem de Comando Preenchimento de Formulrios Seleo via Menus
3

1- Avaliao dos Estilos de Interao

Linguagem de Comando:
Comandos pr-estabelecidos digitados pelo usurio; Requer conhecimento mais profundo e memorizao; Usurios especializados;

Complexidade;
No utilizado;
4

1- Avaliao dos Estilos de Interao

Preenchimento de Formulrios:
Usurio no-especializado; Facilita tarefas rotineiras de incluso de dados: Cadastro de cliente; Guia o usurio na realizao de tarefas; Consome muito espao na tela: Cuidado no planejamento do site; Utilizado;
5

1- Avaliao dos Estilos de Interao

Seleo via Menu:


O usurio seleciona a opo desejava atravs do mouse;

Usurio no-especializado;
O usurio capaz de aprender o funcionamento do sistema; Amplamente utilizado;
6

1- Avaliao dos Estilos de Interao


Barra de Menu:

Menu pull-down;
Menu drop-down;

Menu fall-down;
Menu Contextual:

Menu pop-up;
Menu pie;

Menu Cascata: Menu dividido por categorias.

2- Avaliao de Acessibilidade

O que acessibilidade?
Conceito que tem como objetivo prover acesso a um meio por todas as pessoas com deficincia ou restrio.

Propriedades desejadas:
Design: deve facilitar a utilizao por essas pessoas;
Flexibilizar a utilizao do sistema;

Ser simples e intuitivo;

2- Avaliao de Acessibilidade
Reduzir esforo fsico;

Diversificar os modos de interao (som, texto, vdeos, gestos e etc);


O site avaliado no apresenta nenhum recurso que garanta alguma acessibilidade para pessoas que tenham deficincia;
9

3- Anlise de Acessibilidade Usando um Software

WCAG 1 x E-GOV
Propriedade 1: Devem satisfazer inteiramente; Propriedade 2: Deveriam satisfazer; Propriedade 3: Podem satisfazer;
10

3- Anlise de Acessibilidade Usando um Software


E-GOV: Propriedade 1: Texto para imagens / Organizao nos documentos;
Propriedade 2: Respostas a eventos / Linguagem de Marcao; Propriedade 3: Elementos ultrapassados (W3C) / Identificao clara do destino 11

3- Anlise de Acessibilidade Usando um Software


WCAG1:

WCAG1: 993 erros / 1110 avisos; E-GOV: 993 erros / 1112 avisos;
12

3- Anlise de Acessibilidade Usando um Software

Concluses:
Software confirma anlise; Acessibilidade nula; Nmero muito elevado de erros;

13

4- Anlise do Uso de Cores


Fundo branco: no recomendvel; Menu com cores de brilho intenso; Excesso de cores;

Barra de separao cinza;


Azul como fontes de frases;

Banner de cor vermelha;


14

4- Anlise do Uso de Cores

15

4- Anlise do Uso de Cores

Mandamentos para cores:


Usar no mximo 7 cores: Site avaliado usa tem mais que 7; Usar cores familiares: Site usa cores no familiares; Usar cores para agrupar elementos relacionados; Site no agrupa por cor; Usar cores de intensidade para chamar ateno Site utiliza cores intensas;
16

5- Anlise de Usabilidade de Acordo com as Regras de Krug


No fazer o usurio pensar Onde Estou? Estou em camisas ou em camisetas?

17

5- Anlise de Usabilidade de Acordo com as Regras de Krug


Usurio precisa achar o que procura

Se procura produtos que so lanamentos

Se procura produtos em promoo


18

5- Anlise de Usabilidade de Acordo com as Regras de Krug


Usurio precisa achar o que procura:
Classificao de produtos (sees);

Usurio no l, apenas da uma olhada:


Colocar apenas informaes principais, numa linguagem simples
19

5- Anlise de Usabilidade de Acordo com as Regras de Krug


Usurio no l, apenas da uma olhada:

20

5- Anlise de Usabilidade de Acordo com as Regras de Krug


Usurio pode clicar onde s informao escrita: Diferenciar links; Usurio tem pressa pra entender e fazer o que deseja: Usar metforas;

21

5- Anlise de Usabilidade de Acordo com as Regras de Krug


Usurio se identifica com a marca e no somente o produto em si: Slogan, logotipo;

Usurio facilitado por chaves e padres j conhecidos: nico usado no site: Fale conosco;
22

6- Avaliao Subjetiva Final


Estilos de Interao:
Preenchimentos de formulrios;

Menus: apenas falldown;


Acessibilidade: Inexistncia de recursos; Zoom (recurso do navegador); Acessibilidade por software: Detectado muitos erros justamente por no haver 23 recursos de acessibilidade;

6- Avaliao Subjetiva Final


Uso de cores:
Aspecto confuso; Cor de fundo incorreta; Cores variadas para texto; Excesso de cores; Usabilidade por regras de Krug: Maioria das regras no respeitadas;

Poluio visual;
Falta de logotipo;
24

7- Proposta de Melhorias
Menu

25

7- Proposta de Melhorias
Menu: Menu com ofertas; Menu superior com links importantes da pgina:

Uso de metforas:

26

7- Proposta de Melhorias
Acesso alternativo: Via teclado;

27

7- Proposta de Melhorias
Acessibilidade:
Fornecer um equivalente textual (legenda) para cada imagem;

Identificar o principal idioma utilizado nos documentos;


Fornecer um equivalente textual para som e vdeo; Utilizar linguagem clara e simples; Identificar o destino de cada link, boto ou elemento;

28

7- Proposta de Melhorias
Cor:
Mudar a cor do plano de fundo (azul); Manter padro de cores (7 no mximo, 5 ideal); Usar linha preta para separar reas coloridas; Usar cores que apresentam variaes mnimas; Usar as mesmas cores para apresentar elementos relacionados;
29

7- Proposta de Melhorias
Hierarquia visual clara:
Menu superior:

30

7- Proposta de Melhorias
Hierarquia visual clara:
Rodap:

31

7- Proposta de Melhorias
Caixa de texto para procurar;
Recurso de auto-completar:

32

7- Proposta de Melhorias
Colocar trilha de links: Pgina inicial -> Roupas -> Camisas; Usar links como:

Contato;
Sobre ns;

Ajuda;
Central de atendimento; Mapa do site;
33

Logotipo importante!

Concluso
O site avaliado (www.fredao.com.br) precisa de muitas melhorias em todos os critrios avaliados; Nmero de deficientes aumentando a cada ano, necessidade de recursos de acessibilidade;
importante consultar o usurio para satisfao do mesmo;
34

? ? ? ? ? ? ?

O
? ?

35