Upload
fernanda-passos
View
99
Download
0
Embed Size (px)
Citation preview
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
Usabilidade x Acessibilidade
Usabilidade x Acessibilidade
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
Princpios para um Design de Interao
Empatia Sentir o que o usurio sente
Princpios para um Design de Interao
Esttica Fazer o usurio se sentir bem
Princpios para um Design de Interao
Imerso Criar experincias fluidas
Princpios para um Design de Interao
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!!!!