usabilidade curso digital

Download Usabilidade Curso Digital

Post on 19-May-2015

3.615 views

Category:

Design

2 download

Embed Size (px)

DESCRIPTION

Usabilidade Curso Digital

TRANSCRIPT

  • 1. Curso AvanadoQuantos produtosinterativosexistem em nossas vidas? (Pense um instante)

2. Curso AvanadoProdutos de todo o dia Aparelhos celulares, players de msica, DVDs, calculadoras, computadores.... 3. Curso AvanadoDificuldades de todo dia Quando algum produtodeixou voc na mo ? Qual deles no so assim to fceis de usar? 4. Curso AvanadoAtividades Simples Algumas coisas corriqueiras asvezes so complicadas . Em um elevador qual boto te leva para o primeiro andar? O T o Po ZERO ou o 1 ? 5. Curso AvanadoFacilitando o Dia-a-Dia Um grande shopping center, abortou os nmeros e letras, adotou frutas para fazer a relao entre andares. Nesse caso, a imagem da fruta foi utilizada paraauxiliar a memria. 6. Curso AvanadoMemria Visual a comunicao que vem pelos olhos e responsvel por cerca de 75% do que se grava na memria. A comunicao atravs da memria visual pode ser captada por quatro formas diferentes. MEMRIA ESCRITA GRFICA COMUNICAO VISUAL AUDIO VISUAL 7. Curso AvanadoMemria Escrita a comunicao que vem atravs de um documento escrito, em papel ou em tela. MEMRIA ESCRITA GRFICA COMUNICAO VISUAL AUDIO VISUAL 8. Curso AvanadoMemria Grfica a comunicao que vem atravs de smbolos, desenhos, plantas, diagramas, cones, fotos ou outros recursos grficos isoladamente. o caso da maioria das placas de trnsito, onde um nico smbolo tenta traduzir o que a placa representa, de forma rpida e eficaz.MEMRIA ESCRITA GRFICA COMUNICAO VISUAL AUDIO VISUAL 9. Curso AvanadoComunicao Visual a comunicao que vem da juno da comunicao grfica com a escrita, onde um smbolo, desenho, etc., vem acompanhado de palavras-chave ou textos que complementam o smbolo, desenho, etc. Usando o mesmo exemplo de placas de trnsito, h uma placa que significa "cuidado, pista derrapante" mas que pode vir acompanhado da expresso "Em dias de chuva".MEMRIA ESCRITA GRFICA COMUNICAO VISUAL AUDIO VISUAL 10. Curso AvanadoMemria udio Visual Junta a Comunicao Visual com a auditiva. considerada a mais eficiente de todas. O dispositivo cognitivo do crebro ativa os dois principais sentidos, chegando a um ndice de cerca de 84% de eficincia. MEMRIA ESCRITA GRFICA COMUNICAO VISUAL AUDIO VISUAL 11. Curso AvanadoO que faz umbomdesign? Produtos utilizveis, fceis de aprender, eficazes e que proporcionam uma experincia agradvel. 12. Curso AvanadoO que faz ummaudesign? Produtos irritantes, confusos, ineficientes, com muitos passos, difceis de usar, no bvios e que podem induzir o usurio ao erro. 13. Curso AvanadoOnde entra a Usabilidade? As boas prticas de usabilidade devem otimizar as interaes com sistemas, de forma que a execuo de uma atividade seja quase intuitiva, ajudando as pessoas. 14. Curso AvanadoMetas e Objetivos As trs principais metas de usabilidade soeficincia ,memorizaoeaprendizado . Eficincia Aprendizado Memorizao 15. Curso AvanadoMetas de Eficincia Qual o grau de dificuldade que os seus clientes encontram paracomprar em seu site ? 16. Curso AvanadoMetas de eficcia Usando o exemplo de comrcio eletrnico, as perguntas seriam: Qual a taxa de converso? (do total de visitas, quantas pessoas efetivamente concluem uma transao)? Qual a taxa de abandono de carrinho? (do total de itens includos no carrinho, quantos so abandonados no decorrer do processo)? 17. Curso AvanadoMetas de Aprendizado Quanto tempo os seus usurios demoram para aprender a interagir com o seu website? 18. Curso AvanadoMetas de Aprendizado O seu site auto-explicativo? Existe alguma rea que estimule o aprendizado sobre a utilizao do seu produto ? 19. Curso AvanadoMetas de Aprendizado Usando o exemplo de comrcio eletrnico, as perguntas seriam: Qual o tempo mdio que as pessoas gastam para finalizar um pedido? 20. Curso AvanadoMetas de Memorizao Depois que os seus clientes entram no seu site, eles conseguem lembrar como executaram uma tarefa? 21. Curso AvanadoMetas de Memorizao A memorizao pode se tornar um ndice de fidelizao de clientes, aps eles conseguirem concluir uma tarefa de maneira agradvel, certamente iro retornar. Perguntas O seu site utilizaconespara facilitar a memria visual? 22. Curso AvanadoO que so cones? cone uma imagem que mantm uma relao desemelhana ou propriedadecom um determinando objeto. Um cone uma abstrao de algo que do nossoconhecimentoe apresenta pelo menos um trao em comum com o objeto representado. 23. Curso Avanado

  • Princpios sobre design
  • Antes de entender mais sobre usabilidade, necessrio entender alguns princpios do design. So eles:
  • Visibilidade
  • Feedback
  • Restries
  • Mapeamento
  • Consistncia
  • Affordance

24. Curso AvanadoVisibilidade Quanto mais visvel for algo mais os usurios vo saber como proceder . 25. Curso AvanadoFeedBack Aps uma ao, existe a resposta visual do sistema. Ao pressionar o acelerador, o ponteiro de velocidade se altera. 26. Curso AvanadoRestries Delimita o tipo de interao que pode ocorrer em determinado momento, ou seja, o que o usurio pode ou no fazer. 27. Curso AvanadoMapeamentos Relao entre controle e seus efeitos no mundo, geralmente seguindo alguma conveno. Como por exemplo, os cones que representam as funes de pause, play e eject de um sistema de som. 28. Curso AvanadoConsistncia Manter padres de interface para as operaes semelhantes facilita o aprendizado e a memorizao e proporciona segurana para o usurio 29. Curso AvanadoAffordance Um objeto deve sugerir a ao que deve ser tomada, um boto deve pedir para ser clicado. 30. Curso AvanadoAnalisando sites Com os conceitos denecessidade ,memorizaoe osprincpios de design , possvel analisar se determinado site ou produto atende essas questes bsicas de usabilidade 31. Curso Avanado 32. Curso AvanadoOconeaproxima todas as funes relacionadas a personalizao, facilitando amemorizaoe mantendo aconsistncia . 33. Curso Avanadoasetasugere que algo ocorrer aps uma ao do mouse. Isso sinalizao com FeedBack. 34. Curso Avanado 35. Curso Avanado 36. Curso AvanadoA rea aprenda sobre muito importante para oaprendizadodos novos usurios 37. Curso AvanadoAvisibilidadedas principais funes do site induzem o usurio a navegar corretamente. 38. Curso Avanado 39. Curso Avanadoomapeamento a conveno das funes, nesse caso o player interativo, se aproxima das funes dos players mais tradicionais. 40. Curso Avanado 41. Curso AvanadoA distncia entre a rea do clique e oFeedBackdo site podem dificultar o entendimento do usurio 42. Curso AvanadoPor no haver umarestriocoerente, o usurio pode cometer erros, como escolher a data de volta, anterior a data de ida. 43. Curso Avanado 44. Curso AvanadoSemAffordanceo usurio no percebe que um item sugere uma ao. 45. Curso AvanadoCriando prottipos Antes de comear a fazer um site feito um wireframe funcional, que nada mais que umprottipodoproduto final, remetendo a definio de toda aarquitetura de informao . 46. Curso Avanado 47. Curso Avanado 48. Curso AvanadoComo testar? Para conseguir melhores ndices de satisfao do usurio final, o website deve ser testado. E para cada objetivo existe um mtodo. 49. Curso Avanado

  • Definio do Pblico
  • A seleo de pessoas que contemplem a abrangncia do pblico-alvo do produto crucial para obter uma amostragem satisfatria.
  • Alguns deles so:
  • Faixa salarial
  • Idade
  • Ocupao

50. Curso Avanado

  • Tarefas do Teste
  • Para o teste de usabilidade algumas tarefas so definidas para que o pblico do site avalie o produto na prtica. As tarefas devem:
  • Testar as aes cruciais do teste
  • Colocar o usurio em situao de dificuldade
  • Estimular que o usurio recorra ao auxilio do prprio site

51. Curso AvanadoAvaliao de Amostragem possvel testar um prottipo atravs de uma pequena amostragem. 52. Curso AvanadoO teste realizado em umasala de testeonde4 a 6 pessoasexecutam uma lista de tarefaspr-definidas . A partir da possvel tirar concluses sobre ospontos fortese ospontos fracosde um produto. 53. Curso AvanadoA sala de testes geralmente dividida em duas reas. De um lado ficam ousurio e o avaliador . O avaliador quem conduz as tarefas sem dar nenhum suporte as possveis dificuldades do usurio. 54. Curso AvanadoDo outro lado ficam os projetistas do produto, que fazem suas pr-consideraes sobre o que deve sermantido ,deletadoouaperfeioado . 55. Curso AvanadoEyetracking / Mapa de Calor O desenvolvimento de tarefas tambm pode ser monitorado pelocomportamento do olhar . 56. Curso AvanadoCom oeyetracking possvel analisar os caminhos mais freqentes percorridos pelo olho do usurio. Essa informao permite aos projetistas re-organizarinformaes importantesde um site. 57. Curso AvanadoCard Sorting Categorizaro site uma tarefa complexa. Utilizar o usurio no processo declassificaopode reduzir o rudo deentendimento. 58. Curso AvanadoUm aspirador de p um eletrodomstico ou um eletro porttil? 59. Curso Avanado

  • Avaliando os Resultados
  • Aps testar um site / prottipo alguns pontos
  • devem ser levados em considerao.
  • Percentual de acertos das tarefas
  • Nmero de passos para cada tarefa
  • Tempo despendido em cada tarefa
  • Nmeros de cliques por tarefa

60. Curso AvanadoTeste de Comparao e Validao Aps a avaliao do primeiro teste e levar em considerao os feedbacks dos usurios, importante fazer um segundo teste, com o objetivo de comparar e validar os resultados. 61. Curso AvanadoRelatrio de Satisfao Aps a concluso dos testes, realizado um relatrio constando todas asmtricas de avaliao , considerando todos os ind