Baixado 28 vezes
Carregado porHorácio Soares
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
O documento discute a acessibilidade na web e no design mobile, destacando a importância de considerar as necessidades de diferentes usuários, incluindo pessoas com deficiências e condições diversas. A apresentação também aborda as estatísticas de acessibilidade no Brasil e enfatiza a necessidade de design inclusivo e priorização em ambientes mobile. Além disso, menciona que muitas soluções comuns em web design podem não ser acessíveis, sugerindo a abordagem de 'accessibility first' e 'mobile first' no desenvolvimento.
Mais conteúdo relacionado
Semelhante a Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
- 1. TablelessConf – São Paulo (maio 2013) Acessibilidade Web e Design Mobile: tudo junto e misturado Horácio Pastor Soares horacio.soares@acessodigital.net @horaciosoares (21) 9925-‐5404
- 2.
- 3.
- 4.
- 5. Qual é orelacionamento entre a acessibilidade e usabilidade?
- 7.
- 8. ALGUMAS pessoas precisam de acessibilidadeem TODOS os momentos.
- 9. ALGUMAS pessoas precisam de acessibilidade em TODOS os momentos. João que é tetraplégico (foto de Maíra Soares ) Por exemplo, pessoas com restrição de movimento nos membros superiores.
- 10. Mark, tetraplégico, interagecom os olhos
- 11. Tião tem grandesdificuldades motoras e interage com teclado utilizando seu dedo mindinho…
- 12. Para os usuárioscegos. Fotos de três cegos trabalhando no computador utizando um programa leitor de telas
- 13. Marcos, com baixavisão, utiliza um dispositivo que amplia os textos de um livro.
- 14. OUTRAS pessoas precisam de acessibilidadeem MUITOS os momentos.
- 15. Isaias à esquerda,conduzindo o Januário para um chopinho após curso de acessibilidade Web. Por exemplo, o Isaias, que é designer e daltônico.
- 16. Outros exemplos: • Pessoas surdas; • Com deficiência audiVva; • Com déficit de atenção; • Com dislexia; • Com déficit cogniVvo.
- 17. TODAS as pessoas precisamde acessibilidade em ALGUM momento.
- 18. Exemplos: • Em ambientes com más condições de luminosidade; • Com tendinite ou fratura no braço dominante; • Tendo as mãos, olhos ou ouvidos ocupados em outra tarefa.
- 19. • Com pouca fluência na linguagem do documento que se deseja pesquisar; • Usando sistemas de busca (que só indexam texto); • Com pouca experiência (todos fomos algum dia); • Com idade avançada (todos seremos, na melhor das hipóteses).
- 20.
- 24. Acessibilidade para quantos no BRASIL?
- 25. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%)
- 26. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%)
- 27. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%) • Idosos: 19 milhões (10%)
- 28. Segundo IBGE no Brasil (2010): • População total: 190 milhões (100,0%) • Pelo menos uma das deficiências invesVgadas: 45 milhões (23,9%) • Idosos: 19 milhões (10%) • Analfabetos funcionais: 38 milhões (20,4%) Fontes: hgp://censo2010.ibge.gov.br/ ip://ip.ibge.gov.br/Trabalho_e_Rendimento/ Pesquisa_Nacional_por_Amostra_de_Domicilios_anual/2011/Sintese_Indicadores/ sintese_pnad2011.pdf
- 29.
- 30.
- 31.
- 32.
- 37.
- 39.
- 40.
- 41.
- 42.
- 43.
- 46.
- 47.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. Áudio, vídeo eimagem
- 57.
- 58.
- 59. Em qualquer horae local.
- 60. Novas maneiras deinteração e apresentação
- 61. Boa compatibilidade entre navegadoresMobile e HTML5
- 62.
- 64.
- 65. Muitas vezes, aointeragir com mobile, as pessoas estão em modo: “fritando o peixe e olhando o gato” e com apenas um dos dedos...
- 66.
- 67. ‘Desktop is like“diving”…
- 68. …while mobile islike “snorkling.”’ by Hinman at Nokia hgp://www.slideshare.net/Rache
- 69.
- 70.
- 71.
- 72. @lukew tela grande energia rede consistente
- 73. @lukew tela grande energia rede consistente teclado
- 74. @lukew tela grande energia rede consistente teclado mouse
- 75. @lukew tela grande energia rede consistente teclado mouse cadeira
- 76. @lukew tela grande energia rede consistente teclado mouse cadeira mesa
- 77. tela grande energia rede consistente teclado mouse cadeira mesa caneca de café @lukew
- 79.
- 80.
- 81. tela pequena bateria @lukew
- 82. tela pequena bateria rede inconsistente @lukew
- 83. tela pequena bateria rede inconsistente dedo gordo @lukew
- 84. tela pequena bateria rede inconsistente dedo gordo sensores @lukew
- 85. Slide 107 http://www.slideshare.net/cxpartners/web-and-mobile-forms-design-
- 86. Como o Lulidisse no Digitalks no Rio: “Nesse mundo Mobile, somos todos daltónicos e sofremos do Mal de Parkinson”
- 89. Outras limitações: • Capacidadede armazenamento e processamento reduzido. • Uma aplicação em HTML5 para mobile pode ser até 100 vezes mais lenta que em desktop. http://spaceport.io/spaceport_perfmarks_2_report_2012_5.pdf
- 90. perda de 80%do espaço
- 91.
- 92. e isso podeser ótimo para o negócio...
- 93. te força apriorizar... te força a manter o foco…
- 94. Alguém conhece algumsite que gostaria que 80% do seu conteúdo/itens/elementos fosse retirado da interface?
- 95. Flickr desktop 60 opçõesde menu...
- 96.
- 97. Flickr mobile 7 opçõesde menu...
- 98.
- 99.
- 100. Conhecimento profundo da audiência,o que fazem, por que vieram e por que se importam com o Flickr...
- 101. Qual desses Desktopsoferecia a melhor experiência?
- 102. E qual dessescontroles?
- 103. Restrições são boaspara o design, pois te forçam a priorizar, a manter o foco
- 104.
- 105.
- 109. Os detalhes do compradornão podem ser visualizados na versão mobile.
- 114. Como anda assoluções acessibilidade digital no Brasil? E os sites/sistemas Mobile?
- 121.
- 122.
- 123. Mobile First Luke Wroblewski Livro: hgp://www.abookapart.com/products/mobile-‐first
- 124.
- 126. Um probema comum emprojetos Web
- 127. Na busca desoluções para os problemas, o que maioria faz?
- 128. Copia e colaquase tudo...
- 130. “Todo negócio éúnico e fundamentalmente diverso de qualquer outro, por maiores que sejam suas similaridades.“ O tiro e o alvo – aforismo 54
- 131. Cuidado, o queserve para uma empresa pode não servir para outra...
- 132.
- 134.
- 135. Artigo CAPTCHA: herói ouvilão? http://acessodigital.net/art_captcha-heroi-ou-vilao.html
- 136.
- 137.
- 138. Captcha (solução inacessível einsegura) (http://www.webvisum.com/en/main/download)
- 139.
- 141.
- 142.
- 143. Clique aqui ,Saiba mais , veja Mais … 41.700.000 respostas para clique aqui no Google.
- 144. Site daItautec http://www.itautec.com.br (acesso em setembro 2009)
- 145. Site daItautec http://www.itautec.com.br (acesso em setembro 2009) X
- 146. Ou ainda asmais recentes modinhas como paralax, modal, one single page , etc…
- 147.
- 149.
- 150. Porque está namoda, todo mundo usa, porque não temos tempo e somos reativos... REWORK: Business book from 37si
- 151. Mas por que? Porquenão temos tempo, porque somos reativos e dá muito trabalho…
- 152. Debate: Quais são as principaisbarreiras?