Aula06 webdesign

1,359 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,359
On SlideShare
0
From Embeds
0
Number of Embeds
608
Actions
Shares
0
Downloads
48
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aula06 webdesign

  1. 1. WEBDESIGN- UNIDADE II -ESTRUTURAÇÃO PARA A CRIAÇÃO DESITEUsabilidade
  2. 2. Conceito - Usabilidade2  É sinônimo de facilidade de uso.  Se o produto é fácil de usar, o usuário tem maior produtividade, ou seja, aprende mais rápido a usar, memoriza as operações e comete menos erros.
  3. 3. Conceito - Usabilidade3  “Usabilidade está diretamente ligada ao diálogo na interface. É a capacidade do software em permitir que o usuário alcance suas metas de interação com o sistema”-Scapin(1993)
  4. 4. Por que usabilidade é importante?4  Se um site for difícil de usar, o usuário sai.  Se o site não for claro o suficiente para mostrar o que a empresa oferece e o que é possível fazer, o usuário sai e procura o site do concorrente.  Se o usuário se perde, ele sai do site.  Se demorar para carregar, ele sai definitivamente
  5. 5. Site Confuso5
  6. 6. Site não está claro – TWITTER (2006)6
  7. 7. Plataforma TWITTER (2012)7
  8. 8. Demora no Carregamento8
  9. 9. Atributos da USABILIDADE9  FACILIDADE DE USO Após ter aprendido a interagir com o sistema, o usuário atinge altos níveis de produtividade na realização de suas tarefas.  FACILIDADE DE APRENDIZAGEM O usuário consegue rapidamente explorar o sistema e realizar suas tarefas  FACILIDADE DE MEMORIZAÇÃO DE TAREFAS Os usuários conseguem memorizar as suas tarefas sem sobrecarregar suas interações
  10. 10. Atributos da USABILIDADE10  PREVENÇÃO, VISANDO A REDUÇÃO DE ERROS O usuário realiza suas tarefas sem maiores transtornos e é capaz de recuperar erros, caso ocorram.  SATISFAÇÃO DO INDIVÍDUO Conforto, segurança e felicidade subjetiva
  11. 11. Exemplo em SOFTWARE11 - Atributos de USABILIDADE
  12. 12. Aplicações de Usabilidade12  Percebe-se a sua ausência quando encontramos dificuldades para realizar uma tarefa devido à quantidade de itens a serem decodificados.
  13. 13. Aplicações de Usabilidade13
  14. 14. Aplicações de Usabilidade14
  15. 15. Aplicações de Usabilidade15
  16. 16. Elementos de Navegabilidade com16 Usabilidade Elemento de Interface Posicionamento Marca da empresa Canto superior esquerdo Busca Parte superior Navegação Global Parte superior com links horizontais Navegação Local Coluna da esquerda Breadcrumbs Parte superior, abaixo da marca da empresa Conteúdo global e contextual Área central Navegação do rodapé Parte inferior
  17. 17. Elementos de Navegabilidade com17 Usabilidade
  18. 18. Elementos de Navegabilidade com18 Usabilidade
  19. 19. Elementos de Navegabilidade com19 Usabilidade
  20. 20. Breadcrumbs (navegação estrutural)20  Quando após uma pesquisa realizada, aparece uma sequência de links apresentando uma navegação estrutural complementar.
  21. 21. 5 ERROS QUE DEVE SER EVITADOS21 1. Conteúdo importante em janelas pop-up
  22. 22. 5 ERROS QUE DEVE SER EVITADOS22 2. Animações de Abertura
  23. 23. 5 ERROS QUE DEVE SER EVITADOS23 3. Música no site
  24. 24. 5 ERROS QUE DEVE SER EVITADOS24 4. Esta página está em construção
  25. 25. 5 ERROS QUE DEVE SER EVITADOS25 5. Esta página está em construção
  26. 26. 7 regras básicas de usabilidade26 1. Clareza na arquitetura da informação 2. Facilidade de navegação 3. Simplicidade 4. Relevância de conteúdo 5. Manter a consistência 6. Tempo suportável 7. Foco nos usuários
  27. 27. 7 regras básicas de usabilidade27 1. Clareza na arquitetura da informação - essencial que o usuário consiga discernir o que é prioritário e o que é secundário no site - bom arranjo da informação - usuários ao terem dificuldades em encontrar o que procuram devem ter uma forma de ajuda. Ex: mapa do site
  28. 28. 7 regras básicas de usabilidade28 2. Facilidade de navegação - A informação deve ser acessada com no máximo 3 cliques.
  29. 29. 7 regras básicas de usabilidade29 3. Simplicidade - Quem navega quer encontrar o que deseja o mais rápido possível - Efeitos especiais devem ser evitados para que não confunda o usuário ao buscar uma informação
  30. 30. 7 regras básicas de usabilidade30 4. Relevância do conteúdo - O texto deve ser conciso e objetivo - A informação deve adaptada dentro da mídia utilizada.
  31. 31. 7 regras básicas de usabilidade31 5. Manter a consistência - Quando a operação do site acontece sempre da mesma forma, o usuário não fica à mercê de surpresas de navegabilidade. - Um site deve ser gerenciado como um projeto único de interface com o usuário.
  32. 32. 7 regras básicas de usabilidade32 6. Tempo suportável - Tempo de carregamento das páginas deve ser curto - Uma pesquisa realizada por Jakob Nielsen prova que 10 segundos é o tempo máximo antes que as pessoas percam o interesse pelo site.
  33. 33. 7 regras básicas de usabilidade33 7. Foco nos usuários - Pense sempre no usuário antes dele precisar de você. - Pense sempre nos instrumentos de pesquisa, nas interfaces dos sistemas de gerenciamento e na relação direta do usuário com a informação
  34. 34. Testes de usabilidade34 Eficiência - Quanto tempo demora para realizar tarefas básicas? (ex: criar nova conta, concluir um pedido) Acuracidade - Quantos erros as pessoas cometeram? (os erros interromperam a navegação ou os usuários conseguiram chegar ao seu objetivo?)
  35. 35. Testes de usabilidade35 Recall - Quanto a pessoa lembra após a interação ou períodos de inatividade? Resposta emocional - Como as pessoas se sentem sobre as tarefas concluídas? A pessoa está confiante ou confusa? O usuário recomendaria este site para um amigo?
  36. 36. REFERÊNCIAS36  www.useit.com  www.usabilidoido.com.br  KRUG, Steve. Não me faça pensar. Uma abordagem de Bom Senso à Usabilidade na Web. São Paulo, SP. Editora Alta Books, 2008.  NIELSEN, Jakob. Projetando Websites. São Paulo, SP. Editora Campus, 2010.
  37. 37. OBRIGADO!37  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com

×