WEB

Usabilidade

WEB
usabilidade assume uma importncia mpar na economia da Internet
no design de produtos e de software tradicionais, usurios pagam antes e experimentam a usabilidade depois na WEB experimentam a usabilidade antes e pagam depois

Por que estudar IHC ?

O caso IBM
recurso mais popular em seu site funo de busca
as pessoas no conseguiam descobrir como navegar

segundo recurso mais popular boto de ajuda. soluo

amplo processo de redesign, envolvendo centenas de pessoas e milhes de dlares. Resultado na primeira semana depois do redesign
o uso do boto de ajuda caiu 84% as vendas aumentaram 400%.
Por que estudar IHC ?

Usabilidade na WEB
Clareza na arquitetura da informao
essencial que o usurio consiga discernir o que prioritrio e o que secundrio no site.
Um bom arranjo da informao

usurios sempre tero encontrar o que procuram

devem ser ajudados

dificuldades

em

prover um senso de como a informao est estruturada e localizada. uma das alternativas adotadas em alguns sites, prover um mapa do site
Por que estudar IHC ?

Usabilidade na WEB
Facilidade de navegao
Uma mxima que o usurio deveria conseguir acessar a informao desejada no mximo em trs cliques

Simplicidade
Quem navega quer encontrar o mais rapidamente possvel o objetivo da busca.
a pirotecnia deve ser evitada, dando ao usurio paz e tranquilidade para que possa analisar a informao
Por que estudar IHC ?

Simplicidade

Onde estou ?

O que este site faz ?

Por que estudar IHC ?

Simplicidade

Por que estudar IHC ?

Usabilidade na WEB
A relevncia do contedo
Sempre que questionados sobre sites, usurios se referem a qualidade e relevncia do contedo Um bom texto para essa mdia
o mais conciso e objetivo possvel no promocional ou publicitrio leitores online imprimem textos
necessitam pginas bem curtas informao secundria deixada para pginas de suporte
Por que estudar IHC ?

Usabilidade na WEB
Manter a consistncia/constncia
Quando as coisas acontecem sempre do mesmo jeito, os usurios no precisam se preocupar a respeito do que ir acontecer um Website deve ser gerenciado como um projeto nico de interface com o usurio

Por que estudar IHC ?

Usabilidade na WEB
Tempo suportvel
tempo de carga das pginas deve ser curto 10 segundos o mximo de tempo antes que as pessoas percam o interesse na Web os usurios j tm uma baixa expectativa
limite pode aumentar para 15 segundos

Foco nos usurios

'sair do caminho' para que o usurio possa fazer o que quer da maneira mais rpida possvel.

Por que estudar IHC ?

Usabilidade na WEB - resumo

Clareza na arquitetura da informao Facilidade de navegao Simplicidade A relevncia do contedo Manter a consistncia
Tempo suportvel Foco nos usurios

Por que estudar IHC ?

WEB

Projeto de Navegao

Navigation Design
Mais que botes e barras de ndice
Estudo do movimento no espao Interao entre objetivos do usurio e meios de como facilita-los
Como remover barreiras? Como construir estradas?

Por que estudar IHC ?

Navegao (site de venda de livros)

Questes gerais:
Onde estou? Para onde posso ir? Como eu cheguei aqui? Como posso voltar para o lugar de onde sai?

Por que estudar IHC ?

Navegao (site de venda de livros)

Questes purpose-oriented
Como eu sei que minhas informaes financeiras esto seguras? Como posso proteger minha privacidade? Como posso encontrar o item que procuro? E se eu no estiver seguro do que exatamente quero? Como posso fazer um preview de produtos para ver se me servem? E se eu tiver problemas posso devolver?

Por que estudar IHC ?

Navegao (site de venda de livros)

Questes product or audience-oriented
Como posso encontrar livros de um determinado autor? Como posso encontrar livros que sejam similares aos que eu gosto? Como posso saber o nvel de leitura de um livro? Como conseguir crticas ou recomendaes? Onde posso encontrar informaes sobre novas edies ou prmios?
Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

1. Poder ser facilmente aprendida 2. Ser consistente 3. Prover feedback 4. Aparecer dentro do contexto 5. Oferecer alternativas 6. Economizar ao e tempo 7. Prover mensagens visuais claras 8. Usar rtulos claros e compreensveis 9. Ser apropriada para os propsitos do site 10. Atender a comportamentos e objetivos do usurio

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

1. Poder ser facilmente aprendida

Contedo pode ser misterioso, mas chegar a ele no Sem curva de aprendizagem Tornar o site transparente e bvio

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

2. Consistncia
Elementos navegacionais sempre presentes, no mesmo lugar e com a mesma aparncia Erro comum desaparecer com elementos navegacionais do menu quando o usurio est na pgina correspondente Se necessria a quebra por exigncia de contedo criar subsites

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

3. Prover feedback
Somos condicionados a esperar reaes de coisas com as quais interagimos Toda nossa interao com o ambiente baseada na avaliao de feedbacks Criar controles reativos e prover informao sobre localizao Rollovers or mouseovers Usar flechas ou apontadores para mostrar a posio corrente http://www.nied.unicamp.br
Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

4. Aparecer dentro do contexto
O usurio precisa ver possveis caminhos para tomar decises sobre movimento Navegao deve estar sempre presente quando necessria no deixar para botes do browser Backlinks e forwardlinks and startlinks back to / go to / start ser descritivo Entender onde as pessoas estaro quando terminarem de fazer alguma coisa (p. ex.: leitura de um grande artigo)
Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

5. Oferecer alternativas
Usurios so diferentes tanto em equipamentos computacionais que usam como em preferncias Mapas de sites, busca, sites de menor performance, etc. Acessibilidade Importante tentar atender as necessidades de uma pessoa cega bem como de um usurio que no tem um determinado plug-in Criar alternativa simplificada do site
Ex.: o site da Amazon tem verso somente textual.

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

6. Economizar ao e tempo
Ns ainda estamos aqui?!
sindrome a ser evitada

Enorme nmero de passos ou enormes formulrios so srias barreiras navegacionais Prover atalhos de navegao
Mapa do site, index, lista de contedo, menus, etc. so essenciais para sites complexos Estruturas recursivas
http://www.computers.com

Por que estudar IHC ?

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

7. Prover mensagens visuais claras
Estabelecer hierarquias visuais
Movimento, cor, posio etc. Estabelecer um vocabulrio visual
Padres de WEB?!

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

8. Usar rtulos claros e compreensveis
Boa rotulagem mais uma arte que uma cincia Baseado no senso comum e na sensibilidade do usurio e no contexto Ex.: em um site de restaurante o rtulo map site associado com o qu? Links como parte de uma histria Diferena sutil entre mistrio e frustrao Economizar sempre que possvel (departamento de administrao de vendas X vendas)

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

9. Ser apropriada para os propsitos do site
Um site de vendas no necessariamente tem que ter as mesmas solues de navegao de um site de informao
Comprar um livro bem diferente de conseguir uma informao sobre um virus!

Por que estudar IHC ?

Dez qualidades para uma navegao de sucesso

10. Suportar objetivos e comportamento dos usurios
Chave do sucesso de qualquer design Como conhecer de que forma os usurios vo agir, pensar e o que realmente querem?
Cenrios, observao etnogrfica, entrevistas, etc. Teste de usurio

Ex.: recommendation center da Amazon

http;//www.amazon.com
Por que estudar IHC ?

General Motors: um estudo de caso

Objetivo de ampliar para outros modelos a possibilidade de compra pela internet.

Dar acesso mais fcil ao consumidor e evitar os problemas de navegao.

Investir em testes de usabilidade antes de partir para a elaborao do novo projeto.

Era importante fazer um raio-x da navegao de compradores virtuais e gente que nunca tinha pegado num mouse para comprar um veculo.

General Motors: um estudo de caso

Entraram em ao os testes de usabilidade. Os clientes eram estimulados a experimentar sites dos concorrentes da GM, do antigo site da empresa e tambm de outras reas de indstria.

Queramos ver em que fase o cliente se perdia, revela Luciene Santos, gerente de ebusiness da GM.

General Motors: um estudo de caso

Segundo ela, o investimento em usabilidade compensou.

Houve uma diminuio do tempo de fechamento do negcio.

Antes, o cliente levava em mdia de 10 a 12 minutos para comprar os modelos Celta.

Hoje, os internautas esto levando de 6 a 8 minutos, em mdia.

General Motors: um estudo de caso

Os testes de usabilidade levaram equipe a implementar vrias coisas no site:

Colocao de orelhas de navegao; Menu padro no cabealho; Customizao do roteiro de navegao; A GM optou pelo primeiro esquema, permitindo ao usurio visualizar o acrscimo da pea em quatro ngulos diferentes do veculo. A elaborao de ferramentas mais amigveis tem custo, mas ajuda usabilidade.