Your SlideShare is downloading. ×

Capitulo 3 Livro Nielsen

1,028

Published on

Apresentação produzida pelos alunos da Pós em Sistemas Web da UnoChapecó/SC, 2009. Prof. Luiz Agner

Apresentação produzida pelos alunos da Pós em Sistemas Web da UnoChapecó/SC, 2009. Prof. Luiz Agner

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,028
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Em 1994 o meio de acesso a Internet era por conexão discada de apenas alguns kilobits por segundo enquanto hoje a maioria dos usuários possuem conexões banda larga . No entanto estes avanços tecnológicos não causaram mudanças na usabilidade pois as pessoas não mudaram. Suas características e comportamentos continuam os mesmo.
  • Os designers gráficos reclamavam mas os usuários adoravam. - Pois ainda a pessoas que utilizam internet discada ou internet móvel de baixa velocidade 100 a 300 KB e um peso razoável para um rápido download.
  • Foram um dos “avanços” projetados de maneira mais incompetente. - Embora nos navegadores modernos não são mais um problema tão sério, pois o botão voltar agora funciona e esta mais fácil imprimir as paginas, mas segundo Jackob ainda é melhor evitar...
  • O flash introduziu vários problemas de usabilidade. Primeiro Encorajou a animação gratuita, Segundo muitos designers empregavam apresentações no estilo televisivo e não interativas. E o pior são os controles de interface não padrão. Em varias aplicações os usuários não percebiam as opções por causa das barras de rolagem do flash, que eram diferente do que estavam acostumados.
  • A usabilidade da multimídia continua sendo um problema, mas muito menor que na época em que só havia uma diretriz para o video na internet: Não utilizar multimídia.
  • I IE 7 é de 2006 então espera-se até 2011 para não se preocupar com o IE6.
  • Usuários sabem que podem clicar em um texto se ele estiver colorido e sublinhado.
  • Transcript

    • 1. Projeto de Interfaces Web Revendo as descobertas iniciais de usabilidade da Web Alexandre Cauzio Cezar Emerson Vagner
    • 2. OITO PROBLEMAS QUE NÃO MUDARAM
    • 3.
      • 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.
    • 4. Links que não mudam de cor quando visitados
      • Passado, presente, futuro;
      • Mudar a cor de um link visitado;
      • Mosaic 1993;
      • Violar esse convenção, problemas de usabilidade;
      • Memória de curto prazo;
      • Questionamento de alguns designers;
      • A exceção.
    • 5. Alterar a função do botão voltar
      • Interação Humano-Computador;
      • (1980) Aplicativos-desfazer, Web-voltar;
      • Usuários especialistas;
      • Segundo recurso mais utilizado;
      • Benefícios (2--1);
      • A lei de Fits(1954);
      • Métodos de desativação mais comuns;
      • Botão voltar, desabilitado ou não funciona, causa confusão.
    • 6. Abrir novas janelas de navegador
      • Violação de expectativas;
      • Insistência de alguns designers;
      • Não perder os visitantes;
      • Problema de usabilidade;
      • Usuários experientes;
      • Múltiplas janelas, confusão;
      • Desvantagens;
      • Exceção;
      • Contradições.
    • 7. Janelas pop-up
      • Um mau contra a usabilidade;
      • Irritação dos usuários;
      • Distorcem o que os usuários esperam da web;
      • Má fama;
      • Dificultam usuários com necessidades especiais;
      • Fechados, antes de serem visualizados;
      • Utilizados de forma correta;
      • Perda nas vendas;
      • Pesquisa ; Resposta negativa .
    • 8. Elementos de design que parecem anúncios
      • Usuários orientados a objetivos;
      • Cegueiras a banners;
      • Rejeição;
      • Caixas coloridas;
      • Usuários condicionados;
      • Bloqueadores.
    • 9. Violação das convenções da Web
      • Lei de Jacob;
      • Expectativas;
      • Exemplo .
    • 10. Conteúdo vago e modismo vazio
      • Nas empresas falta de clareza e simplicidade;
      • Usuários impacientes;
      • Web impregnada de conteúdo vago;
      • Sistema de pesquisa (SEO);
      • Linguagem complexa .
    • 11. Conteúdo denso e texto não-escaneável
      • Blocos densos de textos;
      • Órgãos governamentais;
      • Texto breve, escaneável, acessível;
      • Nível de escolaridade.
    • 12. MUDANÇA TECNOLÓGICA: SEU IMPACTO SOBRE A USABILIDADE
    • 13. As novas tecnologias reduziram os problemas com:
      • Tempo lento de download
      • Frames
      • Flash
      • Listagens de pesquisa de baixa relevância
      • Multimídia e vídeos
      • Layouts congelados
      • Incompatibilidade entre várias plataformas
    • 14. Tempo lento de download
      • “ A maioria dos sites que cresceram significativamente na década de 1990 apresentavam interfaces simples com poucas imagens gráficas e rápido download de páginas ”. (Pg 86)
        • Ex.: Google, eBay, Yahoo, Amazon.
      • Hoje esta simplicidade não é mais tão importante mas deve haver equilíbrio.
    • 15. Frames
      • Desrespeitaram muitas convenções de interface dificultando:
        • O envio da URL;
        • Marcar como favorito;
        • A impressão da página;
        • Alem de quebrar o botão voltar.
      • Alguns destes problemas já foram resolvidos mas ainda é melhor evitar frames na maioria das vezes.
    • 16. Flash
      • Deve ser usado para oferecer aos usuários poderes e recursos adicionais que não estão disponíveis em uma página estática.
      • Não deve ser usado para embelezar uma página.
      • O Flash cria obstáculos que impedem as pessoas de obterem rapidamente o que precisam.
    • 17. Listagens de pesquisa de baixa relevância
      • O campo de busca é uma das maneiras mais comum das pessoas encontrarem o que procuram.
      • Os primeiros softwares de pesquisas eram ineficazes porque ordenavam pela freqüência com que os termos ocorriam.
      • A classificação deve ser feita pela relevância dos termos.
    • 18. Multimídia e vídeos longos
      • Três avanços tornaram a multimídia mais aceitável na Web atual.
        • Maior largura de banda.
        • Softwares para compressão e reprodução dos vídeos
        • Produção voltada para Web.
    • 19. Layouts congelados
      • Layout congelado = largura fixa da pagina.
      • Os usuários odeiam a rolagem horizontal.
      • Layouts congelados são indesejáveis mesmo quando a pagina for mais estreita que a janela do usuário.
      • Recomenda-se um “layout líquido” que se ajusta a diferentes resoluções.
    • 20. Incompatibilidade entre várias plataformas
      • Recomenda-se esperar 5 anos após a distribuição de uma nova versão para não se preocupar com a anterior.
      • Navegadores mais utilizados:
        • Internet Explorer 7 – 47,81%
        • Firefox - 19,28%
        • Internet Explorer 6 – 19,14%
        • Outros – 13,77%
          • Fonte O Globo Digital publicado em 02/03/2009
    • 21. Incompatibilidade entre várias plataformas
      • Loja virtual da Vivo somente funciona no IE.
      • Em resposta à reclamação de um cliente, o atendimento da Vivo diz que o Firefox não suporta HTML. (fonte geek42.org)
    • 22.
      • Á medida que os usuários adaptam-se ao ambiente on-line os seguintes problemas de usabilidade tornam-se menos importante:
        • Clicabilidade incerta
        • Links que não são azuis
        • Rolagem
        • Registro
        • Urls complexos
        • Menus suspensos e em cascata
      Adaptação: Como os usuários influenciaram a usabilidade
    • 23.
      • Clicabilidade incerta
        • Os usuários não sabem onde clicar nas telas.
        • Deve-se oferecer sugestão de clicabilidade para que os usuários não menosprezem um link.
      • Links que não são azuis
        • Links devem se destacar claramente do corpo do texto.
        • Também devem mudar de cor após ter sido clicado.
      Adaptação: Como os usuários influenciaram a usabilidade
    • 24.
      • Rolagem
        • Usuários podem abandonar a página após tomar uma decisão com base no que esta visível.
        • Utilizar dicas que mostrem que há mais informações abaixo da área visualizável.
      • Registro
        • Usuários não gostam de se registrar.
        • Não fazer perguntas não pertinentes ou que invadam a privacidade.
      Adaptação: Como os usuários influenciaram a usabilidade
    • 25.
      • URLs complexos
        • Não são mais tão prejudiciais quanto costumavam ser.
        • Websites devem ter URLs de até 50 caracteres.
      • Menus suspensos e menus em cascata
        • Quanto mais complexo o menu, mais difícil é para as pessoas manipulá-lo.
        • Tomar cuidado com menus excessivamente elaborados que possuam níveis hierárquicos.
      Adaptação: Como os usuários influenciaram a usabilidade
    • 26. COMO OS DESIGNERS ATENUARAM OS PROBLEMAS DE USABILIDADE
    • 27.
      • Plug-ins e tecnologias de ponta;
      • Interface 3D com usuário;
      • Design poluído;
      • Páginas Splash;
      • Componentes da interface gráfica personalizados;
      • Exposição dos dados do usuário;
      • Palavras Inventadas;
      • Conteúdo ultrapassado;
      • Inconsistência dentro de um Web site;
      • Solicitações prematuras de informações pessoais;
      • Vários sites;
      • Páginas órfãs;
    • 28. Plug-ins e tecnologia de ponta
          • A algum tempo, este tópico costumava estar no topo da lista dos fatores de risco para tanto para programadores/designers e ate mesmo usuários.
          • As tecnologias existentes eram muitas fezes imaturas, e mal planejadas na questão de portabilidade com novas versões.
    • 29. Plug-ins e tecnologia de ponta
      • Duas coisas aconteceram desde então:
      • Primeiro, os programadores/designers tiveram o bom censo e reconheceram que não se pode forçar novas tecnologias aos usuários.
      • Segundo, as pessoas quando encontram uma caixa de dialogo para downloads, elas simplesmente clicam em cancelar, temendo serem infectadas por vírus. O que tornou demorada a atualização/adoção por parte dos usuários.
    • 30. Plug-ins e tecnologia de ponta
      • Atualmente este item esta maduro, as tecnologias quando criadas já trazem consigo longo tempo de testes e um grande esforço na parte de atualização, visando compatibilidade com versões anteriores.
      • O que minimizou em muito o impacto na hora da adoção ou atualização de uma base tecnológica.
    • 31. Interfaces 3D com o usuário
      • Já ouve uma melhoria considerável neste ponto, mas o seu principal problema esta na tecnologia disponível para seu uso. Imaginem a exibição de imagens em 3D em uma superfície bidimensional (a tela) sendo controlada por um dispositivo de entrada também bidimensional (o mouse), o conjunto destes fatores, tende a diminuir a usabilidade.
      • No entanto esta tecnologia tem seu uso assegurado em softwares como aplicativos médicos em que pode ser crucial visualizar tumores e pacientes em 3D.
    • 32. Design poluído
      • Muitos devem recordar, dos gifs animados, links piscando, cores fortes, uma sobrecarga de elementos na pagina. Esta era a idéia “quanto mais informações mais chance de atrair o usuário”.
      • Hoje, as interfaces estão cada vez mais, aderindo a idéia de simplicidade, a chamada interface minimalista. Os sites se concentram mais diretamente nos negócios, que é o mais importante para o cliente.
    • 33. Paginas splash
      • Hoje raramente são vistas, Mas ainda se encontram alguns sites. Seu uso deve ser extinto pois tornam a navegação lenta e dão a impressão de o site cuida mais de sua imagem do que questões importantes ao usuário.
      • O argumento mais forte que justificava esta pratica, era de que as paginas splash serviriam como a capa de uma revista.
      • A principal diferença entre uma capa de revista e a homepage de um web site é que a capa precisa ser suficientemente atraente para que o leitor sinta vontade de comprá-la, e o web site o usuário já escolheu.
    • 34. Paginas splash
    • 35. Componentes de interface gráfica personalizados.
      • “ Quando você clica em um botão, você espera que ele se comporte como um botão.”
      • É este o principio que se deve seguir, se você tem um componente (botão, barra de rolagem, menu) que não se comporte, ou não se assemelhe com o componente padrão, isto com certeza trará dificuldades ao usuário.
      
    • 36. Componentes de interface gráfica personalizados.
    • 37. Exposição dos dados do usuário
      • A garantia de que os dados do usuário não serão usados de maneira incorreta, constitui papel importante para a confiabilidade do site.
      • Pensando nisso, muitos sites tem a preocupação em informar dados sobre a empresa, tais como: sua localização e outros meios de contato, para que o usuário possa consultá-los quando achar necessário. E também grande esforço para garantir a segurança dos dados do usuário, para que estes não sejam usados indevidamente.
    • 38. Palavras inventadas
      • Durante a explosão da onda “pontocom” parecia que cada site precisava ter um vocabulário próprio. Isto prejudicava a usabilidade, pois o usuário não sabia em que opções do menu clicar. Alem de que praticamente tira seu site do mecanismo de busca, pois quando o usuário for fazer uma pesquisa, ela vai procurar pela palavra habitual.
    • 39. Conteúdo ultrapassado
      • De certa maneira, o site possuir informação desatualizada em si, não constitui um grande problema, se esta informação estive-se organizada na forma de arquivos do site, e com fácil acesso ao usuário, teria sim um grande valor.
      • O problema esta em distribuir esta informação “velha” como sendo “nova” ao usuário.
      
    • 40. Inconsistência dentro de um web site
      • No inicio, os sites praticavam o “Cada um por si”. Cada nova pagina era projetada para o agora, com pouco planejamento de como ela interagiria com o restante do site.
      • Desde o ano 2000, pelo menos as empresas investiram muito na sua apresentação ao cliente, e estão muito mais consistentes pelo menos em termos de conteúdo principal.
      
    • 41. Solicitações prematuras de informações do pessoais
      • Se um estranho lhe aborda-se em uma festa, e pedi-se telefone, endereço, CPF, histórico medico, você provavelmente ficaria assustado e sairia correndo.
      • O mesmo acontece com os usuários, se os sites forem muito intrometidos, as pessoas se recusam a responder suas perguntas.
      • Os melhores web sites tem um estratégia mais apropriada, somente solicitam esse tipo de informação após o usuário ter confirmado que pretende fazer um compra.
      
    • 42. Vários sites
      • No inicio as empresas lançavam muitas vezes um site diferente para cada serviço que prestassem e a medida em que crescia o usuário fica perdido, sem saber que endereço utilizar para o serviço q desejava.
      • Hoje as empresas sabem que é preciso uma estratégia integrada com a web, e seus serviços estão dispostos todos em seu site principal.
      • Mas este problema ainda é muito grave em decorrência de ainda existirem muitos “micro sites” que ainda fazem uso desta pratica.
      
    • 43. Paginas órfãs
      • Um problema muito comum nos anos 90, mas hoje isso é muito raro, pois já é uma pratica comum fornecer ao usuário um numero mínimo de operações, para que ele possa se conectar ao restante do site.

    ×