IHC Revendo as descobertas iniciais de usabilidade da Web
Oito problemas <ul><li>Um estudo dirigido pelo autor nos últimos 16 anos revela que persistem 8 problemas comuns. </li></u...
Links que não mudam de cor quando visitados <ul><li>A diretriz de usabilidade mais antiga para qualquer tipo de design nav...
Quebrando o botão voltar <ul><li>Na Web, as pessoas devem se sentir confortáveis sabendo que podem desfazer ou alterar sua...
Quebrando o botão voltar <ul><li>O botão Voltar sempre está disponível, ele sempre está na mesma localização e sempre func...
Abrindo novas janelas de navegador <ul><li>Ao clicar em um link ou em um botão, os usuários normalmente esperam que uma no...
Abrindo novas janelas de navegador <ul><li>Ao clicar em um link ou em um botão, os usuários normalmente esperam que uma no...
 
Abrindo novas janelas de navegador <ul><li>Efeitos ruins: </li></ul><ul><li>Interrompe a experiência esperada pelo usuário...
Abrindo novas janelas de navegador <ul><li>Exceção: </li></ul><ul><li>Qualquer documento que não seja HTML deve ser aberto...
Janela pop-up <ul><li>Hoje as janelas pop-up são um mal maior ainda contra a usabilidade do que eram no passado.  </li></u...
Janela pop-up <ul><li>Muitos usuários fecham os pop-ups o mais rápido possível - em geral mesmo antes de o conteúdo ter si...
 
Elementos de design que parecem anúncios <ul><li>Usuários da Web são extremamente orientados a objetivos - procuram inform...
Elementos de design que parecem anúncios <ul><li>É irrelevante se o elemento de design na verdade é ou não um anúncio. Com...
 
 
Conteúdo vago e modismo vazio <ul><li>Um dos maiores problemas na Web é que as empresas não querem admitir e comentar de u...
Conteúdo vago e modismo vazio <ul><li>Quanto pior a redação que você empurra para seus usuários, mais você treina-os a neg...
Conteúdo denso e texto não-escalonável <ul><li>Blocos densos de texto são uma importante causa de repulsa para os usuários...
 
 
Mudança tecnológica: seu impacto sobre a usabilidade <ul><li>Dos 34 problemas originais de usabilidade, sete se tornaram m...
Mudança tecnológica: seu impacto sobre a usabilidade
Tempo de download lento <ul><li>Os tempos de download costumavam ser uma das questões mais importantes na usabilidade da W...
Frame <ul><li>Frame é um avanço incompetente da tecnologia. </li></ul><ul><li>Quando você adiciona a meus favoritos; </li>...
Flash <ul><li>O Flash introduziu vários problemas sérios de usabilidade nas primeiras versões (pelo mau uso); </li></ul><u...
Listagens de pesquisa de baixa relevância <ul><li>Os primeiros softwares de busca eram ineficazes em recuperar hits úteis ...
Multimídia e vídeos longos <ul><li>Três avanços tornaram a multimídia e os videoclipes mais aceitáveis na Web atual: </li>...
Layouts congelados <ul><li>Dizer que uma página da Web tem um layout congelado significa que as informações exibidas nela ...
Incompatibilidade entre várias plataformas <ul><li>A diversidade crescente de plataformas e navegadores vem aumentando nos...
Adaptação: como os usuários influenciaram a usabilidade <ul><li>Ao longo dos anos de exposição da Web, os diferentes públi...
Clicabilidade Incerta <ul><li>Nos estudos anteriores, descobrimos frequentemente que os usuários não sabem onde clicar nas...
Links que não são azuis <ul><li>Nos anos anteriores, havíamos recomendado que os links fossem azuis porque essa era a cor ...
Rolagem <ul><li>Alguns usuários ainda não rolam pela página. Porem as pessoas estão se acostumando a longas páginas. </li>...
Registro <ul><li>No começo da Web, o processo de registro era uma barreira enorme, e as pessoas não sabiam se deveriam con...
URLs complexos <ul><li>As URLs continuam tão ruins quanto antes, embora as complexas prejudiquem tanto a usabilidade como ...
Menus suspensos e menus em cascata <ul><li>No passado, qualquer elemento dinâmico na Web frequentemente confundia os usuár...
Restrição: como os designers atenuaram os problemas de usabilidade <ul><li>Vimos melhrias graduais em 13 problemas de usab...
Plug-ins e tecnologia de ponta <ul><li>Duas coisas aconteceram: </li></ul><ul><li>Designers tiveram o bom senso de reconhe...
Interface 3D com o usuário <ul><li>Os designers pararam de torturar os usuários com ambientes 3D. </li></ul>
Design poluído <ul><li>A famosa página web &quot;tem tudo&quot; com &quot;todas as cores&quot; era um grande problema na W...
Página splash <ul><li>Páginas splash eram e continuam sendo um pecado inicial. </li></ul>
 
Imagens gráficas em movimento e texto deslizante <ul><li>Gritar mais alto normalmente é um tiro pela culatra porque as pes...
Componentes da interface gráfica personalizados <ul><li>Os usuários esperam que os botões se pareçam com botões e comporte...
Referência <ul><li>NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: Projetando WebSites com qualidade. Edição:2. Rio de ...
Upcoming SlideShare
Loading in …5
×

Revendo as descobertas iniciais de usabilidade da web

1,320 views

Published on

Capítulo Revendo as descobertas iniciais de usabilidade da web do livro de Usabilidade na Web de Jakob Nielsen

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,320
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
37
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Revendo as descobertas iniciais de usabilidade da web

  1. 1. IHC Revendo as descobertas iniciais de usabilidade da Web
  2. 2. Oito problemas <ul><li>Um estudo dirigido pelo autor nos últimos 16 anos revela que persistem 8 problemas comuns. </li></ul><ul><li>Links que não mudam de cor quando visitados </li></ul><ul><li>Alterar a função do botão Voltar </li></ul><ul><li>Abrir novas janelas de navegador </li></ul><ul><li>Janelas pop-up </li></ul><ul><li>Elementos de design que parecem anúncios </li></ul><ul><li>Violação das convenções da Web </li></ul><ul><li>conteúdo vago e modismo vazio </li></ul><ul><li>Conteúdo denso e texto não-escaneável </li></ul>
  3. 3. Links que não mudam de cor quando visitados <ul><li>A diretriz de usabilidade mais antiga para qualquer tipo de design navegacional é ajudar os usuários a entender: </li></ul><ul><li>Onde eles estavam; </li></ul><ul><li>Onde eles estão; </li></ul><ul><li>Onde eles podem ir. </li></ul>
  4. 4. Quebrando o botão voltar <ul><li>Na Web, as pessoas devem se sentir confortáveis sabendo que podem desfazer ou alterar suas ações. </li></ul><ul><li>Voltar é o segundo recurso mais utilizado na Web. </li></ul><ul><li>Naturalmente, supondo que funcione. </li></ul>
  5. 5. Quebrando o botão voltar <ul><li>O botão Voltar sempre está disponível, ele sempre está na mesma localização e sempre funciona da mesma maneira; </li></ul><ul><li>Fácil reconhecimento, reconhecer é melhor que lembrar; </li></ul><ul><li>É mais fácil usar o botão voltar do que a barra de navegação. </li></ul>
  6. 6. Abrindo novas janelas de navegador <ul><li>Ao clicar em um link ou em um botão, os usuários normalmente esperam que uma nova página Web apareça no lugar da última. </li></ul>
  7. 7. Abrindo novas janelas de navegador <ul><li>Ao clicar em um link ou em um botão, os usuários normalmente esperam que uma nova página Web apareça no lugar da última. </li></ul>
  8. 9. Abrindo novas janelas de navegador <ul><li>Efeitos ruins: </li></ul><ul><li>Interrompe a experiência esperada pelo usuário; </li></ul><ul><li>Polui a tela do usuário com objetos indesejáveis; </li></ul><ul><li>Impede a capacidade do usuário de retornar; </li></ul><ul><li>Cobre a janela em que o usuário está atualmente trabalhando; </li></ul><ul><li>Pode fazer com que o usuário acreditem que os links estão inativos porque parecem não ter nenhum efeito. </li></ul>
  9. 10. Abrindo novas janelas de navegador <ul><li>Exceção: </li></ul><ul><li>Qualquer documento que não seja HTML deve ser aberto em janelas. </li></ul>
  10. 11. Janela pop-up <ul><li>Hoje as janelas pop-up são um mal maior ainda contra a usabilidade do que eram no passado. </li></ul><ul><li>Os usuários ficam cada vez mais irritados com pop-ups, e alguns inclusive instalam softwares especiais para bloqueá-los. </li></ul>
  11. 12. Janela pop-up <ul><li>Muitos usuários fecham os pop-ups o mais rápido possível - em geral mesmo antes de o conteúdo ter sido completamente exibido. </li></ul><ul><li>O fato de ser um pop-up é razão suficiente para querer que ele desapareça rapidamente. </li></ul>
  12. 14. Elementos de design que parecem anúncios <ul><li>Usuários da Web são extremamente orientados a objetivos - procuram informações importantes para eles e ignoram qualquer coisa que outras pessoas queiram empurrar para eles. </li></ul>
  13. 15. Elementos de design que parecem anúncios <ul><li>É irrelevante se o elemento de design na verdade é ou não um anúncio. Como as pessoas não o leem, elas nunca saberão. </li></ul>
  14. 18. Conteúdo vago e modismo vazio <ul><li>Um dos maiores problemas na Web é que as empresas não querem admitir e comentar de uma maneira clara e simples o que estão fazendo nos seus sites. </li></ul>
  15. 19. Conteúdo vago e modismo vazio <ul><li>Quanto pior a redação que você empurra para seus usuários, mais você treina-os a negligenciar sua mensagem. </li></ul><ul><li>Conteúdo inútil não apenas irrita as pessoas; é uma das principais causas de vendas perdidas. </li></ul>
  16. 20. Conteúdo denso e texto não-escalonável <ul><li>Blocos densos de texto são uma importante causa de repulsa para os usuários da Web. </li></ul><ul><li>A simples visão de uma página repleta de texto sugere imediatamente aos usuários que eles terão um árduo trabalho para extrair as informações. </li></ul>
  17. 23. Mudança tecnológica: seu impacto sobre a usabilidade <ul><li>Dos 34 problemas originais de usabilidade, sete se tornaram menos importantes hoje devido a mudança em navegadores, largura de banda ou outras tecnologias da Internet. </li></ul>
  18. 24. Mudança tecnológica: seu impacto sobre a usabilidade
  19. 25. Tempo de download lento <ul><li>Os tempos de download costumavam ser uma das questões mais importantes na usabilidade da Web. </li></ul><ul><li>A maioria dos sites que cresceram significativamente na década de 1990 apresentava interfaces simples com poucas imagens gráficas e rápido download de páginas. Os designers gráficos reclamavam, mas os usuários adoravam. </li></ul>
  20. 26. Frame <ul><li>Frame é um avanço incompetente da tecnologia. </li></ul><ul><li>Quando você adiciona a meus favoritos; </li></ul><ul><li>Quando você manda uma url para um amigo; </li></ul><ul><li>Exige mais rolagem da parte útil da página. </li></ul>
  21. 27. Flash <ul><li>O Flash introduziu vários problemas sérios de usabilidade nas primeiras versões (pelo mau uso); </li></ul><ul><li>Encorajava animações gratuita; </li></ul><ul><li>Impedia que o usuário controlassem seus próprios destinos; </li></ul><ul><li>Muitos designers de Flash introduziram seus próprios controles de interface gráfica não-padrão. </li></ul>
  22. 28. Listagens de pesquisa de baixa relevância <ul><li>Os primeiros softwares de busca eram ineficazes em recuperar hits úteis porque classificavam as listagens de acordo com a freqüência com que os termos da consulta dos usuários ocorriam em cada página. </li></ul>
  23. 29. Multimídia e vídeos longos <ul><li>Três avanços tornaram a multimídia e os videoclipes mais aceitáveis na Web atual: </li></ul><ul><li>Aumento da banda larga; </li></ul><ul><li>Qualidade técnica dos vídeos melhorou; </li></ul><ul><li>Os produtores se tornaram melhores profissionais para construção de recursos para Web. </li></ul>
  24. 30. Layouts congelados <ul><li>Dizer que uma página da Web tem um layout congelado significa que as informações exibidas nela têm uma largura fixa, independente da janela em que são exibidas. </li></ul>
  25. 31. Incompatibilidade entre várias plataformas <ul><li>A diversidade crescente de plataformas e navegadores vem aumentando nos últimos anos. </li></ul><ul><li>É importante que se teste e analise as interfaces em várias plataformas para se ter um produto de qualidade. </li></ul>
  26. 32. Adaptação: como os usuários influenciaram a usabilidade <ul><li>Ao longo dos anos de exposição da Web, os diferentes públicos estão lentamente se adaptando a estes problemas: </li></ul><ul><li>Clicabilidade incerta; </li></ul><ul><li>Links que não são azuis; </li></ul><ul><li>Rolagem; </li></ul><ul><li>Registro; </li></ul><ul><li>URLs complexos; </li></ul><ul><li>Menus suspensos e em cascata. </li></ul>
  27. 33. Clicabilidade Incerta <ul><li>Nos estudos anteriores, descobrimos frequentemente que os usuários não sabem onde clicar nas telas. </li></ul><ul><li>Atualmente os usuários estão bem acostumados as convenções para clicabilidade na Web. </li></ul>
  28. 34. Links que não são azuis <ul><li>Nos anos anteriores, havíamos recomendado que os links fossem azuis porque essa era a cor que as pessoas associavam a clicabilidade. </li></ul><ul><li>Mas, hoje, os usuários vêem links em muitas cores. </li></ul><ul><li>Recomenda-se que os links sejam diferenciados do texto e que mudem de cor. </li></ul>
  29. 35. Rolagem <ul><li>Alguns usuários ainda não rolam pela página. Porem as pessoas estão se acostumando a longas páginas. </li></ul>
  30. 36. Registro <ul><li>No começo da Web, o processo de registro era uma barreira enorme, e as pessoas não sabiam se deveriam confiar suas informações pessoais a um site. </li></ul><ul><li>Agora as pessoas estão mais acostumadas a inserir essas informações contanto que confiem no site. </li></ul>
  31. 37. URLs complexos <ul><li>As URLs continuam tão ruins quanto antes, embora as complexas prejudiquem tanto a usabilidade como a otimização dos sistemas de pesquisa. </li></ul>
  32. 38. Menus suspensos e menus em cascata <ul><li>No passado, qualquer elemento dinâmico na Web frequentemente confundia os usuários, mas agora as pessoas estão habituadas a elementos dinâmicos como menus suspensos. </li></ul>
  33. 39. Restrição: como os designers atenuaram os problemas de usabilidade <ul><li>Vimos melhrias graduais em 13 problemas de usabilidade como resultado do ganho de experiência. </li></ul>
  34. 40. Plug-ins e tecnologia de ponta <ul><li>Duas coisas aconteceram: </li></ul><ul><li>Designers tiveram o bom senso de reconhecer que eles não podem forçar novas tecnologias aos usuários; </li></ul><ul><li>Quando as pessoas encontraram uma caixa de diálogo de download, elas simplesmente selecionam Cancelar. Os novos plug-ins passaram a ser mais amigáveis durante a instalação. </li></ul>
  35. 41. Interface 3D com o usuário <ul><li>Os designers pararam de torturar os usuários com ambientes 3D. </li></ul>
  36. 42. Design poluído <ul><li>A famosa página web &quot;tem tudo&quot; com &quot;todas as cores&quot; era um grande problema na Web. </li></ul><ul><li>Está deixando de ser comum na web. </li></ul>
  37. 43. Página splash <ul><li>Páginas splash eram e continuam sendo um pecado inicial. </li></ul>
  38. 45. Imagens gráficas em movimento e texto deslizante <ul><li>Gritar mais alto normalmente é um tiro pela culatra porque as pessoas supõem que você não tem nada importante a dizer. </li></ul><ul><li>Os designers descobriam isso na prática.  </li></ul>
  39. 46. Componentes da interface gráfica personalizados <ul><li>Os usuários esperam que os botões se pareçam com botões e comportem-se como botões. </li></ul>
  40. 47. Referência <ul><li>NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: Projetando WebSites com qualidade. Edição:2. Rio de Janeiro: Campus, 2007. </li></ul>

×