19. Evoluzione dei paradigmi di interazione (I)

64
Corso di Interazione Uomo Macchina AA 2013-2014 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Evoluzione dei paradigmi di interazione 1 R.Polillo - Marzo 2014 Edizione 2013- 14

description

Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - lezione del 15 maggio 2014

Transcript of 19. Evoluzione dei paradigmi di interazione (I)

Page 1: 19. Evoluzione dei paradigmi di interazione (I)

Corso di Interazione Uomo MacchinaAA 2013-2014

Roberto Polillo

Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione

Evoluzione dei paradigmi di interazione1

R.Polillo - Marzo 2014

Edizione 2013-14

Page 2: 19. Evoluzione dei paradigmi di interazione (I)

Queste slides…

… si basano sul libro “Facile da usare”, dell’autore, dove si trovano tutte le necessarie spiegazioni. Vedi www.rpolillo.it

Queste slide sono disponibili con licenza Creative Commons (attribuzione, non commerciale, condividi allo stesso modo) a chiunque desiderasse utilizzarle, senza necessità di preventiva autorizzazione:

http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it

La licenza non si estende alle immagini fotografiche e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che sono stati indicati, ove possibile, nelle didascalie del libro. L’autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.

R.Polillo - Marzo 2014

2

Page 3: 19. Evoluzione dei paradigmi di interazione (I)

Di che cosa parleremo

In questo corso non ci interessa studiare le tecnologie, ma gli stili di interazione

Vedremo quindil’evoluzione storica dei principali stili che si sono consolidati negli anni

Page 4: 19. Evoluzione dei paradigmi di interazione (I)

TECNOLOGIE DI INTERAZIONE

PARADIGMI DI INTERAZIONE

permettono nuovi

suggeriscononuove

Evoluzione degli stili di interazione

Page 5: 19. Evoluzione dei paradigmi di interazione (I)

Le tecnologie possibili sono tante…

sistema utente

OUTPUT DEVICES

INPUT DEVICES

• Vista• Udito• Tatto

• Mani• Voce• Sguardo• Postura

- display video- stampanti- sound devices- haptic devices

- tastiere- manipolazione indiretta- manipolazione diretta- riconoscimento vocale- eye tracking- body sensor

INPUT DEVICES mondo- scanner- foto & video camera- sound recorder- GPS- sensori di prossimità

Page 6: 19. Evoluzione dei paradigmi di interazione (I)

Le tecnologie possibili sono tante…

… ma quelle dominanti in un certo periodo hanno determinato i principali “paradigmi” di interazione, che sono relativamente pochi

R.Polillo - Marzo 2014

6

Page 7: 19. Evoluzione dei paradigmi di interazione (I)

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobiles

Page 8: 19. Evoluzione dei paradigmi di interazione (I)

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobiles

Page 9: 19. Evoluzione dei paradigmi di interazione (I)

Tecnologia dominante: teletype

Page 10: 19. Evoluzione dei paradigmi di interazione (I)

"Scrivi e leggi"10

R.Polillo - Marzo 2014

Page 11: 19. Evoluzione dei paradigmi di interazione (I)

“Scrivi e leggi”: modalità

L’utente ha il controllo command languages query languages line editors adventure games ...

Il computer ha il controllo Q&A advisory systems ...

Entrambi hanno il controllo (“conversazione”) ?

Page 12: 19. Evoluzione dei paradigmi di interazione (I)

L’utente ha il controllo: command languages

$pwd/usr/roberto$lsfilea fileb filec$rm filea$

(Unix)

Page 13: 19. Evoluzione dei paradigmi di interazione (I)

L’utente ha il controllo: query languages

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... (Intellect)

Page 14: 19. Evoluzione dei paradigmi di interazione (I)

L’utente ha il controllo: adventure games

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 15: 19. Evoluzione dei paradigmi di interazione (I)

Il computer ha il controllo : sistemi esperti

(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 16: 19. Evoluzione dei paradigmi di interazione (I)

La conversazione umana

Nella conversazione umana, il controllo passa da un interlocutore all’altro, a seconda del contesto, con meccanismi molto complessi

Page 17: 19. Evoluzione dei paradigmi di interazione (I)

Il test di Turing

Un test proposto nel 1950 da Alan Turing

• Un umano A interroga gli interlocutori B e C

• Si sa che un interlocutore è umano (non conosce A), e che l’altro è un computer

• A deve decidere chi è l’uomo e chi è il computer

B

CA

Interlocutori

Stanza chiusa

Interrogante

Page 18: 19. Evoluzione dei paradigmi di interazione (I)

”Fra circa cinquant’anni sarà possibile programmare i computer … in modo tale da farli rispondere così bene che un interrogante medio non avrà più del 70% di possibilità di fare una identificazione corretta dopo 5 minuti di domande”

(Turing, 1950)

Page 19: 19. Evoluzione dei paradigmi di interazione (I)

ElizaHUMAN: GOOD MORNING MY NAME IS GAINES AND I WISH TO TALK TO YOU

ELIZA: I AM NOT INTERESTED IN NAMES

HUMAN: SORRY PERHAPS YOU COULD LET ME KNOW YOUR INTERESTS

ELIZA: PLEASE DON’T APOLOGIZE

HUMAN: THANK YOU WHAT INTEREST YOU MOST?

ELIZA: WHY DO YOU ASK?

HUMAN: BECAUSE I HAVE TO DEMONSTRATE YOUR INEFFABLE CAPABILITIES

ELIZA: IS THAT THE REAL REASON?

HUMAN: YES YOUR CAPABILITIES INTEREST ME

ELIZA: YOU SEEM QUITE POSITIVE

...

(Weizenbaum, 1966)

Page 20: 19. Evoluzione dei paradigmi di interazione (I)

The Loebner Prizehttp://www.loebner.net/Prizef/loebner-prize.html

Una gara annuale di programmi che si sottopongono al test di Turing (dal 1990)

Il programma che supera il test riceve $100.000 Finora nessuno ha superato il test Il migliore del 2006: Jabberwacky

(in http://www.jabberwacky.com si può chattare con Jabberbacky)

Il migliore del 2013: Mitsuku)(si può chattare in http://www.mitsuku.com )

Page 21: 19. Evoluzione dei paradigmi di interazione (I)

Loebner prize: SAM, il migliore del 2005

SAM: Hello, my name is Sam and I am the human.JUDGE: Hi Sam, tell me which is larger, a TV screen or Belgium.SAM: Belgium is a little bit larger.JUDGE: Wljso lwjejdo wleje elwjeo wjeol, isn't it?SAM: Is that Polish?JUDGE: Who.SAM: What you wrote above.JUDGE: This is ljelwl, aren't you.SAM: I'm a little worried about your writing skills.JUDGE: Which is further away from this apartment, Queens or the Queen of England?SAM: If the Queen is visiting Manhattan, she is closer.JUDGE: If the Queen is visiting Manhattan, won't she want to abdicate?SAM: I would.JUDGE: You would rather not be Queen, then, right?SAM: I'd like to be Queen, but England's damp. How about you?JUDGE: Which is damper, England or under your sink?SAM: I'd like to be Queen, but England's damp. How about you?JUDGE: You didn't answer the question.SAM: You didn't answer my question. But please look at my response again.JUDGE: Change of subject: if you are human, you should know: what is lewleoxoe?SAM: Perhaps I should, but my Polish is rusty.JUDGE: How can a language be rusty, there is no metal in it?SAM: You write like a computer.JUDGE: Thanks a real compliment. You write like a human!SAM: Is that a compliment?JUDGE: Good thing I am the judge, not you. You would say I was a machine!SAM: There may be worse things to be.JUDGE: Which, a machine or a judge?SAM: Ha ha. I'll leave that you to. You're the judge!

Page 22: 19. Evoluzione dei paradigmi di interazione (I)

Oggi: scrivi e leggi parla e ascolta

Esempio:Apple Siri: in iPhone 4S ott 2011, in iPad in set 2012Demo: https://www.youtube.com/watch?v=MtwVQhEXCcc

R.Polillo - Marzo 2014

22

Page 23: 19. Evoluzione dei paradigmi di interazione (I)

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobile

Page 24: 19. Evoluzione dei paradigmi di interazione (I)

Tecnologia dominante: terminale video

Esempio: Il terminale IBM 3270 (1972)

tipicamente: 80 colonne

tipic

amen

te:

24 r

ighe

cursore

tasti posizionamento cursore

Page 25: 19. Evoluzione dei paradigmi di interazione (I)

"Indica e compila"25

R.Polillo - Marzo 2014

Page 26: 19. Evoluzione dei paradigmi di interazione (I)

“Indica e compila”: applicazioni tipiche

Display editors (cursore) Sistemi informativi (menu + forms)

Page 27: 19. Evoluzione dei paradigmi di interazione (I)

Display editor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In eros. Praesent quam tellus, vulputate pulvinar, cursus non, malesuada quis, nisi. Morbi placerat euismod orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi sit amet mi at libero dictum cursus. Aenean pellentesque. Aliquam condimentum. Aenean est.

cursore

Comandi: Insert, Append, Delete, ….

Esempio tipico: Vi (Unix)

Page 28: 19. Evoluzione dei paradigmi di interazione (I)

Sistemi informativi: esempio di form

Page 29: 19. Evoluzione dei paradigmi di interazione (I)

Sistemi informativi: esempio di menu

da IBM CUA (Common User Access): un insieme di linee guida per l’interfaccia utente, pubblicato da IBM nel 1987

Page 30: 19. Evoluzione dei paradigmi di interazione (I)

Le macro-fasi

1960 1970 1980 1990 2000

Teletype

Personal computer

Web

Terminali video

Mobiles

Page 31: 19. Evoluzione dei paradigmi di interazione (I)

Tecnologia dominante: personal computer

Page 32: 19. Evoluzione dei paradigmi di interazione (I)

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE

MACINTOSH

1984+

MICROSOFTWINDOWS

1990+

Page 33: 19. Evoluzione dei paradigmi di interazione (I)

"Non dirlo, fallo!"33

R.Polillo - Marzo 2014

Page 34: 19. Evoluzione dei paradigmi di interazione (I)

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE

MACINTOSH

1984

MICROSOFTWINDOWS

1990

XEROX STAR

Page 35: 19. Evoluzione dei paradigmi di interazione (I)

Xerox Star, 1982

Schermo grafico a doppia pagina

mouse

Page 36: 19. Evoluzione dei paradigmi di interazione (I)

Xerox Star: la filosofia di base

Familiar user’s conceptual model (“desktop”) Seeing and pointing versus remembering and typing What you see is what you get ("WYSIWYG")

Page 37: 19. Evoluzione dei paradigmi di interazione (I)

What you see is what you get (“WYSIWYG”)

Il video presenta una immagine “identica” alla pagina stmpata

Con lo Star, per la prima volta, le tecnologie di video e stampante sono “abbastanza” compatibili:

- video con buona risoluzione - pixel quadrati- stampante laser di buona qualità (ma con risoluzione molto maggiore del video)

Page 38: 19. Evoluzione dei paradigmi di interazione (I)

Seeing & pointing vs remembering & typing

Paradigma della manipolazione diretta: Azioni fisiche su oggetti rappresentati sul video, non

linguaggio di comandi Rappresentazione continua dell’oggetto di interesse Operazioni rapide, incrementali, reversibili Feedback sull’oggetto di interesse visibile

immediatamente(Shneiderman)

Page 39: 19. Evoluzione dei paradigmi di interazione (I)

Manipolazione diretta: il mouse

Funzioni principali:• pointing• selecting• dragging

Page 40: 19. Evoluzione dei paradigmi di interazione (I)

Il primo mouse, 1964

(D.Engelbart)

Page 41: 19. Evoluzione dei paradigmi di interazione (I)

Tipi di mouse

Macintosh Star Sun

Page 42: 19. Evoluzione dei paradigmi di interazione (I)

Mouse e legge di Fitts

I movimenti del mouse seguono la legge di Fitts: T = 1.03 + 0.96 log2 (D/S + 0.5)

T = tempo per posizionare il mouse (in secondi)

D = distanza dall’oggetto (in pixels)

S = larghezza dell’oggetto

Le costanti (1.03 e 0.96) sono circa le stesse dei movimenti manuali. Pertanto il mouse è quasi ottimale come pointing device

Page 43: 19. Evoluzione dei paradigmi di interazione (I)

(Un gioco di scacchi per il Macintosh, circa 1987)

Page 44: 19. Evoluzione dei paradigmi di interazione (I)

feedback

Page 45: 19. Evoluzione dei paradigmi di interazione (I)

Familiar user conceptual model: la metafora della scrivania

il video “è” il desktop dell’utente documenti, cartelle disordine

Page 46: 19. Evoluzione dei paradigmi di interazione (I)
Page 47: 19. Evoluzione dei paradigmi di interazione (I)

Video

Star user interface (lungo):https://www.youtube.com/watch?v=Cn4vC80Pv6Q (Parte I)https://www.youtube.com/watch?v=ODZBL80JPqw (Parte II)

(più breve:) https://www.youtube.com/watch?v=wOAm7EiFNu8

Page 48: 19. Evoluzione dei paradigmi di interazione (I)

Xerox Star: la filosofia di base (segue)

Universal commands Consistency Simplicity Modeless interaction User tailorability

(Smith et al., Designing the Star User Intreface, 1982)

• Familiar user’s conceptual model (“desktop”)• Seeing and pointing versus remembering and typing• What you see is what you get

Page 49: 19. Evoluzione dei paradigmi di interazione (I)

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE

MACINTOSH

1984

MICROSOFTWINDOWS

1990

IBM PC

Page 50: 19. Evoluzione dei paradigmi di interazione (I)

IBM PC, 1981

• Assemblato da componenti standard• Basso costo• Sistema operativo MS-DOS (Microsoft, non IBM), con interfaccia a comandi• Enorme successo commerciale

Page 51: 19. Evoluzione dei paradigmi di interazione (I)

Software Arts, 1979 (Apple II), 1981 (IBM PC)

Page 52: 19. Evoluzione dei paradigmi di interazione (I)

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE

MACINTOSH

1984

MICROSOFTWINDOWS

1990

APPLEMACINTOSH

Page 53: 19. Evoluzione dei paradigmi di interazione (I)

Apple Macintosh, 1984

“The computer for the rest of us”

Ispirato allo Star della Xerox:https://www.youtube.com/watch?v=vpMeFh37mCE

https://www.youtube.com/watch?v=y58u79RrK60

Page 54: 19. Evoluzione dei paradigmi di interazione (I)

Desktop ispirato da Xerox Star, ma semplificato

Page 55: 19. Evoluzione dei paradigmi di interazione (I)
Page 56: 19. Evoluzione dei paradigmi di interazione (I)

Apple Leopard OS desktop, 2008

Page 57: 19. Evoluzione dei paradigmi di interazione (I)

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE

MACINTOSH

1984

MICROSOFTWINDOWS

1990

Page 58: 19. Evoluzione dei paradigmi di interazione (I)

Microsoft Windows

Windows 1 Windows 2 Windows 3 (1990) Windows 95 Windows 98 Windows 2000 Windows XP Windows VISTA Windows 7 Windows 8

Page 59: 19. Evoluzione dei paradigmi di interazione (I)

Windows vs Mac (1983 – 2011)

https://www.youtube.com/watch?v=_onj4isp9fY

R.Polillo - Marzo 2014

59

Page 60: 19. Evoluzione dei paradigmi di interazione (I)

WINDOWS 1.0

Page 61: 19. Evoluzione dei paradigmi di interazione (I)

WINDOWS 2.0

Page 62: 19. Evoluzione dei paradigmi di interazione (I)

WINDOWS 3.1

Page 63: 19. Evoluzione dei paradigmi di interazione (I)

WINDOWS 95

Page 64: 19. Evoluzione dei paradigmi di interazione (I)

WIMP

Con questa sigla si indica spesso la classe di interfacce che seguono la filosofia impostata da Star (Mac, Windows, …):

Windows Icons Menus Pointing