Taken from Future of Web Design, London 2015 Conference. http://futureofwebdesign.com/london-2015 HAL, Skynet, KITT...we’ve always been intrigued by artificial intelligence, but have you ever stopped to considered the un-artificial? Most developers are familiar with the basics of AI: How do you make a computer, an algorithm, a system learn something? How do you model real world problems in such a way that an artificial mind can process them? What most don't realize though is that the same principles can be applied to people. This talk looks at some of the theories behind how machines learn versus how people learn, and maps it to real life examples of how specifically our users learn their way around interfaces and how designers and developers apply learning methodologies in their day-to-day actions.

1. Un-artificial
Intelligence
M E L I N D A S E C K I N G T O N
@ m s e c k i n g t o n

2. “roboti” = serf labor

3. R.U.R.

8. Movie Geek

9. Developer

11. To pioneer the best
learning experiences
for everyone, everywhere

12. A R T I F I C I A L
I N T E L L I G E N C E

13. H O W
M A C H I N E S
L E A R N

14. How
people
learn

15. Un-artificial Intelligence

16. What is
intelligence?

17. Strength
Constitution
Dexterity
Intelligence
Wisdom
Charisma

18. Strength
Constitution
Dexterity
Intelligence
Wisdom
Charisma

19. Strength
Constitution
Dexterity
Intelligence
Wisdom
Charisma

20. intelligence [ɪnˈtɛlɪdʒ(ə)ns] noun
1. the ability to acquire and apply
knowledge and skills

21. A R T I F I C I A L
I N T E L L I G E N C E

22. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

23. S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y
S Y S T E M S
T H A T T H I N K
L I K E H U M A N S

24. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

25. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

26. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

27. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

28. C O G N I T I V E
S C I E N C E

29. D I S C O V E R
T H E O R Y
O F T H E M I N D
E X P R E S S T H E O R Y
A S A C O M P U T E R
P R O G R A M

30. D I S C O V E R
T H E O R Y
O F T H E M I N D
E X P R E S S T H E O R Y
A S A C O M P U T E R
P R O G R A M

31. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

32. L O G I C I S T

33. A N Y P R O B L E M C A N
B E D E S C R I B E D I N
L O G I C A L N O T A T I O N
P R O G R A M S C A N
S O L V E A N Y
P R O B L E M

34. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

35. T U R I N G T E S T

36. C A N M A C H I N E S D O W H A T
W E A S H U M A N S D O ?

37. I M I T A T I O N G A M E

38. D A N C I N G
P A I N T I N G
S I N G I N G
R U N N I N G
H U M A N S M A C H I N E S
C H A T T I N G
T U R I N G
T E S T

39. C A N M A C H I N E S A P P E A R T O R E S P O N D
I N T E X T A S H U M A N S D O ?

40. S O M E H U M A N
B E H A V I O U R I S
U N I N T E L L I G E N T
H U M A N B E H A V I O U R I N T E L L I G E N T B E H A V I O U R
S O M E
I N T E L L I G E N T
B E H A V I O U R I S
I N H U M A N
T U R I N G
T E S T

41. A R T I F I C I A L S T U P I D I T Y

42. S Y S T E M S
T H A T T H I N K
L I K E H U M A N S
S Y S T E M S
T H A T A C T
L I K E H U M A N S
S Y S T E M S
T H A T T H I N K
R A T I O N A L L Y
S Y S T E M S
T H A T A C T
R A T I O N A L L Y

43. I N T E L L I G E N T
A G E N T S

44. S E N S O R S
?
E N V I R O N M E N T
I N T E L L I G E N T A G E N T
A G E N T
E F F E C T O R S
A R T I F I C I A L

45. I N T E L L I G E N T A G E N T
H U M A N
S E N S O R S E F F E C T O R S
?
E N V I R O N M E N T
U N - A R T I F I C I A L

46. W H A T T H E
W O R L D
I S L I K E N O W
C O N D I T I O N - A C T I O N R U L E S
S I M P L E R E F L E X A G E N T
S E N S O R S E F F E C T O R S
W H A T A C T I O N
I S H O U L D
D O N O W
A G E N T
E N V I R O N M E N T
O B S E R V A T I O N S
A C T I O N S
A R T I F I C I A L

47. E M A I L
F I L T E R S

48. F R O M :
n o t i f i c a t i o n s
@ g i t h u b . c o m
Y O U R F I L T E R S :
m a t c h e s
( n o t i f i c a t i o n s @ g i t h u b . c o m )
I N C O M I N G
E M A I L
A P P L I E S
F I L T E R
D o t h i s : A p p l y
l a b e l “ G i t h u b ”
A G E N T
Y O U R I N B O X
S I M P L E R E F L E X A G E N TA R T I F I C I A L

49. H U M A N
S E N S O R S E F F E C T O R S
E N V I R O N M E N T
O B S E R V A T I O N S
W H A T T H E
W O R L D
I S L I K E N O W
W H A T A C T I O N
I S H O U L D
D O N O W
C O N D I T I O N - A C T I O N R U L E S
A C T I O N S
S I M P L E R E F L E X A G E N TU N - A R T I F I C I A L

50. Pavlov

52. C L A S S I C A L C O N D I T I O N I N G
C A T
S M E L L
R A C E T O
K I T C H E N
E N V I R O N M E N T
O B S E R V A T I O N S
I S M E L L
F O O D
S H O W T H A T
I W A N T
T H E F O O D
S M E L L F O O D = = I G E T T O E A T
U N - A R T I F I C I A L

53. C L A S S I C A L C O N D I T I O N I N G
S M E L L + S O U N D
R A C E T O
K I T C H E N
E N V I R O N M E N T
O B S E R V A T I O N S
I S M E L L F O O D
&
I H E A R A B E L L
S H O W T H A T
I W A N T
T H E F O O D
S M E L L F O O D & & H E A R B E L L
= = I G E T T O E A T
C A T
U N - A R T I F I C I A L

54. C L A S S I C A L C O N D I T I O N I N G
S O U N D
R A C E T O
K I T C H E N
E N V I R O N M E N T
O B S E R V A T I O N S
I H E A R A
B E L L
S H O W T H A T
I W A N T
T H E F O O D
H E A R B E L L = = I G E T T O E A T !
C A T
U N - A R T I F I C I A L

55. Habit forming

56. I N T E L L I G E N T A G E N T
H U M A N
S O U N D M O V E L E G S
M Y B E D R O O M
I H E A R M Y
A L A R M C L O C K
I D E C I D E I
S H O U L D
G E T U P
A L A R M C L O C K = =
T I M E T O G E T U P
U N - A R T I F I C I A L

57. I N T E L L I G E N T A G E N T
D E V E L O P E R
S I G H T
S M A S H
K E Y B O A R D
M Y C O D E
I S E E M Y
T E S T S A R E
F A I L I N G
I S H O U L D F I X
T E S T S
F A I L I N G T E S T S = = B A D
U N - A R T I F I C I A L

58. C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A C T I O N S
A R T I F I C I A L

59. P E R F O R M A N C E E L E M E N T
C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A R T I F I C I A L

60. C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A C T I O N S
A R T I F I C I A L

61. C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A C T I O N S
A R T I F I C I A L

62. C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A C T I O N S
A R T I F I C I A L

63. C H A N G E S
L E A R N I N G A G E N T
H U M A N
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
S E N S O R S E F F E C T O R S
C R I T I C
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
O B S E R V A T I O N S
O B S E R V A T I O N S
E X P E R I M E N T S
A C T I O N S
U N - A R T I F I C I A L

64. C H A N G E S
L E A R N I N G A G E N T
H U M A N
C O N T R O L
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
E X P E R I E N C E E F F E C T
R E F L E C T U N D E R S T A N D P L A N
O B S E R V A T I O N S
O B S E R V A T I O N S
E X P E R I M E N T S
A C T I O N S
U N - A R T I F I C I A L

65. C R I T I C
C H A N G E S
L E A R N I N G A G E N T
A G E N T
S E N S O R S
L E A R N I N G
E L E M E N T
P R O B L E M
G E N E R A T O R
P E R F O R M A N C E E L E M E N T
F E E D B A C K
K N O W L E D G E
L E A R N I N G
G O A L S
E N V I R O N M E N T
O B S E R V A T I O N S
O B S E R V A T I O N S
E F F E C T O R S
E X P E R I M E N T S
A C T I O N S
A R T I F I C I A L

66. L E A R N I N G A L G O R I T H M S

67. S U P E R V I S E D L E A R N I N G

68. T H I S I S A C I R C L E
T H I S I S A C I R C L E
T H I S I S A S Q U A R E
T H I S I S A C I R C L E
T H I S I S A S Q U A R E
T H I S I S A T R I A N G L E
N E W I N P U T :
S U P E R V I S E D L E A R N I N G

69. U N S U P E R V I S E D L E A R N I N G

70. U N S U P E R V I S E D L E A R N I N G

71. R E I N F O R C E M E N T L E A R N I N G

72. T H I S I S A T R I A N G L E
T H I S I S A S Q U A R E
T H I S I S A T R I A N G L E
T H I S I S A C I R C L E
T H I S I S A S Q U A R E
T H I S I S A T R I A N G L E
W R O N G !
R E I N F O R C E M E N T L E A R N I N G
W R O N G !
W R O N G !
R I G H T !
R I G H T !
R I G H T !

73. Learning activities

74. Problem
solving
Case-based
Inquiry
driven
Construction
Collaborative
Simulation
ReflectiveDelivered
Assessing
Performative
Game-basedCross-context
Browsing
Embodied
NetworkedConversational

75. Delivered

76. S U P E R V I S E D L E A R N I N G

79. Conversational & Collaborative

80. U N S U P E R V I S E D L E A R N I N G

82. Pairing

83. Assessing

84. R E I N F O R C E M E N T L E A R N I N G

86. Pull Requests

87. ReflectiveDelivered Performative Embodied
Learners are
presented with
information
Learners
reflect on
activities
Learners
present for an
audience
Learners use
their bodies to
learn motor skills
Problem
solving
Case-basedConstruction
Learners
design and make
Learners
try to solve
problems
Learners
investigate
individual cases
Conversational
Learners
converse with
others

88. W H A T M A K E S U S
D I F F E R E N T F R O M M A C H I N E S ?

89. Contextual

90. Constantly learning

91. Prior knowledge

92. Emotional

93. Social

94. W H A T M A K E S U S
D I F F E R E N T F R O M M A C H I N E S ?

95. T H E F U T U R E ?

96. A R T I F I C I A L I N T E L L I G E N C E

97. W I L L H U M A N S A N D M A C H I N E S
L E A R N T O G E T H E R ?

98. W E B D E S I G N
O F T H E F U T U R E

99. Thanks for listening!
http://www.slideshare.net/futurelearn
about.futurelearn.com/blog/
@mseckington

100. Photo Credits:
https://www.flickr.com/photos/robertszlivka/2741653860
https://www.flickr.com/photos/duanewessels/6917285604
https://www.flickr.com/photos/digitalmums/6310508350
https://www.flickr.com/photos/43158397@N02/5483422385
https://www.flickr.com/photos/cogdog/15903347764
https://www.flickr.com/photos/rvoegtli/5765253705
https://www.flickr.com/photos/generalnoir/4584907281
https://www.flickr.com/photos/debord/4932655275
https://www.flickr.com/photos/marc-lagneau/4190078214
https://www.flickr.com/photos/markusspiske/14327885526
https://www.flickr.com/photos/themacinator/3259887286
https://www.flickr.com/photos/peternijenhuis/199686509
https://www.flickr.com/photos/sarahbaker/272685583
https://www.flickr.com/photos/cneuman/3359366510
https://www.flickr.com/photos/lisakayaks/6833767622

101. Questions?
@ m s e c k i n g t o n