Embed Size (px)
Citation preview
As Interfaces Tecnológicas com Design Acessível
para a Baixa Visão
Cínthia C. Kulpa
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
Indicar aspectos da interface
Facilitar a memorização
Criar planos de fundo
Direcionar a leitura
(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 cores quentes se equilibram em pesos visuais com as cores frias (Pedrosa, 2007).
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
As cores escuras diminuem e empurram para trás o espaço visual (Pedrosa, 2007).
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
As cores claras aumentam e empurram para a frente o espaço visual (Pedrosa, 2007).
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interação Humano-Computador
Conforto e satisfação
na realização de tarefas pelo usuário.
(Coutinho, 1999)
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:
Diminui progressivamente a visão funcional.
Possui visão útil.
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
Interface do site blackmountainbicycle.com
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Apresentação da interface sem usabilidade.
Interface do site blackmountainbicycle.com
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Apresentação da interface visando usabilidade.
Interface do site Design Unisinos.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Textos imperceptíveis e contrastes inadequados.
Interface do site Scuola Politecnica di Design
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Textos imperceptíveis e contrastes inadequados.
Interface do site Submarino.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Cores de alto contraste.
Interface do site Sitedaw.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Menus contrastantes, sem Flash, etc.
Interface do site Apple.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Evitar imagens em Flash.
Interface do site Unibanco..
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Menus com formas simplificadas.
Interface do site Planeta Educação.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interfaces limpas e bem organizadas.
