Your SlideShare is downloading. ×
  • Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Affordance

  • 5,637 views
Published

Apresentação do Dia Mundial da Usabilidade 2010 sobre "Affordance ... ou como os objectos comunicam connosco"

Apresentação do Dia Mundial da Usabilidade 2010 sobre "Affordance ... ou como os objectos comunicam connosco"

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

Views

Total Views
5,637
On SlideShare
0
From Embeds
0
Number of Embeds
6

Actions

Shares
Downloads
191
Comments
0
Likes
17

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. Affordance ...ou “como os objectos comunicam connosco” Ivo Gomes
  • 2. “Affordance” é a qualidade de um objecto, ou de um ambiente, que permite que um indivíduo realize uma acção. Wikipedia
  • 3. Propriedades que existem entre um actor (pessoa ou animal) e a sua envolvente. São relações que existem de forma natural: não são visíveis, conhecidas, nem desejáveis, mas estão lá J. J. Gibson, 1977
  • 4. “Affordance percebida” é um elemento de interacção (botão, link, manípulo) que fala por si para nos dar uma ideia da acção que ele gera Don Norman, 1988
  • 5. ✔ Percepção ✔ Acção possível
  • 6. Depende do Contexto
  • 7. colemama
  • 8. colemama
  • 9. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível William Gaver, Affordance Framework, 1991
  • 10. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 11. ✔ Percepção SIM Affordance Affordance ✔ Acção Falsa possível Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 12. sualk61
  • 13. good_day
  • 14. nickweeleroz
  • 15. ivogomes
  • 16. Colírio Super Cola
  • 17. Colírio Super Cola Affordances iguais Contextos diferentes
  • 18. Colírio Super Cola Affordances iguais Contextos diferentes publico.es
  • 19. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível William Gaver, Affordance Framework, 1991
  • 20. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 21. SIM Affordance Percepção ✔Affordance Falsa Percebida ✖ Acção possível Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 22. nicolasnova
  • 23. ivogomes
  • 24. ivogomes
  • 25. scatteredsunshine
  • 26. http://www.iqcontent.com/blog/2007/01/the-usability-of-garda-doors/
  • 27. annavsculture
  • 28. http://uxhero.com/ux-theory/ambiguity-kills-ux/
  • 29. ivogomes
  • 30. ivogomes
  • 31. http://www.seisdeagosto.com/indica/2010/05/roundabouts-unlearn-what-you-already-learnt/
  • 32. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível William Gaver, Affordance Framework, 1991
  • 33. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 34. SIM Affordance Affordance Falsa Percebida Percepção ✖ Percepção NÃO Rejeição Affordance Correcta Escondida ✔ Acção possível NÃO SIM Acção possível
  • 35. ivogomes
  • 36. ivogomes
  • 37. identity_chris_is
  • 38. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível William Gaver, Affordance Framework, 1991
  • 39. SIM Affordance Affordance Falsa Percebida Percepção NÃO Rejeição Affordance Correcta Escondida NÃO SIM Acção possível
  • 40. SIM Affordance Affordance Falsa Percebida Percepção Rejeição Percepção ✖ Affordance NÃO Correcta Escondida ✖ Acção possível NÃO SIM Acção possível
  • 41. snapsi42
  • 42. E na Web?
  • 43. alistapart.com
  • 44. Link ✔ Link ✔ alistapart.com
  • 45. publico.pt
  • 46. Link ✔ Link ✔ Link ✔ Link ✔ Link ✔ Link ✔ Affordance Percebida: publico.pt Azul = link
  • 47. publico.pt
  • 48. Link? ✖ Link? ✖ Link? ✖ publico.pt Quebra no padrão Azul = link (mas só às vezes)
  • 49. leroymerlin.pt
  • 50. leroymerlin.pt Quais links?
  • 51. Dica Assegurar que os itens clicáveis pareçam clicáveis
  • 52. Dica ...e que os itens que não são clicáveis não tenham o mesmo aspecto dos que o são
  • 53. Dica ...e que os itens que não são clicáveis não tenham o mesmo aspecto dos que o são + info Don't Click Here: The Art of Hyperlinking http://6mny.sl.pt
  • 54. Formulários Windows Vista Mac OS X
  • 55. Muitas variantes A mesma affordance
  • 56. Mais variantes Pior affordance
  • 57. Dica Assegurar que os campos dos formulários pareçam campos de formulários
  • 58. Eu sou um botão, acredita em mim
  • 59. Eu sou um botão, acredita em mim
  • 60. Eu sou um botão, acredita em mim
  • 61. Botões Vs.
  • 62. Botões Vs. = Vs.
  • 63. Mas não basta só ter “aspecto de botão”
  • 64. ✔ Percepção ✔ Acção possível
  • 65. Depende do Contexto
  • 66. fusionstream
  • 67. A “affordance” é uma propriedade desejável num interface de forma a guiar naturalmente as pessoas a dar os passos certos para alcançarem os seus objectivos
  • 68. A “affordance” é uma propriedade desejável num interface de forma a guiar naturalmente as pessoas a dar os passos certos para alcançarem os seus objectivos continente.pt amazon.co.uk
  • 69. elisfanclub
  • 70. johnjack
  • 71. johnjack
  • 72. the_pen
  • 73. the_pen
  • 74. the_pen
  • 75. Melhor Affordance?
  • 76. The Design of Everyday Things Don Norman
  • 77. The Design of Everyday Things Don Norman
  • 78. 2011 ivogomes
  • 79. Ivo Gomes http://www.ivogomes.com/apresentacoes/affordance.pdf ivo@ivogomes.com http://www.ivogomes.com QA/UX http://www.twitter.com/ivogomes http://ux.sapo.pt