SlideShare a Scribd company logo
1 of 31
Download to read offline
Projetando sites adequados a
pessoas com Autismo
Talita Pagani
@talitapagani
Patrocínio:
Porto Alegre, Maio 2016
Realização:
2
Enchanté, Talita!
11 anos de XP em TI
(já fui UI designer aka. Web designer, front-end,
back-end, tester, assistente de gestão de projetos
e analista de requisitos)
Front-end Developer na RedVentures
Líder Local de Bauru na IDF
Professora universitária
Mestranda em Computação na UFSCar
3
4
Como as pessoas com
Transtorno do Espectro do
Autismo (TEA) veem o
mundo?
Vídeo “Autism and sensory sensitivity”
https://www.youtube.com/watch?v=ycCN3qTYVyo 5
Habilidades e Dificuldades da
pessoa com TEA
Habilidades
§ Boa memória visual
§ Tendem a ter facilidade
com lógica, são
pensadores concretos
§ Atentos e focados
§ Minuciosos e atentos a
detalhes (geralmente
são ótimos testers)
6
Dificuldades
§ Podem ter dificuldade
de comunicação
verbal/não verbal
§ Podem ter dificuldade
de socializar com as
pessoas
§ Sensibilidade sensorial
§ Dificuldade para
compreender metáforas
e figuras de linguagem
7
Computadores:
Aliados das pessoas com TEA
para desenvolver habilidades
e auxiliar em atividades de
vida cotidiana
8
§ Desenvolvimento de habilidades
sociais e de comunicação
§ Ajudar a organizar rotina
§ Auxiliar na alfabetização
§ Auxiliar a se comunicar com
família e amigos
Fontes:  
https://kennethsays.wordpress.com/2011
/09/03/top-­ipad-­apps-­for-­children-­with-­
autism/
http://nhne-­pulse.org/carly-­fleischmann-­
autistic-­girl-­who-­used-­computer-­to-­ask-­
for-­help/
9
Porém…
Interação e Experiência de Uso
projetadas inadequadamente
podem levar a estresse,
irritação e ansiedade L
10
Quais aspectos de UX você
considera no contexto de pessoas
com TEA (ou pessoas com
deficiência cognitiva, neuronal ou de
aprendizagem) em seus projetos?
11
Projeto GAIA
Guia de Acessibilidade de Interfaces Web para
pessoas com Autismo
Guidelines for Accessible Interfaces for people with Autism
Guia aberto (open-source e open-access)
Contribuir para ajudar devs e designers a compreender
melhor o TEA e como a tecnologia é benéfica para pessoas
com TEA
Suporte à tomada de decisão e guia de boas práticas
12
Categorias do GAIA
13
Como foi feito este trabalho?
14
Triagem de  contribuições
relevantes da  literatura e  do  
mercado
Formalização das  contribuições
de  recomendações de  fácil
acesso e  leitura
x ✓
Geração de  um  guia aberto para  ajudar
designer  e  devs Web  a  projetar interfaces  
acessíveis a  pessoas com  TEA
Organização e  nova  
triagem através de  
diagrama de  afinidades
Como foi feito este trabalho?
15
16
Algumas recomendações…
Vocabulário Visual e Textual:
Compatibilidade com o mundo real e skeumorfismo
17
Representações Redundantes:
Reforçar informação com múltiplas representações
18
Affordance:
Mostrar claramente restrições de interação
19
https://guides.codepath.com/android/Drawables
Navegabilidade:
Navegação simplificada e indicadores de localização
20
21
Resumindo em 5 dicas de ouro:
Interfaces simples, com poucos
elementos e boa área de toque/clique
1
22
Resumindo em 5 dicas de ouro:
Seja previsível e consistente nas
interações, promova rotina através da
UI
2
23
Resumindo em 5 dicas de ouro:
Use recursos visuais junto a textos
3
24
Resumindo em 5 dicas de ouro:
Evite o uso de metáforas e expressões
denotativas. Opte por termos lógicos e
expressões literais
4
25
Resumindo em 5 dicas de ouro:
Habilite a customização quando possível,
deixe o usuário no controle
5
26
CONTRIBUA COM O GAIA
Caso queira contribuir avaliando as guidelines sob a perspectiva de
um profissional de UX, fale comigo!
Repositório: http://github.com/talitapagani/gaia/
Site: http://talitapagani.com/gaia
Referências
[1] C. for D. C. and Prevention, “Prevalence of Autism Spectrum Disorders,” MMRW, vol. 61, no. 3, pp.
1–19, 2012.
[2] P. T. Ozand, A. Al-odaib, H. Merza, and S. Al Harbi, “Autism : a review,” J. Pediatr. Neurol., vol. 1, no.
2, pp. 55–67, 2003.
[3] A. P. Association, Diagnostic and Statistical Manual of Mental Disorders (DSM), Fifth. United States:
American Psychological Association, 2013.
[4] C. A. Gadia, R. Tuchman, and N. T. Rotta, “Autism and pervasive developmental disorders,” J.
Pediatr., vol. 80, no. 2, pp. 83–94, 2004.
[5] H. J. Carrer, E. B. Pizzolato, and C. Goyos, “Evaluation of educational software with speech
recognition in individuals with normal development and language delay,” Rev. Bras. Informática na Educ.,
vol. 17, no. 3, pp. 67–81, 2009.
[6] L. Millen, R. Edlin-White, and S. Cobb, “The development of educational collaborative virtual
environments for children with autism,” Proceedings of 5th Cambridge Workshop on Universal Access
and Assistive Technology (CWUAAT 2010), 2010, pp. 1–7.
[7] C. Putnam and L. Chong, “Software and technologies designed for people with autism: what do users
want?,” Proceedings of the 10th Int. ACM SIGACCESS Conf. Comput. Access., pp. 3–10, 2008.
[8] A. Battocchi, A. Ben-Sasson, G. Esposito, E. Gal, F. Pianesi, D. Tomasini, P. Venuti, P. Weiss, and M.
Zancanaro, “Collaborative puzzle game: a tabletop interface for fostering collaborative skills in children
with autism spectrum disorders,” J. Assist. Technol., vol. 4, no. 1, pp. 4–13, 2010.
27
Referências
[9] G. F. M. Silva, L. C. de Castro Salgado, and A. B. Raposo, “Metaphors of Cultural Perspectives in the
(re) definition of collaboration patterns of a multi-touch game for users with autism,” Proceedings of the
12th Brazilian Symposium on Human Factors in Computing Systems, 2013, vol. 5138, pp. 112–121.
[10] L. Millen, S. V. G. Cobb, H. Patel, and T. Glover, “Collaborative virtual environment for conducting
design sessions with students with autism spectrum conditions,” Proceedings of the 9th Intl Conf. Disabil.
Virtual Real. Assoc. Technol., pp. 10–12, 2012.
[11] M. Moore and S. Calvert, “Brief Report: Vocabulary Acquisition for Children with Autism: Teacher or
Computer Instruction,” J. Autism Dev. Disord., vol. 30, no. 4, pp. 359–362, 2000.
[12] A. Darejeh and D. Singh, “A review on user interface design principles to increase software usability
for users with less computer literacy,” J. Comput. Sci., vol. 9, no. 11, pp. 1443–1450, 2013.
[13] T. Gentry, J. Wallace, C. Kvarfordt, and K. B. Lynch, “Personal digital assistants as cognitive aids for
high school students with autism: Results of a community-based trial,” J. Vocat. Rehabil., vol. 32, no. 2,
pp. 101–107, 2010.
[14] T. R. Goldsmith and L. a Leblanc, “Use of Technology in Interventions for Children with Autism,” J.
Early Intensive Behav. Interv., vol. 1, no. 2, pp. 166–178, 2004.
[15] R. Muñoz, T. Barcelos, R. Noël, and S. Kreisel, “Development of software that supports the
improvement of the empathy in children with autism spectrum disorder,” Proceedings of Int. Conf. Chil.
Comput. Sci. Soc. SCCC, pp. 223–228, 2013.
28
Referências
[16] AssistiveWare, “Proloquo2Go,”2014. [Online]. Available from: http://www.assistiveware.com/product/proloquo2go
2016.03.19
[17] PuzzlePiece, “PuzzlePiece,” 2014.[Online]. Available from: https://www.getpuzzlepiece.com/ 2016.03.19
[18] J. Mankoff, G. R. Hayes, and D. Kasnitz, “Disability studies as a source of critical inquiry for the field of assistive
technology,” Proceedings of 12th Int. ACM SIGACCESS Conf. Comput. Access. - ASSETS ’10,p. 3, 2010.
[19] D. Moore, “Computer-Based Learning Systems for People with Autism,” in Disabled Students in Education:
Technology, Transition, and Inclusivity, D. Moore, A. Gorra, M. Adams, J. Reaney, and H. Smith, Eds. Hershey, PA:IGI
Global, pp. 84–107,2012.
[20] K. Sitdhisanguan and N. Chotikakamthorn, “Using tangible user interfaces in computer-based training systems for
low-functioning autistic children,” Pers. Ubiquitous Comput., vol. 16, no. 2, pp. 143–155,2012.
[21] M. G. Friedman and D. N. Bryen, “Web accessibility design recommendations for people with cognitive disabilities,”
Technol. Disabil., vol. 19, pp. 205–212,2007.
[22] L. Seeman and M. Cooper, “Cognitive Accessibility User Research,” 2015. [Online]. Available from:
http://w3c.github.io/coga/user-research/ 2016.03.19
[23] WebAIM, “Evaluating Cognitive Web Accessibility with WAVE,” 2014.[Online]. Available from:
http://wave.Webaim.org/cognitive 2016.03.19
[24] S. Abou-Zahra, “How People with Disabilities Use the Web. Status: Draft Updated 1 August 2012,” 2012.[Online].
Available from: http://www.w3.org/WAI/intro/people-use-Web/diversity 2016.03.19
29
Referências
[25] H. van Rijn and P. J. Stappers, “The Puzzling Life of Autistic Toddlers: Design Guidelines from the
LINKX Project,” Adv. Human-Computer Interact., vol. 2008, pp. 1–8, 2008.
[26] A. L. Wainer and B. R. Ingersoll, “The use of innovative computer technology for teaching social
communication to individuals with autism spectrum disorders,” Res. Autism Spectr. Disord., vol. 5, no. 1,
pp. 96–107, 2011.
[27] P. L. T. Weiss, E. Gal, S. Eden, M. Zancanaro, and F. Telch, “Usability of a Multi-Touch Tabletop
Surface to Enhance Social Competence Training for Children with Autism Spectrum Disorder,”
Proceedings of the Chais Conference on Instructional Technologies Research: Learning in the
technological era, 2011, pp. 71–78.
[28] F. K. Lau, A. H. K. Yuen, and J. M. G. Lian, “Adapted design of multimedia-facilitated language
learning program for children with autism,” Psicol. Esc. e Educ., vol. 11, no. spe, pp. 13–26, 2007.
[29] C. Putnam and L. Chong, “Software and technologies designed for people with autism: what do
users want?,” in Proceedings of the 10th international ACM SIGACCESS conference on Computers and
accessibility, 2008, pp. 3–10.
[30] D. Poulson and C. Nicolle, “Making the Internet accessible for people with cognitive and
communication Impairments,” Univers. Access Inf. Soc., vol. 3, no. 1, pp. 48–56, 2004.
[31] N. C. of U. D. for L. UDLCenter, “UDL Guidelines – Version 2.0,” National Center of Universal Design
for Learning, 2012. [Online]. Available from: http://www.udlcenter.org/aboutudl/udlguidelines 2016.03.19
30
Obrigada!
Talita Pagani
@talitapagani
talitapagani.com
github.com/talitapagani
Patrocínio:
Porto Alegre, Maio 2016
Realização:

More Related Content

Viewers also liked

Viewers also liked (13)

Deanna M Resume
Deanna M ResumeDeanna M Resume
Deanna M Resume
 
La familia
La familiaLa familia
La familia
 
Actividad fisica 1º medio
Actividad  fisica 1º medioActividad  fisica 1º medio
Actividad fisica 1º medio
 
Organização de Eventos - Flamengo Jr. Camp
Organização de Eventos - Flamengo Jr. CampOrganização de Eventos - Flamengo Jr. Camp
Organização de Eventos - Flamengo Jr. Camp
 
Jorge albeiro muriel velez actividad1 2_mapac
Jorge albeiro muriel velez actividad1 2_mapacJorge albeiro muriel velez actividad1 2_mapac
Jorge albeiro muriel velez actividad1 2_mapac
 
Foster Fuels_29S_Billboard
Foster Fuels_29S_BillboardFoster Fuels_29S_Billboard
Foster Fuels_29S_Billboard
 
Mkt contágio baixa resolução
Mkt contágio baixa resoluçãoMkt contágio baixa resolução
Mkt contágio baixa resolução
 
Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016
 
Protozoa
ProtozoaProtozoa
Protozoa
 
Taxonomy of protozoa
Taxonomy of protozoaTaxonomy of protozoa
Taxonomy of protozoa
 
Toxoplasma gondii
Toxoplasma gondiiToxoplasma gondii
Toxoplasma gondii
 
Tripanozoma cruzi
Tripanozoma cruziTripanozoma cruzi
Tripanozoma cruzi
 
Toxoplasma gondii
Toxoplasma gondiiToxoplasma gondii
Toxoplasma gondii
 

Similar to Projetando sites adequados a pessoas com Autismo

MALL
MALL MALL
MALL
jgk27
 

Similar to Projetando sites adequados a pessoas com Autismo (20)

Designing for People with Cognitive Disabilities in Language and Literacy
Designing for People with Cognitive Disabilities in Language and LiteracyDesigning for People with Cognitive Disabilities in Language and Literacy
Designing for People with Cognitive Disabilities in Language and Literacy
 
Musstanser Avanzament 4 (Final No Animation)
Musstanser   Avanzament 4 (Final   No Animation)Musstanser   Avanzament 4 (Final   No Animation)
Musstanser Avanzament 4 (Final No Animation)
 
Are we currently moving from the age of mobolism to age of artificail intelli...
Are we currently moving from the age of mobolism to age of artificail intelli...Are we currently moving from the age of mobolism to age of artificail intelli...
Are we currently moving from the age of mobolism to age of artificail intelli...
 
Designing for People with Cognitive Disabilities at UXPA 2013
Designing for People with Cognitive Disabilities at UXPA 2013Designing for People with Cognitive Disabilities at UXPA 2013
Designing for People with Cognitive Disabilities at UXPA 2013
 
Digitaalinen tulevaisuus 2030 – kuinka ”tukiäly” tukee ihmisten arkea, oppimi...
Digitaalinen tulevaisuus 2030 – kuinka ”tukiäly” tukee ihmisten arkea, oppimi...Digitaalinen tulevaisuus 2030 – kuinka ”tukiäly” tukee ihmisten arkea, oppimi...
Digitaalinen tulevaisuus 2030 – kuinka ”tukiäly” tukee ihmisten arkea, oppimi...
 
Learning analytics dashboards
Learning analytics dashboardsLearning analytics dashboards
Learning analytics dashboards
 
Yhteisöllisen oppimisen tukeminen mobiililaitteiden avulla: Kolme tapaustutki...
Yhteisöllisen oppimisen tukeminen mobiililaitteiden avulla: Kolme tapaustutki...Yhteisöllisen oppimisen tukeminen mobiililaitteiden avulla: Kolme tapaustutki...
Yhteisöllisen oppimisen tukeminen mobiililaitteiden avulla: Kolme tapaustutki...
 
First draft
First draftFirst draft
First draft
 
Oeb slides zone of effective learning - (final)
Oeb slides   zone of effective learning - (final)Oeb slides   zone of effective learning - (final)
Oeb slides zone of effective learning - (final)
 
journalism research paper
journalism research paperjournalism research paper
journalism research paper
 
MALL
MALL MALL
MALL
 
SoftCOM 2022.pptx
SoftCOM 2022.pptxSoftCOM 2022.pptx
SoftCOM 2022.pptx
 
Digital futures and learning in the 21st century
Digital futures and learning in the 21st centuryDigital futures and learning in the 21st century
Digital futures and learning in the 21st century
 
History of Online Collaboration
History of Online CollaborationHistory of Online Collaboration
History of Online Collaboration
 
MOhammed ALi.pptx
MOhammed ALi.pptxMOhammed ALi.pptx
MOhammed ALi.pptx
 
Enhancing and Transforming Global Learning Communities with Augmented Reality
Enhancing and Transforming Global Learning Communities with Augmented RealityEnhancing and Transforming Global Learning Communities with Augmented Reality
Enhancing and Transforming Global Learning Communities with Augmented Reality
 
Ubiquitous documentation of learning: a framework of the introduction of mobi...
Ubiquitous documentation of learning: a framework of the introduction of mobi...Ubiquitous documentation of learning: a framework of the introduction of mobi...
Ubiquitous documentation of learning: a framework of the introduction of mobi...
 
PREDICTING FUTURE OF EDTECH 2030 v2
PREDICTING FUTURE OF EDTECH 2030 v2PREDICTING FUTURE OF EDTECH 2030 v2
PREDICTING FUTURE OF EDTECH 2030 v2
 
Students as Creative Producers' ICEL 2013 conference presentation
Students as Creative Producers' ICEL 2013 conference presentationStudents as Creative Producers' ICEL 2013 conference presentation
Students as Creative Producers' ICEL 2013 conference presentation
 
Mobiles, Vocabulary & Connecting Experiences
Mobiles, Vocabulary & Connecting ExperiencesMobiles, Vocabulary & Connecting Experiences
Mobiles, Vocabulary & Connecting Experiences
 

More from Talita Pagani

More from Talita Pagani (20)

Design acessível para autistas
Design acessível para autistasDesign acessível para autistas
Design acessível para autistas
 
Projetando para a neurodiversidade
Projetando para a neurodiversidadeProjetando para a neurodiversidade
Projetando para a neurodiversidade
 
Guia de Acessibilidade de Interfaces Web focado em Autismo
Guia de Acessibilidade de Interfaces Web focado em AutismoGuia de Acessibilidade de Interfaces Web focado em Autismo
Guia de Acessibilidade de Interfaces Web focado em Autismo
 
Projetando sites e aplicativos mais adequados a pessoas com autismo
Projetando sites e aplicativos mais adequados a pessoas com autismoProjetando sites e aplicativos mais adequados a pessoas com autismo
Projetando sites e aplicativos mais adequados a pessoas com autismo
 
Acessibilidade para cidadania : uma avaliação de usabilidade e acessibilidade...
Acessibilidade para cidadania : uma avaliação de usabilidade e acessibilidade...Acessibilidade para cidadania : uma avaliação de usabilidade e acessibilidade...
Acessibilidade para cidadania : uma avaliação de usabilidade e acessibilidade...
 
Projeto CoCoA: Um Colete de Comunicação Alternativa
Projeto CoCoA: Um Colete de Comunicação AlternativaProjeto CoCoA: Um Colete de Comunicação Alternativa
Projeto CoCoA: Um Colete de Comunicação Alternativa
 
Carreira não linear em TI
Carreira não linear em TICarreira não linear em TI
Carreira não linear em TI
 
Acessibilidade Digital para Tecnologias Educacionais focadas em Autistas
Acessibilidade Digital para Tecnologias Educacionais focadas em AutistasAcessibilidade Digital para Tecnologias Educacionais focadas em Autistas
Acessibilidade Digital para Tecnologias Educacionais focadas em Autistas
 
Acessibilidade Web Cognitiva
Acessibilidade Web CognitivaAcessibilidade Web Cognitiva
Acessibilidade Web Cognitiva
 
Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016
 
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe dissoCaro Analista de Requisitos, você faz UX Design e nem sabe disso
Caro Analista de Requisitos, você faz UX Design e nem sabe disso
 
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
PROJETO GAIA: Guia de Acessibilidade de Interfaces Web focado em aspectos do ...
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
 
Web Semântica - RoadShow TI Senac SP
Web Semântica - RoadShow TI Senac SPWeb Semântica - RoadShow TI Senac SP
Web Semântica - RoadShow TI Senac SP
 
Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015
 
Introdução a testes de usabilidade - 11º Diverso Design
Introdução a testes de usabilidade - 11º Diverso DesignIntrodução a testes de usabilidade - 11º Diverso Design
Introdução a testes de usabilidade - 11º Diverso Design
 
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web PerformanceMedindo o Desempenho de sua aplicação com as APIs de Web Performance
Medindo o Desempenho de sua aplicação com as APIs de Web Performance
 
Guidelines Open-souce de interfaces para a inclusão sociodigital de autistas
Guidelines Open-souce de interfaces para a inclusão sociodigital de autistasGuidelines Open-souce de interfaces para a inclusão sociodigital de autistas
Guidelines Open-souce de interfaces para a inclusão sociodigital de autistas
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
 
Design Patterns - Aula 2
Design Patterns - Aula 2Design Patterns - Aula 2
Design Patterns - Aula 2
 

Recently uploaded

Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
FIDO Alliance
 

Recently uploaded (20)

Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdf
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 

Projetando sites adequados a pessoas com Autismo

  • 1. Projetando sites adequados a pessoas com Autismo Talita Pagani @talitapagani Patrocínio: Porto Alegre, Maio 2016 Realização:
  • 2. 2 Enchanté, Talita! 11 anos de XP em TI (já fui UI designer aka. Web designer, front-end, back-end, tester, assistente de gestão de projetos e analista de requisitos) Front-end Developer na RedVentures Líder Local de Bauru na IDF Professora universitária Mestranda em Computação na UFSCar
  • 3. 3
  • 4. 4 Como as pessoas com Transtorno do Espectro do Autismo (TEA) veem o mundo?
  • 5. Vídeo “Autism and sensory sensitivity” https://www.youtube.com/watch?v=ycCN3qTYVyo 5
  • 6. Habilidades e Dificuldades da pessoa com TEA Habilidades § Boa memória visual § Tendem a ter facilidade com lógica, são pensadores concretos § Atentos e focados § Minuciosos e atentos a detalhes (geralmente são ótimos testers) 6 Dificuldades § Podem ter dificuldade de comunicação verbal/não verbal § Podem ter dificuldade de socializar com as pessoas § Sensibilidade sensorial § Dificuldade para compreender metáforas e figuras de linguagem
  • 7. 7 Computadores: Aliados das pessoas com TEA para desenvolver habilidades e auxiliar em atividades de vida cotidiana
  • 8. 8 § Desenvolvimento de habilidades sociais e de comunicação § Ajudar a organizar rotina § Auxiliar na alfabetização § Auxiliar a se comunicar com família e amigos Fontes:   https://kennethsays.wordpress.com/2011 /09/03/top-­ipad-­apps-­for-­children-­with-­ autism/ http://nhne-­pulse.org/carly-­fleischmann-­ autistic-­girl-­who-­used-­computer-­to-­ask-­ for-­help/
  • 9. 9 Porém… Interação e Experiência de Uso projetadas inadequadamente podem levar a estresse, irritação e ansiedade L
  • 10. 10 Quais aspectos de UX você considera no contexto de pessoas com TEA (ou pessoas com deficiência cognitiva, neuronal ou de aprendizagem) em seus projetos?
  • 11. 11
  • 12. Projeto GAIA Guia de Acessibilidade de Interfaces Web para pessoas com Autismo Guidelines for Accessible Interfaces for people with Autism Guia aberto (open-source e open-access) Contribuir para ajudar devs e designers a compreender melhor o TEA e como a tecnologia é benéfica para pessoas com TEA Suporte à tomada de decisão e guia de boas práticas 12
  • 14. Como foi feito este trabalho? 14 Triagem de  contribuições relevantes da  literatura e  do   mercado Formalização das  contribuições de  recomendações de  fácil acesso e  leitura x ✓ Geração de  um  guia aberto para  ajudar designer  e  devs Web  a  projetar interfaces   acessíveis a  pessoas com  TEA Organização e  nova   triagem através de   diagrama de  afinidades
  • 15. Como foi feito este trabalho? 15
  • 17. Vocabulário Visual e Textual: Compatibilidade com o mundo real e skeumorfismo 17
  • 18. Representações Redundantes: Reforçar informação com múltiplas representações 18
  • 19. Affordance: Mostrar claramente restrições de interação 19 https://guides.codepath.com/android/Drawables
  • 20. Navegabilidade: Navegação simplificada e indicadores de localização 20
  • 21. 21 Resumindo em 5 dicas de ouro: Interfaces simples, com poucos elementos e boa área de toque/clique 1
  • 22. 22 Resumindo em 5 dicas de ouro: Seja previsível e consistente nas interações, promova rotina através da UI 2
  • 23. 23 Resumindo em 5 dicas de ouro: Use recursos visuais junto a textos 3
  • 24. 24 Resumindo em 5 dicas de ouro: Evite o uso de metáforas e expressões denotativas. Opte por termos lógicos e expressões literais 4
  • 25. 25 Resumindo em 5 dicas de ouro: Habilite a customização quando possível, deixe o usuário no controle 5
  • 26. 26 CONTRIBUA COM O GAIA Caso queira contribuir avaliando as guidelines sob a perspectiva de um profissional de UX, fale comigo! Repositório: http://github.com/talitapagani/gaia/ Site: http://talitapagani.com/gaia
  • 27. Referências [1] C. for D. C. and Prevention, “Prevalence of Autism Spectrum Disorders,” MMRW, vol. 61, no. 3, pp. 1–19, 2012. [2] P. T. Ozand, A. Al-odaib, H. Merza, and S. Al Harbi, “Autism : a review,” J. Pediatr. Neurol., vol. 1, no. 2, pp. 55–67, 2003. [3] A. P. Association, Diagnostic and Statistical Manual of Mental Disorders (DSM), Fifth. United States: American Psychological Association, 2013. [4] C. A. Gadia, R. Tuchman, and N. T. Rotta, “Autism and pervasive developmental disorders,” J. Pediatr., vol. 80, no. 2, pp. 83–94, 2004. [5] H. J. Carrer, E. B. Pizzolato, and C. Goyos, “Evaluation of educational software with speech recognition in individuals with normal development and language delay,” Rev. Bras. Informática na Educ., vol. 17, no. 3, pp. 67–81, 2009. [6] L. Millen, R. Edlin-White, and S. Cobb, “The development of educational collaborative virtual environments for children with autism,” Proceedings of 5th Cambridge Workshop on Universal Access and Assistive Technology (CWUAAT 2010), 2010, pp. 1–7. [7] C. Putnam and L. Chong, “Software and technologies designed for people with autism: what do users want?,” Proceedings of the 10th Int. ACM SIGACCESS Conf. Comput. Access., pp. 3–10, 2008. [8] A. Battocchi, A. Ben-Sasson, G. Esposito, E. Gal, F. Pianesi, D. Tomasini, P. Venuti, P. Weiss, and M. Zancanaro, “Collaborative puzzle game: a tabletop interface for fostering collaborative skills in children with autism spectrum disorders,” J. Assist. Technol., vol. 4, no. 1, pp. 4–13, 2010. 27
  • 28. Referências [9] G. F. M. Silva, L. C. de Castro Salgado, and A. B. Raposo, “Metaphors of Cultural Perspectives in the (re) definition of collaboration patterns of a multi-touch game for users with autism,” Proceedings of the 12th Brazilian Symposium on Human Factors in Computing Systems, 2013, vol. 5138, pp. 112–121. [10] L. Millen, S. V. G. Cobb, H. Patel, and T. Glover, “Collaborative virtual environment for conducting design sessions with students with autism spectrum conditions,” Proceedings of the 9th Intl Conf. Disabil. Virtual Real. Assoc. Technol., pp. 10–12, 2012. [11] M. Moore and S. Calvert, “Brief Report: Vocabulary Acquisition for Children with Autism: Teacher or Computer Instruction,” J. Autism Dev. Disord., vol. 30, no. 4, pp. 359–362, 2000. [12] A. Darejeh and D. Singh, “A review on user interface design principles to increase software usability for users with less computer literacy,” J. Comput. Sci., vol. 9, no. 11, pp. 1443–1450, 2013. [13] T. Gentry, J. Wallace, C. Kvarfordt, and K. B. Lynch, “Personal digital assistants as cognitive aids for high school students with autism: Results of a community-based trial,” J. Vocat. Rehabil., vol. 32, no. 2, pp. 101–107, 2010. [14] T. R. Goldsmith and L. a Leblanc, “Use of Technology in Interventions for Children with Autism,” J. Early Intensive Behav. Interv., vol. 1, no. 2, pp. 166–178, 2004. [15] R. Muñoz, T. Barcelos, R. Noël, and S. Kreisel, “Development of software that supports the improvement of the empathy in children with autism spectrum disorder,” Proceedings of Int. Conf. Chil. Comput. Sci. Soc. SCCC, pp. 223–228, 2013. 28
  • 29. Referências [16] AssistiveWare, “Proloquo2Go,”2014. [Online]. Available from: http://www.assistiveware.com/product/proloquo2go 2016.03.19 [17] PuzzlePiece, “PuzzlePiece,” 2014.[Online]. Available from: https://www.getpuzzlepiece.com/ 2016.03.19 [18] J. Mankoff, G. R. Hayes, and D. Kasnitz, “Disability studies as a source of critical inquiry for the field of assistive technology,” Proceedings of 12th Int. ACM SIGACCESS Conf. Comput. Access. - ASSETS ’10,p. 3, 2010. [19] D. Moore, “Computer-Based Learning Systems for People with Autism,” in Disabled Students in Education: Technology, Transition, and Inclusivity, D. Moore, A. Gorra, M. Adams, J. Reaney, and H. Smith, Eds. Hershey, PA:IGI Global, pp. 84–107,2012. [20] K. Sitdhisanguan and N. Chotikakamthorn, “Using tangible user interfaces in computer-based training systems for low-functioning autistic children,” Pers. Ubiquitous Comput., vol. 16, no. 2, pp. 143–155,2012. [21] M. G. Friedman and D. N. Bryen, “Web accessibility design recommendations for people with cognitive disabilities,” Technol. Disabil., vol. 19, pp. 205–212,2007. [22] L. Seeman and M. Cooper, “Cognitive Accessibility User Research,” 2015. [Online]. Available from: http://w3c.github.io/coga/user-research/ 2016.03.19 [23] WebAIM, “Evaluating Cognitive Web Accessibility with WAVE,” 2014.[Online]. Available from: http://wave.Webaim.org/cognitive 2016.03.19 [24] S. Abou-Zahra, “How People with Disabilities Use the Web. Status: Draft Updated 1 August 2012,” 2012.[Online]. Available from: http://www.w3.org/WAI/intro/people-use-Web/diversity 2016.03.19 29
  • 30. Referências [25] H. van Rijn and P. J. Stappers, “The Puzzling Life of Autistic Toddlers: Design Guidelines from the LINKX Project,” Adv. Human-Computer Interact., vol. 2008, pp. 1–8, 2008. [26] A. L. Wainer and B. R. Ingersoll, “The use of innovative computer technology for teaching social communication to individuals with autism spectrum disorders,” Res. Autism Spectr. Disord., vol. 5, no. 1, pp. 96–107, 2011. [27] P. L. T. Weiss, E. Gal, S. Eden, M. Zancanaro, and F. Telch, “Usability of a Multi-Touch Tabletop Surface to Enhance Social Competence Training for Children with Autism Spectrum Disorder,” Proceedings of the Chais Conference on Instructional Technologies Research: Learning in the technological era, 2011, pp. 71–78. [28] F. K. Lau, A. H. K. Yuen, and J. M. G. Lian, “Adapted design of multimedia-facilitated language learning program for children with autism,” Psicol. Esc. e Educ., vol. 11, no. spe, pp. 13–26, 2007. [29] C. Putnam and L. Chong, “Software and technologies designed for people with autism: what do users want?,” in Proceedings of the 10th international ACM SIGACCESS conference on Computers and accessibility, 2008, pp. 3–10. [30] D. Poulson and C. Nicolle, “Making the Internet accessible for people with cognitive and communication Impairments,” Univers. Access Inf. Soc., vol. 3, no. 1, pp. 48–56, 2004. [31] N. C. of U. D. for L. UDLCenter, “UDL Guidelines – Version 2.0,” National Center of Universal Design for Learning, 2012. [Online]. Available from: http://www.udlcenter.org/aboutudl/udlguidelines 2016.03.19 30