Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
979
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
38
Comments
0
Likes
0

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

Transcript

  • 1. WEBDESIGN- UNIDADE II -ESTRUTURAÇÃO PARA A CRIAÇÃO DESITEUsabilidade
  • 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. 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. 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. Site Confuso5
  • 6. Site não está claro – TWITTER (2006)6
  • 7. Plataforma TWITTER (2012)7
  • 8. Demora no Carregamento8
  • 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. 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. Exemplo em SOFTWARE11 - Atributos de USABILIDADE
  • 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. Aplicações de Usabilidade13
  • 14. Aplicações de Usabilidade14
  • 15. Aplicações de Usabilidade15
  • 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. Elementos de Navegabilidade com17 Usabilidade
  • 18. Elementos de Navegabilidade com18 Usabilidade
  • 19. Elementos de Navegabilidade com19 Usabilidade
  • 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. 5 ERROS QUE DEVE SER EVITADOS21 1. Conteúdo importante em janelas pop-up
  • 22. 5 ERROS QUE DEVE SER EVITADOS22 2. Animações de Abertura
  • 23. 5 ERROS QUE DEVE SER EVITADOS23 3. Música no site
  • 24. 5 ERROS QUE DEVE SER EVITADOS24 4. Esta página está em construção
  • 25. 5 ERROS QUE DEVE SER EVITADOS25 5. Esta página está em construção
  • 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. 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. 7 regras básicas de usabilidade28 2. Facilidade de navegação - A informação deve ser acessada com no máximo 3 cliques.
  • 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. 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. 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. 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. 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. 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. 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. 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. OBRIGADO!37  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com