7.a 1

La evoluzione dei paradigmidi interazione uomo-computer

7.a 2

Evoluzione dei paradigmi di interazione

Tecnologie di

interazione

Paradigmi

7.a 3

Le 4 fasi

1960 1970 1980 1990 2000

Teletype

Terminali video

Personal computer

Web

?

7.a 4

Fase 1: La teletype

“Scrivi e leggi”

7.a 5

“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”)– ?

7.a 6

L’utente ha il controllo:command languages

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

(Unix)

7.a 7

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)

7.a 8

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)

7.a 9

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)

7.a 10

Conversazione

La conversazione umana è molto di più di una partita di pallavolo in cui si

gioca “a turno” !

7.a 11

Interattività

“Attività mutua e simultanea da parte di entrambi i partecipanti, che normalmente (ma non necessa-riamente) lavorano per un certo obbiettivo”

(A.Lippman)

7.a 12

Interattività: caratteristiche(secondo A.Lippmann)

1. Interrompibilità

2. Degrado morbido

3. Prospezione limitata

4. Nessun default

5. Impressione di una base di dati infinita

7.a 13

1. Interrompibilità

Ogni interlocutore deve essere in grado di interrompere l’altro in qualunque istante

Interattivo = mutuo e simultaneo, non alternato

7.a 14

2. Degrado morbido

Quando si arriva a una richiesta a cui non c’è risposta, questo non termina l’interazione

Esempio: “Ne parliamo dopo”

7.a 15

3. Prospezione limitata

Non è possibile precalcolare tutto

(In una conversazione, quanto si pensa “in avanti” dicendo una certa cosa?)

7.a 16

4. Nessun default

Nella interazione, non esistono cammini predefiniti di default

7.a 17

5. Impressione di una base dati infinita

Ad ogni passo dell’interazione le alternative sembrano infinite

7.a 18

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

... (Wizenbaum, 1966)

7.a 19

Le 4 fasi

1960 1970 1980 1990 2000

Teletype

Terminali video

Personal computer

Web

Terminali video

7.a 20

Fase 2: Il terminale video

“Indica e compila”

7.a 21

“Indica e compila”: Modalità

• Display editors (cursore)

• Maschere

• Menu

7.a 22

IBM CUA

7.a 23

Le 4 fasi

1960 1970 1980 1990 2000

Teletype

Terminali video

Personal computer

Web

Personal computer

7.a 24

Fase 3: Il personal computer

“Non dirlo, fallo!”

7.a 25

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE MACINT

OSH

1984

MICROSOFT

WINDOWS

1990

7.a 26

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE MACINT

OSH

1984

MICROSOFT

WINDOWS

1990

XEROX STAR

7.a 27

Xerox Star, 1982

Tre aspetti rivoluzionari:

• WHAT YOU SEE IS WHAT YOU GET• Manipolazione diretta• La metafora della scrivania

Schermo grafico a doppia pagina

mouse

7.a 28

WYSIWYG

Il video presenta una immagine “identica” alla pagina stampata

- Tecnologie video e stampante per la prima volta “compatibili”

-- video con buona risoluzione (es 72 dpi)

-- pixel quadrati

-- ma stampante ha risoluzione maggiore

(300,600,1200 dpi)

7.a 29

7.a 30

Xerox Star

7.a 31

Manipolazione diretta: il mouse

Funzioni:

• pointing

• selecting

• dragging

7.a 32

Manipolazione diretta

• Rappresentazione continua dell’oggetto di interesse

• Azioni fisiche, non sintassi complessa

• Operazioni rapide, incrementali, reversibili

• Feedback sull’oggetto di interesse visibile immediatamente

(Shneiderman)

7.a 33

7.a 34

feedback

7.a 35

La metafora della scrivania

• il video “è” il desktop dell’utente

• documenti, cartelle

• disordine

7.a 36

7.a 37

Xerox Star: la filosofia di base

• Familiar user’s conceptual model

• Seeing and pointing versus remembering and typing

• What you see is what you get

• Universal commands

• Consistency

• Simplicity

• Modeless interaction

• User Tailorability

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

7.a 38

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE MACINT

OSH

1984

MICROSOFT

WINDOWS

1990

IBM PC

7.a 39Software Arts, 1979 (Apple II), 1981 (IBM PC)

7.a 40

IBM PC, 1981

• Assemblato da componenti standard• Basso costo• Sistema operativo MS-DOS• Enorme successo commerciale• Interfaccia a comandi

7.a 41

Il personal computer: tappe

IBM PC

1981

XEROX STAR

1982APPLE MACINT

OSH

1984

MICROSOFT

WINDOWS

1990

APPLEMACINT

OSH

7.a 42

Apple Macintosh, 1984

“The computer for the rest of us”

7.a 43

7.a 44

7.a 45

Mac OS X

7.a 46

Microsoft Windows

• Windows 1

• Windows 2

• Windows 3• Windows 95

• Windows 98

• Windows 2000

7.a 47

WINDOWS 1.0

7.a 48

WINDOWS 2.0

7.a 49

WINDOWS 3.1

7.a 50

WINDOWS 95

7.a 51

Gli elementi di un desktop

• Windows

• Icons

• Menus

• Pointing

7.a 52

GNOME

7.a 53

Le 4 fasi

1960 1970 1980 1990 2000

Teletype

Terminali video

Personal computer

WebWeb

7.a 54

Fase 4: Il web

“Point & click”

7.a 55

Breve storia degli ipertesti

1945 Vannevar Bush propone il Memex

1965 Ted Nelson conia il termine “ipertesto”

1986 Guide (OWL)

1987 Hypercard (Apple)

1987 Hypertext ‘87 (primo convegno su ipertesti)

1991 World Wide Web al Cern

1993 Mosaic (NCSA)

1995 IPO di Netscape

1998 AOL compra Netscape

7.a 56

Ipertesto

LINKNODO

7.a 57

“Navigazione” in un ipertesto oggi

Point & click:

• testo attivo

• immagini attive

• bottoni

• tabs

7.a 58

Testo attivo

Immagine attiva

BottoneTab

7.a 59

Crescita del World Wide Web

7.a 60Apple Hypercard, 1987

7.a 61

7.a 62

7.a 63

7.a 64

7.a 65

7.a 66

7.a 67

7.a 68

7.a 69

Netscape

7.a 70

Explorer

7.a 71

Browsers: risultati di uno studio sperimentale

• Più del 90% degli eventi di interazione è navigazionale:

- 52% degli eventi: link following

- 41% degli eventi: bottone “back”

• Solo il 2% delle URL visitate è digitato esplicitamente

• Frequenti modelli di navigazione “hub&spoke”, con pagina centrale a cui si ritorna dopo le esplorazioni

(Catledge & Pitkow, 1995)

7.a 72

Quante rivisite?

In media, per ogni nuova URL visitata, vengono rivisitate 4 pagine

Cockburn & McKenzie, 2000)

7.a 73

7.a 74

Quanto tempo su ogni pagina?

Cockburn & McKenzie, 2000)

Tempi di permanenza superiori a 10 sec sono relativamente rari10 25

7.a 75

Difficoltà nella navigazione web

• Disorientamento(Dove devo andare? Dove sono?)

• Digressioni(la “sindrome del telecomando”)

• Troppa informazione(la “sindrome del museo”)

• Come ricordare l’informazione trovata?(bookmarks e strumenti analoghi)