Slides usados na apresentação do evento 19º CONIC SEMESP. Para ver mais sobre a palestra: https://ghdesign.dev

1. 19º Conic-Semesp
Congresso Nacional de IC
Autor:
Gabriel Henrique Ramos Souza
Orientadora:
Professora titular doutora Suzete Venturelli
Título:
Interação Humano Computador: A Relação entre
Usabilidade e Acessibilidade no Design Digital.
Curso Design Digital - 8º semestre

2. Porque ser acessível?
24%
Censo 2010 IBGE. Fonte: Unesco
45,6 milhões de pessoas

3. Objetivos
Interação
Humano-Computador
Design de Interface
UsabilidadeAcessibilidade
Design Digital

4. IHC: Interação Humano-Computador
Donald Norman (1986)
Objetivos do IHC
Comissão Especial de Interação
Humano-Computador (CEIHC)

5. Design de interfaces
User Experience (UX)User Interface (UI)

6. Usabilidade
Norma ISO 9241-210 (2010)
1. O projeto é baseado no entendimento explícito de usuários,
tarefas e ambientes.
2. Os usuários estão envolvidos em todo projeto e
desenvolvimento.
3. O projeto é conduzido e refinado por avaliações centradas
no usuário.
4. O processo é iterativo.
5. O projeto aborda toda a experiência do usuário.
6. A equipe de design inclui competências multidisciplinares e
perspectivas.

7. Acessibilidade
Inclusão digital
Tipos de navegação
Lei Brasileira de Inclusão (LBI)
“Possibilitar o acesso a internet.”

8. Como ser acessível na web?

9. Boas práticas de acessibilidade na web

10. Boas práticas de acessibilidade na web
● https://contrastchecker.com/
● https://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-
acessibilidade-web-fasciculo-I.html
● https://material.io/design/usability/accessibility.html
● https://developer.mozilla.org/pt-BR/docs/Web/Accessibility/ARIA
● https://www.w3.org/TR/WAI-WEBCONTENT/
● https://v4-alpha.getbootstrap.com/getting-started/accessibility/

11. Design Digital
Usabilidade
Acessibilidade

12. Referências
Google Material
https://material.io/design/shape/about-shape
.html#components-shape
User Inyerface
https://userinyerface.com/
As 6 metas de Usabilidade - Design Team
Zap Viva Real - Medium
https://miro.medium.com/max/690/1*UZQXM6
CQXKb-59YxQEDFww.jpeg
Unesco
http://www.unesco.org/new/pt/brasilia/educat
ion/inclusive-education/persons-with-disabilit
ies/
MDN | ARIA
https://developer.mozilla.org/pt-BR/docs/Web/
Accessibility/ARIA
Acessibilidade eletrônica
http://www.acessibilidade.gov.pt/
Análise ergonômica do trabalho dos
desenvolvedores versus o modelo mental
dos usuários, tendo como foco a arquitetura
da informação de websites - Renata Zilse
https://www.maxwell.vrac.puc-rio.br/colecao.p
hp?strSecao=resultado&nrSeq=5128@1
Design de informação em interfaces digitais:
origens, definições e fundamentos -
Fernanda S. Quintão, Ricardo Triska
https://www.infodesign.org.br/infodesign/articl
e/view/243

13. Obrigado!
Dúvidas?
Contato:
@gabriel.hrs
gabriel.henrique7087@gmail.com