Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Design > Usabilidade

3,635 views

Published on

Introdução a usabilidade, boas práticas e princípios para uma boa experiência.

Web Design > Usabilidade

  1. 1. WebDesignEu uso, Tu usas, Nós usamos..
  2. 2. WebDesign | UsabilidadeConceito de usabilidadeÉ a facilidade de uso que as pessoas podemempregar uma ferramenta ou objeto a fim derealizar uma tarefa específica.
  3. 3. WebDesign | UsabilidadePorque usabilidade é importante?
  4. 4. WebDesign | UsabilidadePorque usabilidade é importante?Se um site for dificil de usar, o usuário sai.Se a homepage não for clara o suficientepara mostrar o que a empresa oferece e oque é possível fazer, o usuário também sai.Se o usuário perder, ele sai.Se demorar pra carregar, e definitivamente sai.
  5. 5. WebDesign | UsabilidadeO que devemos considerar?1. Objetivos do website.2. Estudar o inimigo: visitar os sites concorrentes.3. Estudar os usuários através de seu comportamento.
  6. 6. WebDesign | Usabilidade"Um erro nos sites e intranets é estruturara informação baseado em como aempresa enxerga sua informação." Jacob Nielsen (2004)
  7. 7. WebDesign | UsabilidadeMas como o usuário pensa?Os hábitos dos usuários não são muito diferentes doshábitos de um consumidor numa loja ou supermercado.Dão uma olhada geral em cada página e clicam noprimeiro link ou imagem que capture seu interesse ou quese pareça com o que está procurando.
  8. 8. WebDesign | UsabilidadeMas como o usuário pensa? (cont.)De fato, boa parte da página não é nem vista.A maioria dos usuários procura algo interessante ou útilpara clicar. Assim que encontra algo promissor, ele clica.Se o resultado não supere sua expectativa, ele volta econtinua procurando e sai.
  9. 9. WebDesign | Usabilidade Heat map do Google
  10. 10. WebDesign | UsabilidadeNossas metas.O usuário tem que conseguir usar.O usuário tem que querer voltar a usar.
  11. 11. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar
  12. 12. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário
  13. 13. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário
  14. 14. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios
  15. 15. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios5. Faça uso de texto objetivo
  16. 16. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios5. Faça uso de texto objetivo6. Valorize e priorize a simplicidade
  17. 17. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios5. Faça uso de texto objetivo6. Valorize e priorize a simplicidade7. Não tenha medo de espaços brancos
  18. 18. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios5. Faça uso de texto objetivo6. Valorize e priorize a simplicidade7. Não tenha medo de espaços brancos8. Comunique-se com "linguagem visual"
  19. 19. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade:1. Não faça o usuário pensar2. Não abuse da paciência do usuário3. Mantenha o foco de atenção do usuário4. Destaque os recursos e benefícios5. Faça uso de texto objetivo6. Valorize e priorize a simplicidade7. Não tenha medo de espaços brancos8. Comunique-se com "linguagem visual"9. Convenções são nossas amigas
  20. 20. WebDesign | UsabilidadeOs 10 princípios básicos de usabilidade: 1. Não faça o usuário pensar 2. Não abuse da paciência do usuário 3. Mantenha o foco de atenção do usuário 4. Destaque os recursos e benefícios 5. Faça uso de texto objetivo 6. Valorize e priorize a simplicidade 7. Não tenha medo de espaços brancos 8. Comunique-se com "linguagem visual" 9. Convenções são nossas amigas10. Teste sempre. Antes, durante e depois.
  21. 21. WebDesign | UsabilidadeSobre convenções...Diante da pesquisa com os sites de objetivos/conteúdossimilares é bom identificar as convenções de interação afim de aproveitar o modelo mental criado por elas parabeneficiar a curva de aprendizado do usuário.
  22. 22. WebDesign | Usabilidade
  23. 23. WebDesign | Usabilidade
  24. 24. WebDesign | Usabilidade
  25. 25. WebDesign | Usabilidade
  26. 26. WebDesign | UsabilidadeVocê sabia que...A maioria das pessoas só pode memorizar de 4 a 7pequenos fragmentos diferentes de informação namemória a curto prazo.
  27. 27. WebDesign | UsabilidadeVocê sabia que...A maioria das pessoas só pode memorizar de 4 a 7pequenos fragmentos diferentes de informação namemória a curto prazo.Tá. Há espécies de peixes que suamemória só dura 5 segundos. E daí?
  28. 28. WebDesign | UsabilidadeVocê sabia que...A maioria das pessoas só pode memorizar de 4 a 7pequenos fragmentos diferentes de informação namemória a curto prazo.Sendo assim, organização é fundamental.Converse com as pessoas que formam seu público alvo ecoloque os itens de serviço que elas mais desejam noslugares de maior destaque da sua tela.
  29. 29. WebDesign | UsabilidadeBoas práticas que você deve ter em mente1. Não use janelas popup ou frames2. Não mude o tamanho da janela do usuário3. Garanta legibilidade e não use fontes muito pequenas4. Use links curtos, claros, objetivos e URL amigáveis5. Não tenha links mortos ou sem saída6. Procure ter apenas uma animação por página (ou não ter)7. Empregue imagens para apoio ao conteúdo e não para decoração apenas8. Evite a necessidade de plugins principalmente para navegar9. Evite links abrindo novas janelas (quando estiver transitando em um contexto semântico).
  30. 30. WebDesign | Usabilidade Usuários felizes =
  31. 31. WebDesign | Usabilidade Usuários felizes = Websites de sucesso.
  32. 32. WebDesign | Usabilidade Thats all folks!

×