keynote usabilidade

Download Keynote Usabilidade

Post on 05-Jun-2015

798 views

Category:

Technology

2 download

Embed Size (px)

DESCRIPTION

usabilidade jornalismo online

TRANSCRIPT

  • 1. USABILIDADE

2. No me faa pensar Steve Krug 3. Usabilidade ... ... facilidade no uso ... intuio ... mais visitantes ... investimento 4. ? Ao entrar em um site, ousurio NO deve se perguntar: Que site esse? O que fao aqui? Onde est tal informao? O que esse smbolo quer dizer? 5. MISSO DE UM SITE Pergunte-se ANTES Por que esse site deve existir? Qual a natureza desse site? - informativo - servio - entretenimento - institucional... ? ? 6. Pergunte-se ANTES Por que algum o visitaria? ? Que imagem o site quer passar? - inovador - gil - divertido - til... ? Quem o visitaria? ? 7. PBLICO Pergunte-se ANTES Como ele prefere acessar o contedo online? Vdeo? Fotos? Texto? Infogrfico? Animao? Tabela? ? Ele quer se comunicar com outros usurios? ? 8. Pergunte-se ANTES Ele quer se comunicar com voc? ? Ele quer produzir contedo? Que tipo? ? O que o pblico procura em sites concorrentes que o seu ainda no oferece? ? 9. Pergunte-se ANTES QUAIS OS HBITOS DE NAVEGAO DO SEU USURIO? ? Quer modismos ou formas bsicas? ? 10. QUANTIDADE DE INFORMAO > ANSIEDADE E RAPIDEZ No h muita reflexo de leitura na web. Internautas procuram informao at o TERCEIRO clique. 11. Jacob Nielsen - o papa da usabilidade, desconstruiu vrios sites e fez um estudo que mostrou... 12. Padro de leitura em F Estudo de Jackob Nielsen com 232 internautas visitando centenas de sites 13. Implicaes da leitura em F 14. Implicaes da leitura em F Internautas no lem palavra por palavra (SCANNABLE READER) Interttulos, pargrafos e bullet points devem comear com palavras-chave para que os usurios sejam capazes de perceber rapidamente quando fazem a trilha vertical do padro em F. Coloque as informaes/aes mais importantes no primeiro scroll F F F 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.

  • Usabilidade facilidade de uso
  • Facilidade de uso :
    • Ter uma navegao bvia/ auto-explicativa
    • Buscar afirmaes ...
      • Essa a navegao!
      • Aqui est a busca!
    • ...e no interrogaes
      • Posso clicar aqui?
      • Onde est o menu?
      • Como fao para...?

26.

  • Algumasinterrogaes a evitar :
    • Onde estou?
    • Por onde devo comear?
    • Onde eles colocaram tal coisa?
    • O que quer dizer este smbolo/sigla?
    • Por que chamam isto assim?
    • O que este site faz?

27. Sequncia lgica Identidade visual e Navegao 28. CERTO 29. ERRADO 30. ERRADO 31. Caminho de navegao- na web no h senso de direo ;-) 32. ERRADO 33. NUNCA faam isso... 34. ... muito menos ISSO!! 35. Recapitulando... USABILIDADE FACILIDADE NO USO! 36. ... quanto menos cliques, melhor ... seja claro nos menus ... sinalize bem os links ... mantenha a identidade do site em TODAS as pginas ... evite ao mximo o boto BACK ... diga logo a que veio ... prefira a simplicidade grfica 37. Se a usabilidade boa , o pblico... ...encontra o que procura ...fica satisfeito por conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...volta (e fica fiel ao seu produto) Se a usabilidade ruim , o pblico... ...no encontra o que procura ...fica frustrado por no conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...no volta (e vai atrs do concorrente) 38. Para no esquecer... No vale ser bonito se for difcil de usar. No vale ter o melhor contedo se a navegao um enigma. Informaes e recursos dispostos de forma simples, clara, fcil e eficiente resultam em boa usabilidade.