usabilidade e acessibilidade

Usabilidade e Acessibilidade para Software na Web.Fernanda Passos

Acessibilidade e Usabilidade

Acessibilidade Acessibilidade a flexibilidade de acesso s funcionalidades de um determinado produto ou local. Se um produto ou local acessvel, ento ele permite pessoas com necessidades especiais, seja por deficincia ou por limitaes de meios utilizados.

Usabilidade Usabilidade sinnimo de facilidade de uso. Se um produto fcil de usar, o usurio tem maior produtividade: aprende mais rpido a usar, memoriza as operaes e comete menos erros.

Acessibilidade na Web

Como tornar softwares para web mais acessveis? Conhecendo as necessidades; Seguindo os Padres Web; Seguindo as diretrizes da WCAG; Escrevendo texto preciso e conciso; Testando em situaes reais

Acessibilidade na Web

Padres Web: Separao entre contedo, apresentao e comportamento; Cdigo semntico; Cdigo validado; Crie uma vez, publique em qualquer lugar.

Diretrizes WCAG 1.0: Fornecer alternativas ao contedo sonoro e visual. No recorrer apenas a cor. Utilizar corretamente marcaes e folha de estilo. Indicar claramente qual o idioma utilizado. Criar tabelas passveis de transformao harmoniosa. Assegurar que as pginas dotadas de novas tecnologias sejam transformadas harmoniosamente. Projetar pginas considerando a independncia de dispositivos. Fornecer informaes de contexto e orientaes. Fornecer mecanismos de navegao claros. Assegurar a clareza e a simplicidade dos documentos.

Usabilidade

Qualidade que avalia a utilizao de um sistema O que fazer? Como fazer?

Facilidade de Uso O usurio comete poucos erros durante a interao?

Facilidade de Aprendizado O usurio aprende rpido? O usurio memoriza o que aprendeu?

Produtividade O usurio faz suas tarefas com rapidez?

Flexibilidade A interface oferece alternativas de interao?

Satisfao O usurio gosta de utilizar o sistema?

Problemas de Usabilidade

O sistema tem a informao ou servio que eu preciso? Onde posso encontrar a informao ou o servio? Como posso solicitar este servio? Quais informaes devo fornecer? Qual foi o resultado? Era o que eu queria? Para que serve este elemento? O que significa esta figura? Para onde leva este link?

Outros problemas afetam a Usabilidade

Desempenho A pgina demora a carregar! O servidor no responde em tempo. A pgina demora a ser exibida!

Portabilidade No exibido corretamente neste browser! A linguagem script no funciona neste browser ou servidor.

Funcionamento Eu mandei os dados, mas o sistema processou errado!

Erros comuns

Gerncia de projeto: No administrar como um projeto corporativo tradicional interface e arquitetura da informao deve ser centrada no usurio

Desenho O desenho do software deve considerar situaes realsticas de demora na carga, inexperincia dos usurios, etc.

Modelo de negcio O modelo de negcio Web diferente. Uma pgina web no um folder/brochura.

Texto: Excesso de formalidade o estilo de redao deve ser conciso e objetivo: Exemplo: Consultores com vasta experincia e empresas multinacionais com tradio no fornecimento e desenvolvimento, participaram ativamente do processo de criao. O produto foi desenvolvido em parceria com laboratrios internacionais.

Como resolver problemas de Usabilidade?

Uso de modelos tericos de IHC Revisar e criticar interfaces existentes. Realizar o design e a prototipao de uma aplicao til voltada para usurios especficos Princpios, mtodos e tcnicas de design centrado no usurio

Tcnicas de interao adequadas s tarefas e aos usurios Tecnologias de interface apropriadas Mtodos e tcnicas de avaliao da usabilidade

Usabilidade x Acessibilidade




Pontos Fracos de Acessibilidade

Carncia de mtodos de pesquisa Apego excessivo diretrizes Tecnocentrismo Desconsiderao de aspectos subjetivos de experincia de uso.

Pontos Fracos de Usabilidade

Excluso de deficientes em pesquisa com usurios Considerao da Usabilidade como servio extra Desconsiderao do valor de mercado da Usabilidade Desconsiderao de aspectos subjetivos de experincia de uso.

Como resolver?

Design justamente a conciliao de vriaveis como essas: Percepo; Interao; Avaliao

Engenharia Cognitiva

Engenharia Cognitiva, relacionada a sistemas computacionais, baseia-se no pensamento, ou seja, na forma que o usurio ir interpretar e interagir com um sistema. Segundo Don Norman (1986), uma cincia cognitiva aplicada, que busca aplicar o que se sabe desta cincia, no design e na construo de artefatos computacionais com objetivos de entender questes envolvidas no uso e computadores, mtodos para tomar decises mais corretas quanto ao design etc. Norman diz que inicialmente o Designer cria o seu modelo mental do sistema, chamado modelo de design, fazendo a seguir a implementao formando a imagem do sistema. Ento o usurio interage com esta imagem e cria seu prprio modelo mental da aplicao, chamado de modelo do usurio, pelo qual formular suas aes e objetivos. A Teoria da Ao diz que a interao usurio-sistema deve ser feita atravs de um ciclo de aes. Esse ciclo se divide em dois Golfos, o Golfo de Execuo (Formulao da Inteno, Especificao da Sequncia das Aes, Execuo) e o Golfo de Avaliao (Percepo, Interpretao, Avaliao)

Engenharia Cognitiva Golfo de Avaliao Percepo Interpretao Modelo de Norman [1986] Avaliao

Interao

Execuo

Especificao da seqncia de aes

Formulao da inteno

Golfo de Execuo

Exemplo de Engenharia Cognitiva Golfo de Avaliao PercepoApareceu uma nova tela com vrios nomes

Modelo de Norman [1986] AvaliaoEncontrei as informaes que queria? Completei a tarefa com sucesso?

InterpretaoOs dados apresentados correspondem a busca que fiz?

Interao Especificao da seqncia de aesDevo selecionar o comando buscar e entrar com os dados que possuo

ExecuoAtivo boto Procurar; Digito o nome do livro; Seleciono Enviar

Formulao da intenoVou fazer uma consulta usando o servio de busca do sistema

Golfo de Execuo

Princpios para um Design de Interao

Simplicidade Menos mais


Empatia Sentir o que o usurio sente


Esttica Fazer o usurio se sentir bem


Imerso Criar experincias fluidas


Consistncia Permita que o usurio desenvolva um hbito de uso

Arte x Engenharia

Desenvolver sistemas Web arte? A internet oferece espao para arte, mas... Usurio querem servios de qualidade Clientes querem prazos e oramentos cumpridos. Desenvolver sistemas Web engenharia? Sim, um sistema Web pode ser complexo e formado por vrios componentes interconectados. So desenvolvidos por equipes especialistas Utilizam mtodos, tcnicas e ferramentas especficas Devem cumprir prazos e cronogramas Mas....sem arte eles seriam muito chatos!!!!

Dicas de usabilidade

Ser flexvel s necessidades e possibilidades do usurio Estabelecer e respeitar o design do software Disponibilizar uma navegao fcil e clara Fique atento ao tamanho da fonte Nem todos enxergamos bem, utilize tamanho variveis. Faa botes com cara de botes Reduza o nmero de cliques

Usabilidade e Acessibilidade para Softwares WebFernanda Alves dos Passos Mestre em Computao Grfica pela UNICAMP (2009), ps-graduada em Gesto de Projetos pela FAC (2009) e bacharel em Cincias da Computao pela Universidade Anhanguera Educacional (2004). Carreira desenvolvida na rea de desenvolvimento e qualidade de software, atuando nos seguintes temas: desenvolvimento web, acessibilidade e usabilidade, avaliao de websites, implantao de processos ITIL. Foi membro de grupo de Usabilidade e Acessibilidade e de acessibilidade digital.

Obrigada!!!!

usabilidade e acessibilidade

Documents