Post on 09-Nov-2018
Usabilidade e Acessibilidade no Desenvolvimento de Websites e
Aplicativos Móveis
Prof. Esp. Jalves Mendonça Nicácio
A Nova Informática
● Design centrado no usuário:– Softwares mais atraentes, divertidos
– Softwares mais inteligentes, de uso fácil
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
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
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)
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)
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?
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)
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.
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.
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.
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
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?
Desafio
Para o desenvolvedor de sites e de conteúdo, o desafio é remover os obstáculos que impedem o funcionamento adequado das ferramentas assistivas.
O que são Ferramentas assistivas?
Impressora Braille
Linha Braille
Ampliador de telas
Tradutor para Libras
Sobre a Web e seus Componentes
A acessibilidade web depende da interação e harmonia entre seus componentes
“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
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;
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.
Obrigado!
Jalves Mendonça Nicácio
jalves.nic@gmail.com
www.jalvesnicacio.com
@jalvesnicacio