Lectures for the course "Ergonomics applied to the usability of web pages and apps" held at the School of design of Politecnico di milano in the first semester of 2021-2022 academic year

1. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 1
ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB
PAGES AND APPS
Roberto DADDA and Paolo NEGRI

2. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 2
Unusability
Understanding usability by observation of unusability
Unusable = not usable

3. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 3

4. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 4

5. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 5

6. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 6
Wall of gloves – UNIVERSAL DESIGN
Betsey & Sam Farber

7. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 7
Symptoms

8. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 8
Official and user generated manuals

9. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 9

10. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 10

11. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 11
Instructions are
inside! To know
how to open I must
open!

12. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 12

13. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 13

14. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 14

15. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 15
Cryptic messages

16. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 16
Affordance
An affordance is a quality of an object, or an
environment, which allows an individual to perform
an action. For example, a knob affords twisting, and
perhaps pushing, while a cord affords pulling.

17. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 17

18. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 18
Good effordance!

19. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 19

20. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 20
Usage models!

21. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 21

22. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 22

23. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 23
Real word mimic

24. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 24

25. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 25
Usual conventions

26. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 26

27. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 27
Open the door

28. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 28

29. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 29
Maintenance

30. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 30
Prospectives

31. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 31
Reserved to men with belly who likes BBQ?

32. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 32
No user models

33. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 33

34. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 34
In love with technology and design

35. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 35

36. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 36
Textual communication

37. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 37
Translation traps!

38. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 38

39. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 39

40. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 40

41. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 41

42. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 42
Kiss!

43. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 43
Usage models… again and again!

44. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 44

45. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 45

46. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 46

47. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 47

48. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 48

49. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 49
Inside technology outing

50. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 50
Interface patterns

51. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 51
Mental fenching

52. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 52
Too much fantasy

53. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 53
Color coding consistency

54. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 54
Usability comes by design!

55. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 55

56. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 56
Collision

57. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 57

58. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 58

59. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 59

60. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 60

61. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 61
Messages…

62. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 62

63. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 63
User’s models again

64. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 64
Old constrains

65. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 65

66. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 66
Love for technology

67. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 67

68. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 68

69. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 69
The Kamasutra effect

70. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 70

71. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 71
Information overload

72. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 72
Not always easy…

73. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 73

74. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 74

75. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 75
Going beyond usability

76. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 76
Cocooning

77. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 77

78. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 78

79. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 79

80. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 80
Usability
Roberto DADDA
roberto@dadda.it
www.dadda.it
Skype, Facebook e Twitter robertodadda