avaliação interface humano-computador - portal ufs

Diego Martins, Diego Meneses, Felipe Vieira, Jefferson Santos

Avaliação de IHC – Portal UFS

Universidade Federal de SergipeDepartamento de ComputaçãoInterface Humano Computador

Avaliação de Usabilidade

●Avaliação Heurística●Jackob Nielsen

●Percorrer a Interface

●Vários Avaliadores

●Associar problemas às Heurísticas Violadas

Validação de Usabilidade

●Avaliação Heurística (princípios básicos)

●Usar Diálogo Simples e Natural;●Falar a Linguagem do Usuário;●Minimizar a Carga de Memória do Usuário;●Possuir Consistência;●Fornecer Feedback (Retorno);●Fornecer Saídas Claramente Marcadas;●Fornecer Atalhos;●Possuir Mensagens de Erros Bem Definidas;●Prevenir Erros;●Fornecer Ajuda e Documentação;

Validação de Usabilidade

Clique para editar o estilo do subtítulo mestre

Diálogo Simples e Natural


Falar a Linguagem do Usuário


Minimizar a Carga de Memória do Usuário


Consistência


Fornecer Feedback (Retorno)


Forneça Saídas Claramente Marcadas


Fornecer Atalhos

Not FoundThe requested URL /gestao/proquali/ was not found on this server.

Fornecer Mensagens de Erros Bem Definidas ePrevenção de Erros


Ajuda e Documentação

Avaliação dos Padrões Web

Portal UFS – Design Patterns Web

•O que são Design Patterns Web?

•Porque usar os Design Patterns Web?

•Desafios que motivaram a criação desses padrões?

VORA, Pawan, 2009. Web Application Design Patterns. Morgan Kaufmann Publishers

Referência Base

Portal UFS – Design Patterns WebFormulários , Filtros , Pesquisa e Autenticação de Usuário.

Portal UFS – Design Patterns WebApplication Main Page – Aplicação Principal.

Portal UFS – Design Patterns WebNavegação.

Portal UFS – Design Patterns WebInternacionalização.

Avaliação de Acessibilidade

DaSilva

CSS Validation Service

Markup Validation Service

PageSpeed

Validação de Acessibilidade

●Três Prioridades●Prioridade 1 – 16 Erros e 180 avisos●Prioridade 2 – 18 Erros e 43 avisos●Prioridade 3 – 1 Erro e 102 avisos


●Erros de Prioridade 1●Fornecer equilavência textual para as imagens

●Nas tags script sempre colocar noscript

●Avisos de Prioridade 1●Fornecer resumos nas tabelas

●Disponibilizar todas as informações com cor, também sem cor

●Organizar os documentos de tal forma que possam ser lidos sem

folha de estilo

●Sequência lógica de tabulação

●Cores entre o fundo e o primeiro plano seja suficientemente

contrastante


●Erros de Prioridade 2●Tabelas de dimensão fixa

●Atualização automática

●Ausência de tag label fazendo ligações com os id de entrada

●Avisos de Prioridade 2●Evitar tabelas para efeitos de disposição de página

●Posicionamento de todos os controles de formulário

●Disponibilizar informações de como o site está organizado

●Não provocar o aparecimento de janelas de sobreposição


●Erros de Prioridade 3●Inserção de caractes que deixem claro a distinção entre links

adjacentes

●Avisos de Prioridade 3●Identificar claramente o destino de cada link

●Utilizar textos claros

●Utilizar gráficos e sons, se facilitar o entendimento

●Fornecer metadados

●Atalhos por teclado

●Palavras relevantes no início de cabeçalhos, parágrafos e listas

Validação Técnica

●HTML e CSS●HTML - 36 erros e 12 perigos

●CSS – 9 erros

●Eficiência●Habilitar gzip compression, reduziria a transferência em 365,3kB

aproximadamente

●Utilização de cache do navegador

●Redução do número de arquivos JavaScript

●Minify do CSS, redução de 70,2% no tamanho dos arquivos

●Otimização de imagem, redução de 63,1%

●Tamanho total - 997,1kB

Obrigado!

avaliação interface humano-computador - portal ufs

Technology