14 lezione 3 maggio 20041 il design dellinterazione
TRANSCRIPT
![Page 1: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/1.jpg)
14 lezione 3 Maggio 2004 1
IL DESIGN DELL’INTERAZIONE
![Page 2: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/2.jpg)
14 lezione 3 Maggio 2004 2
Temi
• Come facciamo le cose
• Le cose che ci aiutano
• Sistemi di help
• I sette principi del dialogo
![Page 3: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/3.jpg)
14 lezione 3 Maggio 2004 3
Come facciamo le cose
![Page 4: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/4.jpg)
14 lezione 3 Maggio 2004 4
Traduzione italiana:
Donald Norman,
“La caffettiera del masochista”
![Page 5: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/5.jpg)
14 lezione 3 Maggio 2004 5
Come facciamo le cose
I sette stadi dell’azione secondo Norman:
1. Formare lo scopo
2. Formare l’intenzione
3. Specificare un’azione
4. Eseguire l’azione
5. Percepire lo stato del mondo
6. Interpretare lo stato delmondo
7. Valutare il risultato
il “golfo dell’esecuzione”
il “golfo della valutazione”lo sforzo per interpretare lo stato fisico del sistema e determinare fino a che punto corrisponda alle aspettative o alle intenzioni
la differenza fra le intenzioni e le azioni possibili
![Page 6: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/6.jpg)
14 lezione 3 Maggio 2004 6
![Page 7: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/7.jpg)
14 lezione 3 Maggio 2004 7
“To be simple is to be great”
R.W.Emerson
“You should be as simple as possible, not simpler”
A.Einstein
![Page 8: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/8.jpg)
14 lezione 3 Maggio 2004 8
Le cose che ci aiutano
![Page 9: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/9.jpg)
14 lezione 3 Maggio 2004 9
L’obbiettivo del progettista
Progettare le cose in modo che ci aiutino a superare le difficoltà insite nel loro uso In particolare, che ci aiutino a:
- superare il “golfo della esecuzione”
- superare il “golfo della valutazione”
… senza costringerci a ricorrere a manuali d’uso!
![Page 10: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/10.jpg)
14 lezione 3 Maggio 2004 10
“Ho una regola semplice per individuare il cattivo design. Tutte le volte che trovo indicazioni su come usare qualcosa, si tratta di un oggetto progettato male”
Donald Norman
![Page 11: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/11.jpg)
14 lezione 3 Maggio 2004 11
Quanti manuali avete a casa?
TV
Registratore video
HIFI
CD
Sveglia elettronica
Radio
Computer
Stampante
Cellulare
Allarme antiintrusione
Frigorifero
Forno a microonde
Lavatrice
Scaldabagno
Asciugacapelli
Rasoio elettrico
Macchina fotografica
Videocamera
Condizionatore
Automobile
eccetera
eccetera
![Page 12: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/12.jpg)
14 lezione 3 Maggio 2004 12
La sfida per il progettista
Progettare cose usabili
senza manuali
![Page 13: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/13.jpg)
14 lezione 3 Maggio 2004 13
Telecomando TV
(Sony)
65 pulsanti !
![Page 14: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/14.jpg)
14 lezione 3 Maggio 2004 14
![Page 15: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/15.jpg)
14 lezione 3 Maggio 2004 15
Per superare il “golfo della esecuzione”
Progettare le cose in modo che ci inviino messaggi chiari sul loro possibile uso, sulle loro azioni e sulle loro funzioni
“AFFORDANCES”
![Page 16: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/16.jpg)
14 lezione 3 Maggio 2004 16
![Page 17: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/17.jpg)
14 lezione 3 Maggio 2004 17
![Page 18: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/18.jpg)
14 lezione 3 Maggio 2004 18Apparecchio radio: esempio 1
![Page 19: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/19.jpg)
14 lezione 3 Maggio 2004 19Apparecchio radio: esempio 2
![Page 20: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/20.jpg)
14 lezione 3 Maggio 2004 20
![Page 21: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/21.jpg)
14 lezione 3 Maggio 2004 21
![Page 22: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/22.jpg)
14 lezione 3 Maggio 2004 22
![Page 23: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/23.jpg)
14 lezione 3 Maggio 2004 23?
![Page 24: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/24.jpg)
14 lezione 3 Maggio 2004 24
BOTTONI O TITOLI?
![Page 25: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/25.jpg)
14 lezione 3 Maggio 2004 25
Sliders
MAC OS 8
![Page 26: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/26.jpg)
14 lezione 3 Maggio 2004 26
WINDOWS 2.0
![Page 27: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/27.jpg)
14 lezione 3 Maggio 2004 27
WINDOWS 95
![Page 28: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/28.jpg)
14 lezione 3 Maggio 2004 28
Per superare il “golfo della valutazione”
Progettare le cose in modo che ci inviino messaggi facilmente interpretabili sul loro stato dopo la nostra azione su di esse
![Page 29: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/29.jpg)
14 lezione 3 Maggio 2004 29
Sistemi di help
![Page 30: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/30.jpg)
14 lezione 3 Maggio 2004 30
Sistemi di help
Insiemi di funzioni di aiuto all’utente, attivate su sua richiesta o automaticamente dal sistema
![Page 31: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/31.jpg)
14 lezione 3 Maggio 2004 31
Le richieste dell’utente
• “Che cosa è questo?”
• “Come faccio a ….?” (golfo della esecuzione)
• “Che cosa sta succedendo?” (golfo della
valutazione)
![Page 32: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/32.jpg)
14 lezione 3 Maggio 2004 32
Balloon help
Macintosh System 7
![Page 33: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/33.jpg)
14 lezione 3 Maggio 2004 33
![Page 34: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/34.jpg)
14 lezione 3 Maggio 2004 34
Windows 3.0
![Page 35: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/35.jpg)
14 lezione 3 Maggio 2004 35
![Page 36: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/36.jpg)
14 lezione 3 Maggio 2004 36
L’IDEA
• Non solo una guida
• Non solo qualcuno che risponde a delle domande…
• … ma un assistente competente, intelligente, proattivo
![Page 37: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/37.jpg)
14 lezione 3 Maggio 2004 37
![Page 38: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/38.jpg)
14 lezione 3 Maggio 2004 38
![Page 39: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/39.jpg)
14 lezione 3 Maggio 2004 39
![Page 40: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/40.jpg)
14 lezione 3 Maggio 2004 40
![Page 41: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/41.jpg)
14 lezione 3 Maggio 2004 41
Assistenti Windows 95
![Page 42: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/42.jpg)
14 lezione 3 Maggio 2004 42
![Page 43: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/43.jpg)
14 lezione 3 Maggio 2004 43
GUIDED TOURS
![Page 44: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/44.jpg)
14 lezione 3 Maggio 2004 44
![Page 45: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/45.jpg)
14 lezione 3 Maggio 2004 45
![Page 46: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/46.jpg)
14 lezione 3 Maggio 2004 46
I sette principi del dialogo
![Page 47: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/47.jpg)
14 lezione 3 Maggio 2004 47
I 7 principi del dialogo
1. Adeguatezza al compito
2. Autodescrittività
3. Controllabilità
4. Conformità alle aspettative dell’utente
5. Tolleranza agli errori
6. Adeguatezza alla personalizzazione
7. Adeguatezza all’apprendimento
(ISO 9241-10)
![Page 48: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/48.jpg)
14 lezione 3 Maggio 2004 48
1. Adeguatezza al compito
“Un dialogo è adeguato al compito nella misura in cui supporta l’utente nell’efficace ed efficiente completamento del compito”
ISO 9241-10
![Page 49: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/49.jpg)
14 lezione 3 Maggio 2004 49
![Page 50: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/50.jpg)
14 lezione 3 Maggio 2004 50
2. Auto-descrittività
“Un dialogo è autodescrittivo nella misura in cui ogni passo di dialogo è immediatamente comprensibile attraverso un feedback del sistema oppure è spiegato all’utente quando questi richieda l’informazione rilevante”
ISO 9241-10help
![Page 51: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/51.jpg)
14 lezione 3 Maggio 2004 51
Esempio
Da: Microsoft Word for Windows
![Page 52: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/52.jpg)
14 lezione 3 Maggio 2004 52
3. Controllabilità
“Un dialogo è controllabile nella misura in cui l’utente è capace di mantenere il controllo sull’intero corso dell’interazione fino a quando l’obbiettivo è stato raggiunto”
ISO 9241-10
![Page 53: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/53.jpg)
14 lezione 3 Maggio 2004 53
4. Conformità alle aspettative
“Un dialogo è conforme alle aspettative dell’utente nella misura in cui corrisponde alla conoscenza del compito, alla formazione e all’esperienza dell’utente, e alle convenzioni comunemente seguite”
ISO 9241-10
![Page 54: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/54.jpg)
14 lezione 3 Maggio 2004 54
5. Tolleranza agli errori
“Un dialogo è tollerante agli errori nella misura in cui, a dispetto di evidenti errori di input, i risultati desiderati possono essere ottenuti senza (o con minime) azioni correttive”
ISO 9241-10
![Page 55: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/55.jpg)
14 lezione 3 Maggio 2004 55
6. Adeguatezza alla personalizzazione
“Un dialogo è adeguato alla personalizza-zione nella misura in cui il sistema di dialogo è costruito in modo da permettere adatta-menti alle necessità e capacità individuali dell’utente per un dato compito”
ISO 9241-10
![Page 56: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/56.jpg)
14 lezione 3 Maggio 2004 56
7. Adeguatezza all’apprendimento
“Un dialogo è adeguato all’apprendimento nella misura in cui esso fornisce mezzi, guida e stimolo all’utente durante le fasi di apprendimento”
ISO 9241-10
![Page 57: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/57.jpg)
14 lezione 3 Maggio 2004 57
Esercizio
![Page 58: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/58.jpg)
14 lezione 3 Maggio 2004 58
Esercizio
Quale delle due interfacce utente che seguono è la migliore?
Compito: search & replace di stringhe
![Page 59: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/59.jpg)
14 lezione 3 Maggio 2004 59
Soluzione 1
![Page 60: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/60.jpg)
14 lezione 3 Maggio 2004 60
Soluzione 2
![Page 61: 14 lezione 3 Maggio 20041 IL DESIGN DELLINTERAZIONE](https://reader033.vdocumenti.com/reader033/viewer/2022061615/5542eb5a497959361e8c6e98/html5/thumbnails/61.jpg)
14 lezione 3 Maggio 2004 61
“There are no simple answers, only tradeoffs”
Donald A.Norman