Академический Документы
Профессиональный Документы
Культура Документы
br
Leonardo Pires Benine Renato Fabbri Aumiller Joo Rafael da Silva Santos Luiz Felipe Cardoso Pereira
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
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
Linguagem de Comando:
Comandos pr-estabelecidos digitados pelo usurio; Requer conhecimento mais profundo e memorizao; Usurios especializados;
Complexidade;
No utilizado;
4
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
Usurio no-especializado;
O usurio capaz de aprender o funcionamento do sistema; Amplamente utilizado;
6
Menu pull-down;
Menu drop-down;
Menu fall-down;
Menu Contextual:
Menu pop-up;
Menu pie;
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;
2- Avaliao de Acessibilidade
Reduzir esforo fsico;
WCAG 1 x E-GOV
Propriedade 1: Devem satisfazer inteiramente; Propriedade 2: Deveriam satisfazer; Propriedade 3: Podem satisfazer;
10
WCAG1: 993 erros / 1110 avisos; E-GOV: 993 erros / 1112 avisos;
12
Concluses:
Software confirma anlise; Acessibilidade nula; Nmero muito elevado de erros;
13
15
17
20
21
Usurio facilitado por chaves e padres j conhecidos: nico usado no site: Fale conosco;
22
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;
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