revendo as descobertas iniciais de usabilidade da web
DESCRIPTION
Capítulo Revendo as descobertas iniciais de usabilidade da web do livro de Usabilidade na Web de Jakob NielsenTRANSCRIPT
![Page 1: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/1.jpg)
IHCRevendo as descobertas iniciais de
usabilidade da Web
![Page 2: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/2.jpg)
Oito problemas
Um estudo dirigido pelo autor nos últimos 16 anos revela que persistem 8 problemas comuns.
• Links que não mudam de cor quando visitados
• Alterar a função do botão Voltar
• Abrir novas janelas de navegador
• Janelas pop-up
• Elementos de design que parecem anúncios
• Violação das convenções da Web
• conteúdo vago e modismo vazio
• Conteúdo denso e texto não-escaneável
![Page 3: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/3.jpg)
Links que não mudam de cor quando visitados
A diretriz de usabilidade mais antiga para qualquer tipo de design navegacional é ajudar os usuários a entender:
• Onde eles estavam;
• Onde eles estão;
• Onde eles podem ir.
![Page 4: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/4.jpg)
Quebrando o botão voltar
Na Web, as pessoas devem se sentir confortáveis sabendo que podem desfazer ou alterar suas ações.
Voltar é o segundo recurso mais utilizado na Web.
Naturalmente, supondo que funcione.
![Page 5: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/5.jpg)
Quebrando o botão voltar
• O botão Voltar sempre está disponível, ele sempre está na mesma localização e sempre funciona da mesma maneira;
• Fácil reconhecimento, reconhecer é melhor que lembrar;
• É mais fácil usar o botão voltar do que a barra de navegação.
![Page 6: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/6.jpg)
Abrindo novas janelas de navegador
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.
![Page 7: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/7.jpg)
Abrindo novas janelas de navegador
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.
![Page 8: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/8.jpg)
![Page 9: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/9.jpg)
Abrindo novas janelas de navegador
Efeitos ruins:
• Interrompe a experiência esperada pelo usuário;
• Polui a tela do usuário com objetos indesejáveis;
• Impede a capacidade do usuário de retornar;
• Cobre a janela em que o usuário está atualmente trabalhando;
• Pode fazer com que o usuário acreditem que os links estão inativos porque parecem não ter nenhum efeito.
![Page 10: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/10.jpg)
Abrindo novas janelas de navegador
Exceção:
Qualquer documento que não seja HTML deve ser aberto em janelas.
![Page 11: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/11.jpg)
Janela pop-up
Hoje as janelas pop-up são um mal maior ainda contra a usabilidade do que eram no passado.
Os usuários ficam cada vez mais irritados com pop-ups, e alguns inclusive instalam softwares especiais para bloqueá-los.
![Page 12: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/12.jpg)
Janela pop-up
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.
O fato de ser um pop-up é razão suficiente para querer que ele desapareça rapidamente.
![Page 13: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/13.jpg)
![Page 14: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/14.jpg)
Elementos de design que parecem anúncios
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.
![Page 15: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/15.jpg)
Elementos de design que parecem anúncios
É 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.
![Page 16: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/16.jpg)
![Page 17: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/17.jpg)
![Page 18: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/18.jpg)
Conteúdo vago e modismo vazio
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.
![Page 19: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/19.jpg)
Conteúdo vago e modismo vazio
Quanto pior a redação que você empurra para seus usuários, mais você treina-os a negligenciar sua mensagem.
Conteúdo inútil não apenas irrita as pessoas; é uma das principais causas de vendas perdidas.
![Page 20: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/20.jpg)
Conteúdo denso e texto não-escalonável
Blocos densos de texto são uma importante causa de repulsa para os usuários da Web.
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.
![Page 21: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/21.jpg)
![Page 22: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/22.jpg)
![Page 23: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/23.jpg)
Mudança tecnológica: seu impacto sobre a usabilidade
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.
![Page 24: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/24.jpg)
Mudança tecnológica: seu impacto sobre a usabilidade
![Page 25: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/25.jpg)
Tempo de download lento
Os tempos de download costumavam ser uma das questões mais importantes na usabilidade da Web.
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.
![Page 26: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/26.jpg)
Frame
Frame é um avanço incompetente da tecnologia.
• Quando você adiciona a meus favoritos;
• Quando você manda uma url para um amigo;
• Exige mais rolagem da parte útil da página.
![Page 27: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/27.jpg)
Flash
O Flash introduziu vários problemas sérios de usabilidade nas primeiras versões (pelo mau uso);
• Encorajava animações gratuita;
• Impedia que o usuário controlassem seus próprios destinos;
• Muitos designers de Flash introduziram seus próprios controles de interface gráfica não-padrão.
![Page 28: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/28.jpg)
Listagens de pesquisa de baixa relevância
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.
![Page 29: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/29.jpg)
Multimídia e vídeos longos
Três avanços tornaram a multimídia e os videoclipes mais aceitáveis na Web atual:
• Aumento da banda larga;
• Qualidade técnica dos vídeos melhorou;
• Os produtores se tornaram melhores profissionais para construção de recursos para Web.
![Page 30: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/30.jpg)
Layouts congelados
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.
![Page 31: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/31.jpg)
Incompatibilidade entre várias plataformas
A diversidade crescente de plataformas e navegadores vem aumentando nos últimos anos.
É importante que se teste e analise as interfaces em várias plataformas para se ter um produto de qualidade.
![Page 32: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/32.jpg)
Adaptação: como os usuários influenciaram a usabilidade
Ao longo dos anos de exposição da Web, os diferentes públicos estão lentamente se adaptando a estes problemas:
• Clicabilidade incerta;
• Links que não são azuis;
• Rolagem;
• Registro;
• URLs complexos;
• Menus suspensos e em cascata.
![Page 33: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/33.jpg)
Clicabilidade Incerta
Nos estudos anteriores, descobrimos frequentemente que os usuários não sabem onde clicar nas telas.
Atualmente os usuários estão bem acostumados as convenções para clicabilidade na Web.
![Page 34: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/34.jpg)
Links que não são azuis
Nos anos anteriores, havíamos recomendado que os links fossem azuis porque essa era a cor que as pessoas associavam a clicabilidade.
Mas, hoje, os usuários vêem links em muitas cores.
Recomenda-se que os links sejam diferenciados do texto e que mudem de cor.
![Page 35: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/35.jpg)
Rolagem
Alguns usuários ainda não rolam pela página. Porem as pessoas estão se acostumando a longas páginas.
![Page 36: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/36.jpg)
Registro
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.
Agora as pessoas estão mais acostumadas a inserir essas informações contanto que confiem no site.
![Page 37: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/37.jpg)
URLs complexos
As URLs continuam tão ruins quanto antes, embora as complexas prejudiquem tanto a usabilidade como a otimização dos sistemas de pesquisa.
![Page 38: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/38.jpg)
Menus suspensos e menus em cascata
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.
![Page 39: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/39.jpg)
Restrição: como os designers atenuaram os problemas de usabilidade
Vimos melhrias graduais em 13 problemas de usabilidade como resultado do ganho de experiência.
![Page 40: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/40.jpg)
Plug-ins e tecnologia de ponta
Duas coisas aconteceram:
• Designers tiveram o bom senso de reconhecer que eles não podem forçar novas tecnologias aos usuários;
• 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.
![Page 41: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/41.jpg)
Interface 3D com o usuário
Os designers pararam de torturar os usuários com ambientes 3D.
![Page 42: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/42.jpg)
Design poluído
A famosa página web "tem tudo" com "todas as cores" era um grande problema na Web.
Está deixando de ser comum na web.
![Page 43: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/43.jpg)
Página splash
Páginas splash eram e continuam sendo um pecado inicial.
![Page 44: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/44.jpg)
![Page 45: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/45.jpg)
Imagens gráficas em movimento e texto deslizante
Gritar mais alto normalmente é um tiro pela culatra porque as pessoas supõem que você não tem nada importante a dizer.
Os designers descobriam isso na prática.
![Page 46: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/46.jpg)
Componentes da interface gráfica personalizados
Os usuários esperam que os botões se pareçam com botões e comportem-se como botões.
![Page 47: Revendo as descobertas iniciais de usabilidade da web](https://reader035.vdocuments.pub/reader035/viewer/2022062313/558fd00e1a28ab341b8b463d/html5/thumbnails/47.jpg)
Referência
• NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: Projetando WebSites com qualidade. Edição:2. Rio de Janeiro: Campus, 2007.