Download - Interaction
![Page 1: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/1.jpg)
WEB DESIGNMater of Arts in Communication Design
Interaction
![Page 2: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/2.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 2 Interaction
![Page 3: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/3.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 3
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 4: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/4.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 4
![Page 5: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/5.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 5
![Page 6: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/6.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 6
Read & write
![Page 7: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/7.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 7
![Page 8: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/8.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 8
Like in volley!
![Page 9: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/9.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
• User’s has control• Command languages• Query languages• Line editors• Adventure game
• Computer has control• Q&A• Advisory system
• Conversations• Eliza
Interaction 9
Paradigms
![Page 10: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/10.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 10
Command languages
Interaction
$pwd/usr/roberto$lsfilea fileb filec$rm filea$
(Unix)
![Page 11: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/11.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 11
Query languages
Interaction
GIVE THE NAMES OF ALL EMPLOYEES WHO HAVE JOBS WORKING AS A SECRETARY IN THE CITY OF CHICAGO.
PRINT THE NAME OF ANY EMPLOYEE WITH CITY=CHICAGO AND JOB=SECRETARY THE NUMBER OF RECORDS TO RETRIEVE IS 30
SMITHJONESBROWN...
![Page 12: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/12.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 12
Adventure games
Interaction
You are standing at the end of a road before a small brick building. Around you is a forest. A small stream flows down a gully.
ENTER BUILDING
You are inside a building, a well house for a large spring. There are some keys on the ground here. There is a shiny brass lamp nearby. There is a bottle of water here.
GET WATER
Okay
GET KEYS
Okay(Adventure, 1975)
![Page 13: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/13.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 13
Expert systems
Interaction
(1) Patient’s name: (first-last)
**FRED SMITH
(2) Sex:
**MALE
(3) Age:
**55
(4) Have you been able to obtain positive cultures from a site at which Fred Smith has an infection?
**YES
(5) What is the infection?
**PRIMARY-BACTEREMIA
(6) Please give the date and approximate time when signs of symptoms first appeared
(Mycin)
![Page 14: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/14.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 14
Eliza (anni ’70)
Interaction
![Page 15: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/15.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 15
Interaction, a definition
Interaction
Mutual and simultaneous activity on the part of both participants usually working towards some goal but not necessarily. Stewart Brand, The Media Lab: Inventing the Future at M.I.T. (Penguin, 1988), p. 46
Andy Lippman, MIT
![Page 16: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/16.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 16 Interaction
![Page 17: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/17.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Lippman on Interactivity, corollaries• Interruptibility• Graceful degradation• Limited look ahead• No default• Impression of infinite database
Interaction 17
![Page 18: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/18.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 18
Interruptibility
• Lippman contrasts the ability of any participant to interrupt the others with alternating (turn taking). He proposes a model of interaction closer to a conversation than a lecture. He refers to the granularity of the interactive system to raise the question of the human interval where participants understand they are not being ignored (e.g. word, sentence, paragraph). See phatic function in Jakobson's model of communication.
Interaction
![Page 19: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/19.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 19
Graceful degradation
• Something the system cannot handle crops up. An example: a system responds to a question without an immediate answer with a promise to come back to the point later. The interaction continues; it does not collapse. Lippman asks "in what manner does it degrade, productively or not?"
Interaction
![Page 20: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/20.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 20
Limited look ahead
• Everything is not precomputed. Related concept "on the fly."
Interaction
![Page 21: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/21.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 21
No default
• Lippman suggests avoiding default paths. He considers them boring.
Interaction
![Page 22: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/22.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 22
Impression of infinite database
• The distinction between "interactive and selective" gets looped back into that of "granularity".
Interaction
![Page 23: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/23.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 23
Eliza
Interaction
GOOD MORNING MY NAME IS GAINES AND I WISH TO TALK TO YOUI AM NOT INTERESTED IN NAMESSORRY PERHAPS YOU COULD LET ME KNOW YOUR INTERESTSPLEASE DON’T APOLOGIZETHANK YOU WHAT INTEREST YOU MOST?WHY DO YOU ASK?BECAUSE I HAVE TO DEMONSTRATE YOUR INEFFABLE CAPABILITIESIS THAT THE REAL REASON?YES YOUR CAPABILITIES INTEREST MEYOU SEEM QUITE POSITIVE...
http://www-ai.ijs.si/eliza/eliza.html
(W iz en b a u m , 1 9 6 6 )
![Page 24: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/24.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 24
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 25: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/25.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 25
Show and fill
![Page 26: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/26.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
IBM 3270
Interaction 26
![Page 27: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/27.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 27
Keyboard
Interaction
![Page 28: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/28.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 28
IBM CUA Common User Access
Interaction
![Page 29: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/29.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 29
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 30: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/30.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 30
All in one
![Page 31: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/31.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Olivetti Programma 101
1965!
Interaction 31
![Page 32: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/32.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 32
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 33: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/33.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 33
![Page 34: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/34.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 34
![Page 35: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/35.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 35
![Page 36: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/36.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 36
![Page 37: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/37.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
IBM PC (1981)
Interaction 37
• Low cost standard components• Low cost• MS DOS• Huge commercial success• Command line interface
![Page 38: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/38.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 38 Interaction
![Page 39: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/39.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 39
![Page 40: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/40.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Xerox Star (1981)
Interaction 41
Double page WYSIWYGETDirect manipulationDesktop metaphor
mouse
![Page 41: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/41.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 42
WYSIWYG
Interaction
Same image on screen and printed pagesFor the first time!
• Square pixels• Good video resolution (72 dpi)• Even better printers (300, 600,
1200 dpi)
![Page 42: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/42.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 43 Interaction
![Page 43: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/43.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 44
![Page 44: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/44.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 45
![Page 45: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/45.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Xerox star: the philosophy.
Interaction 46
Fam iliar user’s conceptual m odel
Seeing and pointing versus rem em bering and typ ing
W hat you see is w hat you get
U niversal com m ands
C onsistency
S im plic ity
M odeless in teraction
U ser Tailorability
(Sm ith et a l., D esigning the S tar U ser In treface, 1982)
![Page 46: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/46.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 47
•Pointing•Selecting•Dragging
![Page 47: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/47.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Mouse and Fitts law
Interaction 48
)5,0(lo g*9 6,00 3,1 2 s
dt
t Time in second to position mouseD Distance from object in pixelsS Object dimension in pixels
Constants (1.03 and 0.96) are almost the same of manual movements.The mouse is a optimal pointing device
![Page 48: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/48.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 49
D. Enghelbart (1964)
Interaction
(D .Engelbart)
![Page 49: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/49.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 50 Interaction
![Page 50: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/50.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Direct Manipulation
Interaction 51
• Visibility of Object and Actions• Rapid, reversible, incremental
actions• Replacement of complex command-
language syntax with direct, visual manipulation of the object of interest.
Schneiderman (1983)
![Page 51: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/51.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 52 Interaction
![Page 52: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/52.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Desktop metaphor
Interaction 53
![Page 53: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/53.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 54
![Page 54: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/54.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Apple Macintosh (1984)
Interaction 55
“The com puter for the rest of us”
![Page 55: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/55.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 56 Interaction
![Page 56: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/56.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 57
![Page 57: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/57.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 58
![Page 58: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/58.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Windows (1985)
Interaction 59
![Page 59: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/59.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 60
1.0
Interaction
![Page 60: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/60.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 61
2.0
Interaction
![Page 61: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/61.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 62
3.1
Interaction
![Page 62: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/62.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 63
95
Interaction
![Page 63: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/63.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 64
7
Interaction
![Page 64: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/64.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 65
8
Interaction
![Page 65: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/65.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 66
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 66: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/66.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 67
Always connected
![Page 67: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/67.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
August 6, 1991
Interaction 68
![Page 68: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/68.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 69 Interaction
![Page 69: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/69.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 70
![Page 70: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/70.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
WEB: point and click
• Hypertext• Active text, bottons, links• Forms• Multimedia
Interaction 71
![Page 71: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/71.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 72
Vannevar Bush (July 1945)
Interaction
![Page 72: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/72.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 73
Hypertext: link
Interaction
![Page 73: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/73.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 74 Interaction
![Page 74: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/74.jpg)
WEB DESIGN NABA 2014 Roberto DADDA
Talmud
Interaction 75
![Page 75: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/75.jpg)
WEB DESIGN NABA 2014 Roberto DADDA 76 Interaction
![Page 76: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/76.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 77
![Page 77: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/77.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 78
![Page 78: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/78.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 79
![Page 79: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/79.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 80
![Page 80: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/80.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 81
![Page 81: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/81.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 82
![Page 82: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/82.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 83
![Page 83: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/83.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 84
![Page 84: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/84.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 85
1960 Jan Dec1966
Nov1973
Oct1980
Sep1987
Aug1994
Jul2001
Jun2008 2015
Today
Teletype
Video terminal
PC
Tablet & Smartphone
Browser e cloud
Augmented reality
![Page 85: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/85.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 86
Computer & realitytogheter
![Page 86: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/86.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 87
![Page 87: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/87.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 88
![Page 88: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/88.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 89
![Page 89: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/89.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 90
![Page 90: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/90.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 91
![Page 91: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/91.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 92
![Page 92: Interaction](https://reader031.vdocuments.mx/reader031/viewer/2022013011/54baaa624a79597a308b4649/html5/thumbnails/92.jpg)
WEB DESIGN NABA 2014 Roberto DADDAInteraction 93
Roberto Dadda
[email protected]+39 338 775 22 03Twitter, facebook, linkedin: robertodadda