48
As Interfaces Tecnológicas com Design Acessível para a Baixa Visão Cínthia C. Kulpa e Eluza T. Pinheiro CURSO DE CAPACITAÇÃO PARA GESTORES PÚBLICOS: Políticas de Acessibilidade e Direitos Humanos.

Acessibilidade na WEB parte 02

Embed Size (px)

Citation preview

As Interfaces Tecnológicas

com Design Acessível para a Baixa Visão

Cínthia C. Kulpa e Eluza T. Pinheiro

CURSO DE CAPACITAÇÃO PARA GESTORES PÚBLICOS:

Políticas de Acessibilidade e Direitos Humanos.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Quantas vezes você já acessou

algum site pela 1ª vez

e não era clara a forma de utilizá-lo?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site da Universidade Federal de Pernambuco.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface Computacional do Usuário

Parte visível de um sistema

onde o usuário se comunica e realiza tarefas.

Vários elementos são percebidos pelo usuário!

(Carvalho e Daltrini, 1994)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Cor, Imagem, Brilho...

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Contraste, Forma...

Interface do site Ubisoft.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Quantas vezes você entrou em sites

onde as informações geram dúvidas

ou insegurança na realização das tarefas?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Banco do Brasil.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interfaces Bem Projetadas

Sentimentos positivos de sucesso,

competência e clareza para o usuário.

(Carvalho e Daltrini, 1994)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Banrisul.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Quanto tempo se perde tentando

compreender como funciona determinado site?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Google.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Deezer.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Usabilidade

Atributo de qualidade relacionado

à facilidade do uso da interface.

(Nielsen e Loranger, 2007)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do Nielsen Norman Group.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

O quanto as cores contribuem

na usabilidade de uma interface web?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Cor

Chamar a atenção do usuário

Direcionar a leitura

Indicar aspectos da interface

Criar planos de fundo

Facilitar a memorização

(Carneiro, 2003)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do Nielsen Norman Group.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do Software Cinema 4D.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site atlantis.com

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Ubisoft.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Quem é o Deficiente de Baixa Visão?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Baixa Visão

Perda severa da visão, não é corrigida

por tratamento clínico ou cirúrgico,

nem por óculos convencionais.

Visão entre 20/40 e 20/200, após correção.

(Carvalho, 1994)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

- 24% da população possui algum tipo de deficiência,

ou seja, 45 milhões de brasileiros.

- 35 milhões de pessoas: deficientes de Baixa Visão.

Perspectiva de realizar a inclusão

social/digital destas pessoas passa a ser um desafio.

(IBGE Brasil, 2010)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Posição intermediária entre as pessoas

que enxergam normalmente e

as pessoas deficientes visuais totais.

Condição marginal = Dificuldades de ajuste à sociedade.

Excluídos num nível maior que pessoas

cegas e pessoas de visão normal.

(Paschoal, 1993)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Resíduo Visual não utilizado:

Possui visão útil.

Diminui progressivamente a visão funcional.

Poderiam Navegar na Web: Interfaces Ajustadas.

Sem os Programas de Voz ou Ampliadores de Telas.

(Amiralian, 2004)

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Como saber se uma Interface

está adequada ao usuário de Baixa Visão?

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Site Banco do Brasil

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Site Jornal Zero Hora

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Site Google

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface Protótipo para Teste com Usuário de Baixa Visão.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Contrastes eficientes para Usuário de Baixa Visão.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Contrastes eficientes para Usuário de Baixa Visão.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Site prevendo usabilidade, interface principal: links para acessibilidade.

Interface do site Instituto Federal do Rio Grande do Sul

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface com contraste, ampliação prevista na página e nas letras dos textos em geral.

Interface do site Instituto Federal do Rio Grande do Sul

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface com contraste, ampliação prevista na página e nas letras dos textos em geral.

Interface do site Instituto Federal do Rio Grande do Sul

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site blackmountainbicycle.com

Apresentação da interface sem usabilidade.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site blackmountainbicycle.com

Apresentação da interface visando usabilidade.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Design Unisinos.

Textos imperceptíveis e contrastes inadequados.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Scuola Politecnica di Design

Textos imperceptíveis e contrastes inadequados.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Submarino.

Cores de alto contraste.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Sitedaw.

Menus contrastantes, sem Flash, etc.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Apple.

Evitar imagens em Flash.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Unibanco..

Menus com formas simplificadas.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

Interface do site Planeta Educação.

Interfaces limpas e bem organizadas.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

OBRIGADA!

[email protected]

[email protected]