As interfaces tecnologicas com design acessivel para a baixa visao

1.265 visualizações

Publicada em

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
1.265
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
16
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

As interfaces tecnologicas com design acessivel para a baixa visao

  1. 1. As Interfaces Tecnológicas com Design Acessívelpara a Baixa VisãoCínthia C. Kulpa
  2. 2. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Quantas vezes você já acessou algum site pela 1ª vez e não era clara a forma de utilizá-lo?
  3. 3. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site da Universidade Federal de Pernambuco.
  4. 4. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface Computacional do Usuário Parte visível de um sistema onde o usuário se comunica e realiza tarefas. Vários elementos são percebidos pelo usuário! (Carvalho e Daltrini, 1994)
  5. 5. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Cor, Imagem, Brilho...
  6. 6. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Contraste, Forma... Interface do site Ubisoft.
  7. 7. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Quantas vezes você entrou em sites onde as informações geram dúvidas ou insegurança na realização das tarefas?
  8. 8. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site Banco do Brasil.
  9. 9. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interfaces Bem Projetadas Sentimentos positivos de sucesso, competência e clareza para o usuário. (Carvalho e Daltrini, 1994)
  10. 10. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site Banrisul.
  11. 11. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Quanto tempo se perde tentando compreender como funciona determinado site?
  12. 12. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site Google.
  13. 13. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site Deezer.
  14. 14. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Usabilidade Atributo de qualidade relacionado à facilidade do uso da interface. (Nielsen e Loranger, 2007)
  15. 15. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do Nielsen Norman Group.
  16. 16. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão O quanto as cores contribuem na usabilidade de uma interface web?
  17. 17. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Cor Chamar a atenção do usuário Indicar aspectos da interface Facilitar a memorização Criar planos de fundo Direcionar a leitura (Carneiro, 2003)
  18. 18. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do Nielsen Norman Group.
  19. 19. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do Software Cinema 4D.
  20. 20. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site atlantis.com
  21. 21. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface do site Ubisoft.
  22. 22. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão As cores quentes se equilibram em pesos visuais com as cores frias (Pedrosa, 2007).
  23. 23. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão As cores escuras diminuem e empurram para trás o espaço visual (Pedrosa, 2007).
  24. 24. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão As cores claras aumentam e empurram para a frente o espaço visual (Pedrosa, 2007).
  25. 25. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interação Humano-Computador Conforto e satisfação na realização de tarefas pelo usuário. (Coutinho, 1999)
  26. 26. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão
  27. 27. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Quem é o Deficiente de Baixa Visão?
  28. 28. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Baixa Visão Perda severa da visão, não é corrigida por tratamento clínico ou cirúrgico, nem por óculos convencionais. Visão entre 20/40 e 20/200, após correção. (Carvalho, 1994)
  29. 29. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão 24% da população possui algum tipo de deficiência, ou seja, 45 milhões de brasileiros. 35 milhões de pessoas: deficientes de Baixa Visão. Perspectiva de realizar a inclusão social/digital destas pessoas passa a ser um desafio. (IBGE Brasil, 2010)
  30. 30. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão
  31. 31. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Posição intermediária entre: as pessoas que enxergam normalmente e as pessoas deficientes visuais totais. Condição marginal = Dificuldades de ajuste à sociedade. Excluídos num nível maior que pessoas cegas e pessoas de visão normal. (Paschoal, 1993)
  32. 32. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Resíduo Visual não utilizado: Diminui progressivamente a visão funcional. Possui visão útil. Poderiam Navegar na Web: Interfaces Ajustadas. Sem os Programas de Voz ou Ampliadores de Telas. (Amiralian, 2004)
  33. 33. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Como saber se uma Interface está adequada ao usuário de Baixa Visão?
  34. 34. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Site Banco do Brasil
  35. 35. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Site Jornal Zero Hora
  36. 36. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Site Google
  37. 37. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface Protótipo para Teste com Usuário de Baixa Visão.
  38. 38. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Contrastes eficientes para Usuário de Baixa Visão.
  39. 39. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Contrastes eficientes para Usuário de Baixa Visão.
  40. 40. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Site prevendo usabilidade, interface principal: links para acessibilidade. Interface do site Instituto Federal do Rio Grande do Sul
  41. 41. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface com contraste, ampliação prevista na página e nas letras dos textos em geral. Interface do site Instituto Federal do Rio Grande do Sul
  42. 42. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interface com contraste, ampliação prevista na página e nas letras dos textos em geral. Interface do site Instituto Federal do Rio Grande do Sul
  43. 43. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Apresentação da interface sem usabilidade. Interface do site blackmountainbicycle.com
  44. 44. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Apresentação da interface visando usabilidade. Interface do site blackmountainbicycle.com
  45. 45. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Textos imperceptíveis e contrastes inadequados. Interface do site Design Unisinos.
  46. 46. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Textos imperceptíveis e contrastes inadequados. Interface do site Scuola Politecnica di Design
  47. 47. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Cores de alto contraste. Interface do site Submarino.
  48. 48. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Menus contrastantes, sem Flash, etc. Interface do site Sitedaw.
  49. 49. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Evitar imagens em Flash. Interface do site Apple.
  50. 50. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Menus com formas simplificadas. Interface do site Unibanco..
  51. 51. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão Interfaces limpas e bem organizadas. Interface do site Planeta Educação.
  52. 52. As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão OBRIGADA! cinthia.kulpa@gmail.com

×