a experiência do usuário no desenvolvimento de interfaces digitais acessíveis para deficientes de...

31
ISDFUHDSIUHGDFHG Click A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão. Cínthia C. Kulpa Eluza T. Pinheiro Régio P. da Silva

Upload: universidade-federal-do-rio-grande-do-sul

Post on 04-Jul-2015

460 views

Category:

Design


0 download

TRANSCRIPT

Page 1: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click

A Experiência do Usuário no

Desenvolvimento de Interfaces

Digitais Acessíveis para

Deficientes de Baixa Visão.

Cínthia C. Kulpa

Eluza T. Pinheiro

Régio P. da Silva

Page 2: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Acessibilidade

Direito ao acesso

de informações nas

interfaces.

Direito de eliminar as

barreiras na comunicação.

Page 3: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Baixa Visão

Perda severa da visão.

Sem correção por tratamento

clínico/cirúrgico ou óculos

convencionais.

Carvalho, 1994

Page 4: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Baixa Visão

Visão entre 20/40 e 20/200,

após correção.

Carvalho, 1994

Page 5: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Baixa Visão Posição intermediária.

Exclusão em maior nível.

TAs para Cegos.

Acuidade Visual.

Page 6: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Baixa Visão 70% a 80% - visão útil.

Visão Residual.

Atrofia da visão.

Page 7: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Interface bem projetada?

Sentimentos positivos:

Sucesso, competência e

clareza no usuário.

Page 8: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click IHC

Experiência: é individual

e única.

Cada pessoa é única

em sua bagagem de

conhecimento e

expectativas.

Page 9: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Design de Interação Eficiência no uso,

Segurança e utilidade,

Fácil memorização,

Aprendizado.

Page 10: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Experiência do Usuário

Sentimento do usuário:

produto, sistema ou serviço.

Percepção: função, facilidade

de uso e eficiência do sistema.

Natureza subjetiva e dinâmica.

Page 11: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Usabilidade

Atributo de qualidade.

Facilidade de uso.

Nielsen e Loranger, 2007

Page 12: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Teste de Usabilidade

Dificuldades na navegação

de um ambiente virtual.

Sem auxílio de TAs.

Questionário com

perguntas abertas.

Page 13: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Questionário

Metas decorrentes da

experiência do usuário.

Preece, Rogers e Sharp, 2005

Page 14: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Participantes

6 usuários de Baixa Visão.

Independente do diagnóstico.

Associação dos Pais e Amigos

dos Deficientes Visuais

(APADEV).

Caxias do Sul, RS.

Page 15: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Ambiente da testagem

Ambiente do participante.

Ferramentas tecnológicas

familiares.

Liberdade de escolha do

horário.

Page 16: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Comprovar

Entendimento,

Leitura,

Identificação e

Memorização.

Page 17: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Site do Banco do Brasil

www.bb.com.br

Page 18: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Site do Banco do Brasil

Utilização do site pelos usuários

participantes.

Interface recém modificada.

Teste de Usabilidade da

interface antiga em 2009.

Page 19: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click O Teste de Usabilidade Buscar link :

“Acessível para

Deficientes Visuais”

Link de acessibilidade

Page 20: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Link de Acessibilidade

Nenhum participante

encontrou o link sem auxílio.

Falta de autonomia.

Participante rastreia a

interface em busca da

informação à 7cm de

distância.

Baixo contraste: amarelo no

fundo e azul nas letras em

negrito.

Page 21: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Ferramentas A+ A- Aumento de letra indicado só

funciona para cabeçalho,

mas tem problemas de

adequação da interface.

Page 22: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Entrando no Link Acessível

Autoatendimento.

Somente com cadastro

prévio na agência.

Contraste de cores entre

fundo 10% cinza e texto

azul.

Page 23: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Entrando no Link Acessível

Page 24: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Link Autoatendimento

Quadros de preenchimento

de dados da conta pessoal

legível.

Informações claras e

resumidas.

Preferência do fundo cinza,

devido ao cansaço visual

que o fundo branco

proporciona.

Page 25: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click No site em Geral

Participantes conseguiram

navegar no site.

Informações organizadas

ordenadamente.

As imagens em movimento:

- dentro de caixas

de formatação,

- contribui para o

entendimento

da interface.

Page 26: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click No site em Geral

Ampliação do Windows do

computador: sem perda da

qualidade dos textos.

Contrastes: adequados à

melhor leiturabilidade.

Page 27: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click No site em Geral

Contrastes: adequados à

melhor leiturabilidade.

Proporciona conforto e

confiança do usuário no site.

Page 28: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click No site em Geral

Usuários consideram o site

seguro.

Contrastes adequados ao

entendimento.

Proporciona uma boa

memorização.

A formatação por blocos

alinhados auxiliou muito na

busca, entendimento e

memorização da página

principal.

Page 29: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click No site em Geral

2 participantes consideraram

o site ineficaz.

Link de acessibilidade não

está em destaque, nem com

alto contraste de cores e

tamanho de letras maior.

Todos consideraram o site

agradável, compensador,

satisfatório e esteticamente

apreciável.

Page 30: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click Considerações Finais

Parcela significativa de

pessoas que continuam fora

desta realidade.

Utilizar-se de diretrizes no

desenvolvimento de um site,

contemplando usuários de

diferentes características,

auxilia no aumento da

garantia de acessibilidade e

usabilidade sem distinção.

Page 31: A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis para Deficientes de Baixa Visão

• ISDFUHDSIUHGDFHG

Click OBRIGADA!

[email protected]