Escolar Documentos
Profissional Documentos
Cultura Documentos
Acessibilidade e Usabilidade
Acessibilidade web
Usabilidade web
Conceito
Padres, legislao brasileira e norma internacional W3C
Como validar a acessibilidade
Exerccio
Conceito
Heursticas
Arquitetura de Informao
Acessibilidade web
Conceito:
Acessibilidade web
Padres:
Acessibilidade web
Como saber se o site acessvel?
Usabilidade web
Conceito:
Atributos da Usabilidade
Usabilidade web
Atributos:
Eficiente no uso:
Seguro no uso:
O sistema previne o usurio de cometer erros graves e
permite que os erros sejam recuperados facilmente?
De boa utilidade:
O sistema fornece um conjunto apropriado de funes
que permita aos usurios realizar todas as suas tarefas
da maneira que desejam?
Usabilidade web
Atributos:
Fcil de entender:
O sistema de fcil aprendizagem e permite que as
tarefas fundamentais sejam aprendidas
rapidamente?
Usabilidade web
Metas Experincia do usurio:
Usabilidade web
Metas Experincia do usurio:
Satisfatrios
Agradveis
Motivadores
Interessantes
teis
Emocionalmente adequados
Esteticamente apreciveis
Incentivadores de criatividade
Compensadores
Usabilidade web
Heursticas e Princpios de Usabilidade
Usabilidade web
Heurstica de Nielsen
Visibilidade do status do sistema
Compatibilidade do sistema com o mundo real
Controle do usurio e liberdade
Consistncias e padres
Ajuda os usuario a reconhecer, diagnosticar e recuperar-se de erros
Usabilidade web
Heurstica de Nielsen
Preveno de erros
Reconhecimento em vez de memorizao
Flexibilidade e eficincia de uso
Esttica e design minimalista
Ajuda e documentao
Usabilidade web
Como avaliar a usabilidade
Usabilidade web
O que uma abordagem centrada no usurio ?
Para desenvolver um produto que leve em considerao as
necessidades dos usurios reais deve-se:
1 Focar no usurio e nas tarefas - Entender quem so os usurios,
suas caractersticas cognitivas, comportamentais.
Como: observando-os durante a realizao de suas tarefas, entendendo a
natureza destas tarefas e envolvendo-os no processo de design.
Usabilidade web
O que uma abordagem centrada no usurio ?
Cinco atividades que nos ajudam a Focar no usurio e nas tarefas:
1 Tarefas e metas do usurio so a fora condutora por trs do
desenvolvimento Ao invs de perguntarmos: Onde podemos aplicar
essa nova tecnologia?, perguntar: Que tecnologias esto disponveis para
melhorar a forma como os usurios interagem com o sistema?
Usabilidade web
O que uma abordagem centrada no usurio ?
Cinco atividades que nos ajudam a Focar no usurio e nas tarefas:
2 Comportamento do usurio e contexto de uso so estudados, e
o sistema projetado para fornecer suporte a eles Entender o
comportamento dos usurios na realizao de suas tarefas e quais metas
devero ser alcanadas.
Usabilidade web
O que uma abordagem centrada no usurio ?
Cinco atividades que nos ajudam a Focar no usurio e nas tarefas:
3 As caractersticas dos usurios so capturadas para o design
atend-las deve-se levar em conta limitaes cognitivas e fsicas, bem
como os seguintes aspectos: ateno, memria e percepo.
A cognio se divide em dois modos:
- Cognio Experiencial
- Cognio Reflexiva
Usabilidade web
O que uma abordagem centrada no usurio ?
Cinco atividades que nos ajudam a Focar no usurio e nas tarefas:
4 Os usurios so consultados em todas as etapas do
desenvolvimento, desde as fases iniciais at as ltimas, e sua
contribuio seriamente levada em conta.
Usabilidade web
O que uma abordagem centrada no usurio ?
Cinco atividades que nos ajudam a Focar no usurio e nas tarefas:
5 Todas as decises de design so tomadas dentro do contexto
dos usurios, seu trabalho e seu ambiente.
Arquitetura da Informao
O que isso tem a ver com acessibilidade e usabilidade
na web ?
...TUDO
Conceito:
Tornar claro o que complexo (Wurman, 1997)
"A prtica de projetar a infra-estrutura de um webwebsite,
especialmente a sua navegao" (WEST, 1999).
A cincia e a arte de organizar e rotular sites dando
suporte a usabilidade e facilidade de busca (Information
Architecture Institute)
Foco na organizao da informao no site, fazendo com
que o usurio ache a informao desejada.
Contexto Contedo - Usurio
Arquitetura da Informao
O que isso tem a ver com biblioteconomia ?
...TUDO
Arquitetura da Informao
Quantidade de documentos,
Formato/tipo, estrutura,
contedo
metadados, dinamismo.
contexto
usurio
objetivos do site,
cultura e poltica da empresa,
ambiente de uso,
tecnologia.
Necessidades, Comportamentos
de busca, experincias, vocabulrio
Arquitetura da Informao
Arquitetura da Informao
A Arquitetura de Informao na web pode ser dividida
em quatro sistemas:
Fonte:usabilidoido.com.br
Fonte:http://www.loja.havaianas.com.br
Arquitetura da Informao
Exemplos:
Arquitetura da Informao
Exemplos:
Menu principal (pull-down ou pop-up);
Mapa do site;
Link azul no visitado roxo visitado
Arquitetura da Informao
Exemplo1:
por:
Exemplo2:
Arquitetura da Informao
Exemplo de problemas de usabilidade e arquitetura da informao
Arquitetura da Informao
Arquitetura da Informao
Entendendo o trabalho dos usurios - Design Participativo
Usurios participam de forma ativa do desenvolvimento de um site, como
co-designers e no apenas nos testes de prottipo e avaliao.
Card Sorting
uma tcnica simples e de baixo custo, pois para sua realizao so
necessrias apenas papel e caneta. Entretanto, no tem foco na execuo
das tarefas dos usurios, apenas na estrutura das informao necessria
para realizao da tarefa.
Cada usurio cria e organiza a estrutura do site segundo sua lgica de
interao, posteriormente explicam o porqu de suas escolhas,
possibilitando ao designer entender como os usurios organizam as
informaes de acordo com suas necessidades e as nomenclaturas
utilizadas por estes.
Arquitetura da Informao
Entendendo o trabalho dos usurios - Design Participativo
Card Sorting
...continuao...
Arquitetura da Informao
Entendendo o trabalho dos usurios - Design Participativo
Wireframe
Utilizado em design de interface utilizado para exibir uma proposta de estrutura
web, exibindo visualmente as funcionalidades bsicas da pgina.
Esboos da interface que o usurio ter contato sem mostrar o design grfico,
indicando links, botes e outros elementos da interface e suas relaes (Van Dijck,
2003).
Dinmica
Entendendo o trabalho dos usurios - Design Participativo
Dinmica
1 Separar os alunos em grupos de cinco pessoas
Acessibilidade e Usabilidade
Dvidas ???
Referncias
ROSENFELD, Louis, MORVILLE, Peter. Information architecture for the world wide web . Sebastopol, CA: O'Reilly, 1998.
BEZERRA, M. B. P. Mapeamento da Usabilidade do Produto atravs do Diagrama de Afinidades. XXVII Encontro Nacional de
Engenharia de Produo. Disponvel em: www.abepro.org.br/biblioteca/ENEGEP2007_TR600454_9782.pdf . Acesso em: 4.out.2010.
Nielsen, J. Card Sorting to Discover the Users' Model of the Information Space. Disponvel em:
www.useit.com/papers/sun/cardsort.html. Acesso em: 1.out.2010.
Preece, J, Rogers, Y; Sharp, H. Design de Interao: Alm da Interao Homem-Computador. Porto Alegre: Bookman, 2005.
Spencer D. Card sorting: designing usable categories. New York: Rosenfeld Media; 2009.
Spencer, D, Warfel, T. Card sorting: a definitive guide - Boxes and Arrows: The design behind the design. Disponvel
em:http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide Acesso em: 1.out.2010.