As interfaces tecnologicas com design acessivel para a baixa visao

  • View
    845

  • Download
    0

  • Category

    Design

Preview:

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.

As Interfaces Tecnológicas com

Design Acessível para a Baixa Visão

OBRIGADA!

cinthia.kulpa@gmail.com