63
Acessibilidade e Design Universal

Acessibilidade & Design Universal

Embed Size (px)

Citation preview

Page 1: Acessibilidade & Design Universal

Acessibilidade eDesign Universal

Page 2: Acessibilidade & Design Universal

1.DADOSDEMOGRÁFICOSPorcentagem mundial e nacional de pessoas com algum tipo de deficiência.

Page 3: Acessibilidade & Design Universal

Estatísticas Mundiais

1 bilhão +

De pessoas no mundo vivem com alguma deficiência.

200 milhões

Dessas pessoas experimentam extrema dificuldade funcional.

95 milhões

São crianças com algum tipo de deficiência.

3

Mais informações em http://visual.ly/world-disability-facts-infographic-1-billion-people-live-form-disability

Page 4: Acessibilidade & Design Universal

Top 10 deficiências mundiais em crianças4

● Sindrome de Down● Transtorno do Espectro

Autista● Paralisia Cerebral● Dyslexia● Transtornos Emocionais

e Comportamentais

● Déficit de Atenção● Afasia● Síndrome Alcólica Fetal● Transtorno do

processamento auditivo central

● Epilepsia

Mais informações em http://visual.ly/world-disability-facts-infographic-1-billion-people-live-form-disability

Page 5: Acessibilidade & Design Universal

Deficiências globais5

Mais informações em https://www.nomensa.com/blog/2011/an-introduction-to-inclusive-design

Page 6: Acessibilidade & Design Universal

45.606.048De brasileiros têm pelo menos uma das deficiências, isso é 23,9% da população total do país.

6

Mais informações em http://www.sdh.gov.br/assuntos/pessoa-com-deficiencia/dados-estatisticos

Page 7: Acessibilidade & Design Universal

35.492.573Visual

9.731.834Auditiva

13.357.419Motora

7

2.671.483Mental ou Intelectual

Page 8: Acessibilidade & Design Universal

2.DEFICIÊNCIA vs TECNOLOGIADemonstrações de como os deficientes utilizam a tecnologia disponível.

Page 10: Acessibilidade & Design Universal

Como uma pessoa cega usa o computador?

1:18

10

Page 11: Acessibilidade & Design Universal

Como uma pessoa cega usa o tablet ou celular?

1:22

11

Page 13: Acessibilidade & Design Universal

13

O mundo conforme o autismo

Page 14: Acessibilidade & Design Universal

3.O QUE PODEMOS MELHORAR?Tecnologia disponível e simuladores

Page 15: Acessibilidade & Design Universal

Place your screenshot here

15 Google TalkBack

Serviço de acessibilidade que ajuda os usuários com algum tipo de deficiência visual a interagir com dispositivos.

O TalkBack implementa feedback falado, audível e por vibração ao dispositivo.

Page 16: Acessibilidade & Design Universal

Simulador Color Blindness Android16

Page 17: Acessibilidade & Design Universal

Via Opta Sim App17

Simulador que provê em primeira pessoa a experiência de viver com uma deficiência visual:● Glaucoma● Retinopatía Diabética● Catarata● Outros

Page 18: Acessibilidade & Design Universal

Mitos e definições

18

4.Acessibilidade e Design Universal

Page 19: Acessibilidade & Design Universal

Acessibilidade,1. As características que fazem um produto ou serviço aberto a todos.

2. Disciplina profissional dedicada a alcançar o item 1.

19

Page 20: Acessibilidade & Design Universal

Acessibilidade é projetar somente para pessoas com algum tipo de deficiência

20 Mito 1

Page 21: Acessibilidade & Design Universal

21

Page 22: Acessibilidade & Design Universal

Deficiências temporárias e situacionais22

Page 23: Acessibilidade & Design Universal

Acessibilidade também envolve...

● Habilidades motoras○ Canhoto, destro, ambidestro

● Dispositivos○ Smartphones, tablets

● Letramento○ Analfabetos funcionais

● Perfis○ Idosos e Crianças

23

Page 24: Acessibilidade & Design Universal

Mito 2

Acessibilidade atende a um público muito pequeno e restrito

24

Page 25: Acessibilidade & Design Universal

Censo e estatísticas

Pessoas com alguma deficiência:

●1 bilhão no mundo.

●45 milhões no Brasil

25

Por ano nos USA

Page 26: Acessibilidade & Design Universal

Mito 3

Primeiro fazemos o produto/serviço depois tornamos acessível

26

Page 27: Acessibilidade & Design Universal

●Considerar a acessibilidade de um produto/serviço somente no final do projeto○ Maior custo○ Retrabalho

● Incorporar boas práticas de acessibilidade desde o início dos projetos

Mito 327

Page 28: Acessibilidade & Design Universal

Acessibilidade & gambiarra28

Page 29: Acessibilidade & Design Universal

Design Universal é o design de produtos, ambientes e serviços

usáveis por todos, na medida do possível, sem a necessidade de

adaptação ou design especializadoRon Mace

29

Page 30: Acessibilidade & Design Universal

30

https://www.ncsu.edu/ncsu/design/cud/about_ud/about_ud.htm

Page 31: Acessibilidade & Design Universal

O design deve ser útil e comercializável para pessoas com diversas habilidades

31

Princípio 1 Uso Equitativo

Fornecer os mesmos meios de uso idênticos sempre que possível e equivalentes quando não

Page 32: Acessibilidade & Design Universal

<Nomes> e <Texto alternativo>

Princípio 1 Uso Equitativo32

Estaticamente chamativo para todos usuários

Evita estigmatizar usuários

Page 33: Acessibilidade & Design Universal

O design deve acomodar uma ampla gama de preferências e habilidades individuais.

33

Princípio 2Uso Flexível

Acomode o uso por canhotos e destros

Page 34: Acessibilidade & Design Universal

34

Princípio 2Uso Flexível

Fornecer adaptabilidade e escolha nos métodos de uso.Facilitar a exatidão e precisão do usuário.

iPad keyboard

Page 35: Acessibilidade & Design Universal

35

Princípio 2Uso Flexível

Fornecer adaptabilidade e escolha nos métodos de uso.Facilitar a exatidão e precisão do usuário.

Modo Desktop

Modo Tablet

Page 36: Acessibilidade & Design Universal

36

Princípio 3Uso Simples e Intuitivo

O uso deve ser fácil de entender, independentemente da experiência do usuário, conhecimento, habilidades de

linguagem ou nível de concentração atual.

Page 37: Acessibilidade & Design Universal

Princípio 3Uso Simples e Intuitivo37

Organizar informações de maneira consistente com sua importância.

Page 38: Acessibilidade & Design Universal

Princípio 3Uso Simples e Intuitivo38

Elimine complexidade desnecessária.

Page 39: Acessibilidade & Design Universal

Princípio 3Uso Simples e Intuitivo39

Seja consistente com as expectativas e a intuição

do usuário.

Page 40: Acessibilidade & Design Universal

40

Princípio 4Informação de Fácil Percepção

O design deve comunicar de maneira eficaz as informações importantes para as pessoas, independente das condições

ambientais ou de suas capacidades sensoriais

Use diferentes modos para a apresentação de informações

essenciais

Page 41: Acessibilidade & Design Universal

41

Princípio 4Informação de Fácil Percepção

Fornecer compatibilidade com uma variedade de técnicas ou dispositivos usados por pessoas com limitações sensoriais

Page 42: Acessibilidade & Design Universal

GuidelinesUso de cores

1. Diferencie cores de primeiro plano e de fundo pela luminosidade

42

Fonte:http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

Page 43: Acessibilidade & Design Universal

GuidelinesUso de cores

2. Escolha cores escuras com matizes da metade inferior do círculo contrastando com cores claras da metade superior do círculo

43

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

Page 44: Acessibilidade & Design Universal

GuidelinesUso de cores

3. Evite contrastar matizes de partes adjacentes do círculo

44

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

Page 45: Acessibilidade & Design Universal

GuidelinesLegibilidade de textos

1. Contraste

45

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

2. Cor da fonte 3. Tamanho da fonte

Page 46: Acessibilidade & Design Universal

GuidelinesLegibilidade de textos

3. Espaçamento entre as letras

46

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

4. Espaçamento entre as linhas

Page 47: Acessibilidade & Design Universal

GuidelinesLegibilidade de textos

5. Família de fonte 6. Estilo da fonte

47

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

Page 48: Acessibilidade & Design Universal

48

Princípio 5Tolerância ao Erro

O design deve minimizar perigos e consequências adversas de ações acidentais ou não intencionais

● Avisos de perigos e erros.

● Opção de desfazer UNDO

● Recuperação em caso de falha

Page 49: Acessibilidade & Design Universal

49

Princípio 6Baixo Esforço Físico

O design deve ser usado de maneira eficiente e confortável e com um mínimo de fadiga

Page 50: Acessibilidade & Design Universal

Princípio 6Baixo Esforço Físico50

Minimize o uso de mouse com atalhos do teclado.Minimize ações repetitivas.

Page 51: Acessibilidade & Design Universal

Princípio 6Baixo Esforço Físico51

Minimize o uso de mouse com atalhos do teclado.Minimize ações repetitivas.

Page 52: Acessibilidade & Design Universal

52

Princípio 7Dimensão e Espaço para Aproximação

Tamanho e espaço apropriados devem ser fornecidos para a aproximação, alcance, manipulação e uso independente do tamanho do corpo, postura ou mobilidade do usuário

Page 53: Acessibilidade & Design Universal

53

Princípio 7Dimensão e Espaço para Aproximação

Considere a dimensão dos elementos da interface para a

interação com touchscreens

Page 54: Acessibilidade & Design Universal

5.DOs and DONTshttps://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

54

Page 55: Acessibilidade & Design Universal

55

Page 56: Acessibilidade & Design Universal

A chave para a acessibilidade (e usabilidade) é garantir que os sites possam

ser acessados e usados pelo máximo de audiência possível, sem se importar com o

nível de habilidade.Alexander Dawson

56

Page 57: Acessibilidade & Design Universal

E aí!Nós somos:Luana GroppoEwerton Menezes

E estamos aqui porque acreditamos em um design para todos.Onde nos [email protected]@daitangroup.com

57

Page 58: Acessibilidade & Design Universal

Designing for users on the autistic spectrum

58

Page 59: Acessibilidade & Design Universal

Designing for users who are D/deaf or hard of hearing

59

Page 60: Acessibilidade & Design Universal

Designing for users with Dyslexia

60

Page 61: Acessibilidade & Design Universal

Designing for users with low vision

61

Page 62: Acessibilidade & Design Universal

Designing for users with physical or motor disabilities

62

Page 63: Acessibilidade & Design Universal

Designing for users of screen readers

63