SlideShare a Scribd company logo
1 of 29
Acessibilidade em Android para
deficientes visuais
Carina Cheng
Carina Cheng
Arquiteta e Urbanista de formação
Game Artist 2D
Professora de informática para idosos
Visual Designer
User Experience Designer
Por que acessibilidade?
"Acessibilidade é a medida de quanto um
produto pode ser usado por pessoas com
diferentes habilidades"
Android Developers Guidelines
Deficiência
congênita
Existem mais de 10 milhões de deficientes no Brasil.
Estimativa do Censo 2010
Deficiência
adquirida
“... deficiência não era uma limitação sua, e
sim um desencontro entre as suas
habilidades e do mundo ao seu redor.
Deficiência era um problema de design.”
Entrevista com August de los Reyes, ex-designer XBox, paraplégico aos 42 anos.
https://www.youtube.com/watch?v=nfWlot6h_JM
habilidades diferentes
Icons by Christopher Anderson (US), Sam Garner (AU), Egon Låstad (NO), Marie Van den Broeck (BE) via TheNounProject
exclusão segregação
integração inclusão
Android para deficientes visuais
Por que deficientes visuais?
● Independente de acessórios
● Independente de conteúdo
● Ponto de partida!
Por que smartphones?
● Financeiramente acessíveis
● Benefícios sociais
● Portabilidade
● Brasil smartphones
Photo by MKBHD https://www.youtube.com/user/marquesbrownlee
Talkback!
● Leitor de tela pré-instalado
● Navegação por toque
● Navegação por foco
● Gestual
Photo by phonearena
Tela inicial
1 de 4!
Contatos!
Aba de
notificações!
Projetando para Talkback
● Arquitetura de informação
○ Hierarquia e organização das informações
○ Quantidade de conteúdo
Image by http://carpinteiros.pt/
Projetando para Talkback
● Navegação (toque e foco)
○ Mapa mental: “Onde estou?”
○ Camada estrutural invisível mas audível.
○ Como qualquer aspecto de design, essa
estrutura deve ser planejada de forma
simples, elegante e consistente.
Image by http://camelfobia.deviantart.com/
Projetando para Talkback
● Descrição nos elementos de navegação
○ Uso consciente: botões, ícones, indicadores.
○ Se um item não precisa de descrição, ele é necessário
no seu app?
Além do TalkBack
Recursos visuais
Recursos visuais
● Esta linha tem tamanho 8 pt.
● Esta linha tem tamanho 9 pt.
● Esta linha tem tamanho 10 pt.
● Esta linha tem tamanho 11 pt.
● Esta linha tem tamanho 12 pt.
● Esta linha tem tamanho 14 pt.
● Esta linha tem tamanho 18 pt.
● Esta linha tem tamanho 24 pt.
● Esta linha tem tamanho 30 pt.
● Esta linha tem tamanho 36 pt.
Recursos sonoros
● Notificações/Chamadas
● Talkback: scroll, seleção, mudança de
opção
Recursos táteis
● "Se toda notificação vibra igual,
como eu vou saber qual aplicativo
está me avisando de alguma coisa?"
● Pouco explorado!
Photo by Android Central
http://officialhuskylovers.com/
Outros recursos?
Photo taken by Jonas Bergsten using a Canon PowerShot G3., Public Domain, https://commons.wikimedia.org/w/index.php?curid=38255049
Solução?
Solução X Contexto
Image by Future Flux http://futureflux.co/thoughts-on-design-thinking/
Despertar a sensibilidade, aprender, observar
Acessibilidade não demanda grandes esforços
ou tarefas separadas, e sim uma forma de
pensar e trabalhar.
#teamwork
Acessibilidade Android
https://www.youtube.com/user/acessibilidadeandroi
(sem o “d” no final mesmo!)
Android Developers
http://developer.android.com/design/patterns/accessibility.html
Blog Arquitetura de Informação
http://arquiteturadeinformacao.com/acessibilidade/
Nerdcast: Cegos, nerds e loucos
http://jovemnerd.com.br/nerdcast/nerdcast-256-cegos-nerds-e-loucos/
http://jovemnerd.com.br/nerdcast/nerdcast-506-cegos-nerds-e-loucos-2/
Obrigada! :)
caricheng@gmail.com
about.me/caricheng

More Related Content

What's hot

Reflexão final do 2º desfio
Reflexão final do 2º desfioReflexão final do 2º desfio
Reflexão final do 2º desfiocatarinasoares7a
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceEdu Agni
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface DesignEdu Agni
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceEdu Agni
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Edu Agni
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!Edu Agni
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídiaDarwin Mota
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digitalMarconi Pacheco
 
Projetando Mobile
Projetando MobileProjetando Mobile
Projetando MobiledevMob
 
Interação Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisInteração Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisJuliano Padilha
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioGustavo Gil
 
Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Renato Melo
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 

What's hot (20)

DevUX
DevUXDevUX
DevUX
 
Reflexão final do 2º desfio
Reflexão final do 2º desfioReflexão final do 2º desfio
Reflexão final do 2º desfio
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
Natural User Interface Design
Natural User Interface DesignNatural User Interface Design
Natural User Interface Design
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
style guide ui
style guide uistyle guide ui
style guide ui
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 
Design e produção multimídia
Design e produção multimídiaDesign e produção multimídia
Design e produção multimídia
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Projetando Mobile
Projetando MobileProjetando Mobile
Projetando Mobile
 
Interação Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisInteração Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturais
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
Experiencia do usuario
Experiencia do usuarioExperiencia do usuario
Experiencia do usuario
 
Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022Ux e ui no webdesign - 2022
Ux e ui no webdesign - 2022
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 

Similar to Acessibilidade em Android para deficientes visuais

UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...Nelson Vasconcelos
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisPaolo Passeri
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisInstituto Faber-Ludens
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos webprofclaubordin
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXNelson Vasconcelos
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Santhyago Gallao
 
User experience e a vida real do time Dev
User experience e a vida real do time DevUser experience e a vida real do time Dev
User experience e a vida real do time DevGiu Vicente
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação EstratégicoUTFPR
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosUTFPR
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosEdyd B. Junges
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
Programação para mobile: Serviços e Aplicativos
Programação para mobile: Serviços e AplicativosProgramação para mobile: Serviços e Aplicativos
Programação para mobile: Serviços e AplicativosMarlon Luz
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIury Lira
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisDaniel Lugondi
 
O Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileO Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileThiago Cortat
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJHorácio Soares
 

Similar to Acessibilidade em Android para deficientes visuais (20)

UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Os caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobileOs caminhos para o desenvolvimento mobile
Os caminhos para o desenvolvimento mobile
 
Introdução aos aplicativos web
Introdução aos aplicativos webIntrodução aos aplicativos web
Introdução aos aplicativos web
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
 
User experience e a vida real do time Dev
User experience e a vida real do time DevUser experience e a vida real do time Dev
User experience e a vida real do time Dev
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Programação para mobile: Serviços e Aplicativos
Programação para mobile: Serviços e AplicativosProgramação para mobile: Serviços e Aplicativos
Programação para mobile: Serviços e Aplicativos
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento Móvel
 
Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
CRP-5215-0420-2014-09
CRP-5215-0420-2014-09CRP-5215-0420-2014-09
CRP-5215-0420-2014-09
 
O Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em MobileO Mercado e Desenvolvimento em Mobile
O Mercado e Desenvolvimento em Mobile
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 

Acessibilidade em Android para deficientes visuais

Editor's Notes

  1. >> Por que acessibilidade
  2. Interesse desde a faculdade. Amigos e conhecidos. >> O que é
  3. Não tem a palavra “deficiência”. >> Tipos de deficiencia
  4. Congênita: 1o pensamento. Adquirida: acidente, doença, genética. >> Habilidades diferentes
  5. Não tem a palavra “deficiência”. >> Tipos de deficiencia
  6. Baixinho, gordinho, desastrado, velho, criança, míope. Visão debilitada aos 50 (Diabetes!!), expectativa de vida 75. Lucas Radaelli: O que é só meio complicado pra uma pessoa pode ser totalmente bloqueante pra outra. Se projetar para deficiente, todo mundo pode se beneficiar. >> Formas diferentes de atender a questão
  7. Existem 4 Soluções diferentes 1. Pessoas não usam / 2. Solução separada 3. Solução com opções / 4. Qualquer um usa >> PQ acessibilidade smartphone?
  8. >> PQ def visual
  9. Deficientes: Independente de aparelhos externos / Independente (relativamente) de conteúdo / Ponto de partida! >> PQ Smartphones
  10. Financeiramente acessível / Benefícios sociais (Acesso a informação, Comunicação, Independência e Autonomia) / Portátil (>computador) / Todo mundo quer fazer parte 76 milhões de brasileiros usam smartphones >> Como deficientes usam?
  11. Pré-instalado. Leitor de tela, navegação por toque, navegação por foco, gestual. Existem outros leitores, mas precisam ser instalados (ex: Shine Plus). iOS = Voice Over. Windows Phone = nada. >> Como projetar para talkback
  12. Quantidade de conteúdo por tela (search?) Navegação intuitiva e simples Onde estou (mapa mental)? >> Navegação por foco
  13. 2. Camada de navegação invisível, mas projetada simples e consistente. >> Recursos visuais
  14. 3. Label consciente. Se não precisa de label, precisar estar no app? >> Recursos visuais
  15. Daltônicos, baixa visão! ERROS! Labels coloridos! Accessibility settings >> Letras
  16. Accessibility settings >> Recursos sonoros
  17. >> Recursos tateis
  18. Nokia tijolão! Talkback também usa como feedback de navegação. É especialmente útil pra deficientes auditivos. >> Outros recursos
  19. Cheiro, sabor, internet das coisas >> Solução canivete?
  20. Não adianta encher de sons e vibrações e gestos, resolver tudo sozinho. >> Contexto
  21. Solução X contexto (seu aplicativo está dentro de um contexto de hardware, de sistema, de configurações, de customizações, de outros aplicativos). Detalhes precisam ser bem planejados, ponderados. >> Como vou saber que o aplicativo está acessível e agradável de usar?
  22. Teste com seu usuário! Amigos, parentes, conhecidos! Internet! >> Experiência, treino, observação
  23. >> Quem é responsável?
  24. Design + dev + teste PO + PM Cultura da empresa >> Visão de design. Desafio.
  25. Essa é uma visão geral de acessibilidade do ponto de vista de design. Seria muito legal se tivesse o ponto de vista de dev, teste, gerência e afins pra complementar. >> Referências.
  26. >> FIM