Apresentação Análise Webstandars

409 visualizações

Publicada em

Apresentação da análise dos site Nike Better World e Nike Game Changers, visando padrões de acessibilidade e usabilidade.

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
409
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação Análise Webstandars

  1. 1. Acessibilidade e Usabilidade Nike Nike Better World Nike Game Changers padrões de acessibilidade e usabilidade Carolina Arlindo
  2. 2. Acessibilidade e Usabilidade Nike Sites www.nikebetterworld.com www.nike.com/nikeos/p/gamechangers Carolina Arlindo
  3. 3. Acessibilidade e Usabilidade Nike Análise Combinação: • Padrões de Acessibilidade Recomendações W3C • Parâmetros de Usabilidade Regras de ouro Schneiderman 10 heurísticas de Jakob Nielsen Heurísticas para avaliação de usabilidade Carolina Arlindo
  4. 4. Acessibilidade e Usabilidade Nike Parâmetros Design - layout e diagramação Programação - códigos e padrões Usuário - design centrado no usuário Navegação - interação com o sistema Carolina Arlindo
  5. 5. Acessibilidade e Usabilidade Nike Nike Better World Carolina Arlindo
  6. 6. Acessibilidade e Usabilidade Nike Nike Better World • Projeto simples e minimalista • Design consistente • Apresentação do produto/idéia • Navegação através do teclado • Status da navegação simples • Textos sobrepostos • Prevenção de erros • Mensagem de erro • Imagens sem o Alt preenchido • Áreas pequenas para clique Carolina Arlindo
  7. 7. Acessibilidade e Usabilidade Nike Nike Game Changers Carolina Arlindo
  8. 8. Acessibilidade e Usabilidade Nike Nike Game Changers • Projeto simples e minimalista • Design consistente • Navegação através do teclado • Exibição de conteúdo • Botões com pouco contraste • Textos sobrepostos • Mensagem de erro • Imagens com o Alt preenchido • Áreas pequenas para clique Carolina Arlindo

×