As Interfaces Tecnológicas com Design Acessívelpara a Baixa VisãoCínthia C. Kulpa
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                Quantas vezes você já acessou            ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                   Interface do site da Universidade Fede...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão           Interface Computacional do Usuário            ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                        Cor, Imagem, Brilho...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                         Contraste, Forma...             ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão             Quantas vezes você entrou em sites          ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                          Interface do site Banco do Bras...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                  Interfaces Bem Projetadas              ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                            Interface do site Banrisul.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão               Quanto tempo se perde tentando      compre...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                            Interface do site Google.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                             Interface do site Deezer.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                           Usabilidade                  A...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                         Interface do Nielsen Norman Group.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                 O quanto as cores contribuem            ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                                  Cor                    ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                         Interface do Nielsen Norman Group.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                          Interface do Software Cinema 4D.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                           Interface do site atlantis.com
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                             Interface do site Ubisoft.
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão      As cores quentes se equilibram em pesos visuais com...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão       As cores escuras diminuem e empurram para trás o e...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão      As cores claras aumentam e empurram para a frente o...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão               Interação Humano-Computador               ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão           Quem é o Deficiente de Baixa Visão?
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                            Baixa Visão                Pe...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão         24% da população possui algum tipo de deficiênci...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                     Posição intermediária entre:        ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                     Resíduo Visual não utilizado:       ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                 Como saber se uma Interface         está...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                             Site Banco do Brasil
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                            Site Jornal Zero Hora
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                               Site Google
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão               Interface Protótipo para Teste com Usuário...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                  Contrastes eficientes para Usuário de B...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                  Contrastes eficientes para Usuário de B...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão           Site prevendo usabilidade, interface principal...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão      Interface com contraste, ampliação prevista na pági...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão      Interface com contraste, ampliação prevista na pági...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                    Apresentação da interface sem usabili...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                   Apresentação da interface visando usab...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                   Textos imperceptíveis e contrastes ina...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                   Textos imperceptíveis e contrastes ina...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                           Cores de alto contraste.      ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                       Menus contrastantes, sem Flash, et...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                           Evitar imagens em Flash.      ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                        Menus com formas simplificadas.  ...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                       Interfaces limpas e bem organizada...
As Interfaces Tecnológicas comDesign Acessível para a Baixa Visão                             OBRIGADA!                   ...
Próximos SlideShares
Carregando em…5
×

As interfaces tecnologicas com design acessivel para a baixa visao

1.269 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.269
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

×