Usabilidade e Acessibilidade no Desenvolvimento de
Transcript of Usabilidade e Acessibilidade no Desenvolvimento de
![Page 1: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/1.jpg)
Usabilidade e Acessibilidade no Desenvolvimento de Websites e
Aplicativos Móveis
Prof. Esp. Jalves Mendonça Nicácio
![Page 2: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/2.jpg)
A Nova Informática
● Design centrado no usuário:– Softwares mais atraentes, divertidos
– Softwares mais inteligentes, de uso fácil
![Page 3: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/3.jpg)
Onde está a Nova Informática?
![Page 4: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/4.jpg)
A Nova Informática
● A nova informática significa (Shneiderman, 2006):– Excelência no design
– Utilização Universal
– Métodos eficientes de criar softwares para a nova informática
![Page 5: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/5.jpg)
Excelência no Design
O caso Iran air – voo 655● Em 1988, o voo foi abatido e 290
passageiros que estavam a bordo morreram
● Um mau projeto de interface no sistema de defesa aérea contribuiu para que o operador acreditasse que o airbus era um avião de caça
![Page 6: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/6.jpg)
Antigos métodos para criar software
– Método Guru – newbies● Quanto mais obscuro a
linguagem de interface, melhor● Newbies totalmente
dependentes dos gurus● Implementação de software
para uso próprio
– Exemplo:● Grep -v ^$ (comando para
apagar uma linha em branco)
![Page 7: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/7.jpg)
Pra que serve o computador?
● Depende de quem usa:– Um analista de sistema
– Uma dona de casa
– Um aposentado
– Um estudante de direito
– Um médico
– Uma criança
● A grande dificuldade dos analistas é adaptar-se ao baixo entusiasmo tecnológico e à baixa tolerância à frustação desses usuários (Shneiderman, 2006)
![Page 8: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/8.jpg)
Novos métodos centrados no usuário
● Regra de Ouro: Conheça seus usuários e o que eles estão fazendo. (Nielsen, 1993; Shneiderman, 1998).– Isto é fácil de falar, mas difícil de fazer!!
– Como podemos conhecer os nossos usuários?
![Page 9: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/9.jpg)
Método 1
● Aval iação das necessidades do usuário– Entrevista com usuários
● Ajuda a determinar o que o usuário está tentando fazer
– Métodos etnográficos● Gravações em vídeo,observação de
uso de software
– Teorias antropológicas● Orientam a observação e interpretação
dos resultados● Já ajudaram, por exemplo a descrever
como adolescentes usam o computador (Laurel, 2001)
![Page 10: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/10.jpg)
Método 2
● Teste de Uti l ização– Analistas pedem aos usuários que façam tarefas reais
com protótipos e observam em que pontos eles tem problemas.
– É preciso deixar claro que está sendo avaliado é o software, não o usuário.
![Page 11: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/11.jpg)
Método 3
● Feedback do cliente– Realizado após a distribuição do produto
– Geralmente são automatizados e enviam dados pela internet.
– Exemplo de informações úteis● Quantos usuários utilizam a ferramenta● Com que frequência eles usam● Que recursos eles usam? Quais não são usados?● Relatórios de problemas encontrados.
![Page 12: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/12.jpg)
● Exemplo:
Método 3
![Page 13: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/13.jpg)
Utilização Universal (Acessibilidade)
● A maior complexidade dos serviços de informática faz com que disponibilizar acesso não seja suficiente para garantir um uso bem-sucedido.
![Page 14: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/14.jpg)
O que é Acessibilidade?
O dicionário Aurélio define acessibilidade como a "Facilidade na aproximação, no trato ou na obtenção".
Na Wikipédia encontramos a definição de acessibilidade como sendo a facilidade de obtenção de serviços, produtos e informação mais voltado para pessoas com deficiências físicas
![Page 15: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/15.jpg)
O que é Acessibilidade?
![Page 16: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/16.jpg)
O que é Acessibilidade Web?
![Page 17: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/17.jpg)
O que é Acessibilidade a Web?
Acessibilidade envolve duas questões: Como usuários com deficiência acessam
informação pelo computador? Como desenvolvedores de sites e de
conteúdo para a Web podem construir páginas que funcionem com ferramentas assistivas utilizadas por deficientes?
![Page 18: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/18.jpg)
Como os usuários usam a web?
![Page 19: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/19.jpg)
Desafio
Para o desenvolvedor de sites e de conteúdo, o desafio é remover os obstáculos que impedem o funcionamento adequado das ferramentas assistivas.
![Page 20: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/20.jpg)
O que são Ferramentas assistivas?
Impressora Braille
Linha Braille
Ampliador de telas
Tradutor para Libras
![Page 21: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/21.jpg)
Sobre a Web e seus Componentes
A acessibilidade web depende da interação e harmonia entre seus componentes
![Page 22: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/22.jpg)
Mas qual é Importância da Acessibilidade na Web?
![Page 23: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/23.jpg)
“Para a maioria das pessoas a tecnologia torna a vida mais fácil. Para uma pessoa com
necessidades especiais a informática torna as coisas possíveis”
Leda Spelta
![Page 24: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/24.jpg)
Estatísticas da diversidade
Temos no Brasil aproximadamente: 192 milhões de habitantes;
24,3 milhões de pessoas portadoras de deficiência;
16,5 milhões de pessoas com dificuldade (total/parcial) de enxergar;
5,7 milhões de pessoas com dificuldade (total/parcial) de ouvir;
![Page 25: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/25.jpg)
Acessibilidade: Custo ou benefício?
![Page 26: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/26.jpg)
Como criar sites acessíveis?
Regras simples, ótimos resultados!
![Page 27: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/27.jpg)
Como criar sites acessíveis
● Mantenha o HTML de sua página semanticamente correto e válido.
– Ex: use <H1> para título, <p> para parágrafo● Organize o conteúdo da página de forma que ele faça
sentido quando for lido.● Sempre disponibilize texto alternativo para qualquer
conteúdo visual.● Verifique se todos os seus títulos e textos de link fazem
sentido, mesmo quando são lidos fora do contexto.
![Page 28: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/28.jpg)
Estudo de caso: site da Bienal do livro em Alagoas
![Page 29: Usabilidade e Acessibilidade no Desenvolvimento de](https://reader030.fdocumentos.com/reader030/viewer/2022021212/62065ea38c2f7b1730071924/html5/thumbnails/29.jpg)
Obrigado!
Jalves Mendonça Nicácio
www.jalvesnicacio.com
@jalvesnicacio