gli artefatti digitali. m.a. alberti aa 2004/05 sistemi multimediali gli artefatti digitali 2...
TRANSCRIPT
![Page 1: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/1.jpg)
Gli artefatti digitali
![Page 2: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/2.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
2
L’abbinamento strutturale
• Il design attua l’abbinamento tra corpo e artefatto digitale mediante criteri grafici• Forma, colore, dimensione, posizione, orientamento, texture
e trasformazioni temporali (animazioni, video)
• Un’azione viene avviata tramite action triggers • Pulsanti o bottoni raggruppati in menu
![Page 3: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/3.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
3
L’abbinamento strutturale
Utente Azione o compito Interfaccia dell’utensileo artefatto
![Page 4: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/4.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
4
![Page 5: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/5.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
5
L’interfaccia
Il progetto di un’interfaccia riguarda:
• l’analisi delle sequenze operative che l’utente deve compiere per eseguire determinati compiti
• le componenti visive tramite cui si costituisce lo spazio operativo sullo schermo del monitor
![Page 6: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/6.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
6
L’interfaccia
Il progetto di un’interfaccia consiste:
• scelta delle funzioni• loro denominazione • organizzazione in gruppi di similitudine• individuare una gerarchica su livelli diversi• trattamento visivo
Nella concezione riduzionistica del design esso si limita all’ultimo passo.
Infodesign non è infostyling.
![Page 7: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/7.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
7
Ingegneria vs design
• Punto di vista dell’ingegneria
velocitàaffidabilitàprestazione...
• Punto di vista del design
facilità e rapiditàd’apprendimento daparte di utenti nonnecessariamenteesperti
Il programma vienevalutato in termini di
![Page 8: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/8.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
8
Il design
• Il design non può essere applicato dopo che il prodotto è stato realizzato• Anche se questo è quello che comunemente si
crede
• Il design deve essere parte integrante del processo di sviluppo per essere efficace
![Page 9: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/9.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
9
Il processo del design
• Simile alle tipiche metodologie ingegneristiche
• Una comprensione iniziale del problema basata sull’esperienza o sulla ricerca
• Seguita da un processo iterativo di generazione e valutazione fino alla soluzione che meglio soddisfa i requisiti
![Page 10: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/10.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
10
Il contesto del design• Analizzare e interpretare i processi operativi
• Specificare la funzionalità d’uso
• Organizzare i comandi
• Definire i flussi delle diverse sequenze operative• storyboards
• Design dei componenti grafici
• Design della documentazione • i manuali parte integrante del progetto di interfaccia
• Design del materiale promozionale
![Page 11: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/11.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
11
Il ruolo del designer
• Svolge un servizio
L’infodesign offre poche opportunità di soddisfare tendenze narcisistiche e diffondere creazioniegocentriche. Si suppone che il pubblico non sia particolarmente interessato a queste manifestazionipersonali. L’infodesign è in primo luogo un servizio.Questa constatazione contrasta con le ambizioni diespressione individualistica.
Gui Bonsiepe
![Page 12: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/12.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
12
Il ruolo del designer
• Svolge un ruolo cognitivo in quanto è un coautore
— selezione dei contenuti
— ordinamento
— gerarchizzazione
— collegamenti
— distinzioni visive
Azione efficace
![Page 13: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/13.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
13
Il designer sceneggiatore
• Il ruolo del designer d’interfacce è simile al ruolo dello sceneggiatore teatrale
• Una rappresentazione di oggetti e di ambienti per fornire un contesto per l’azione
• In scena: disegni di oggetti che hanno alcune funzioni (porte che si aprono), luci per attirare attenzione (colore intensità orientamento), pannelli che rappresentano elementi architetturali
• Nelle interfacce: disegni degli oggetti modellati dal sw, del modo per impartire loro un comportamento e dell’ambiente in cui si svolgono azioni
![Page 14: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/14.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
14
Una rappresentazione del mondo
• Lo sceneggiatore e il disegner grafico creano rappresentazioni del mondo reale• Simulando aspetti del reale
• Ma il disegn visuale non è tutta l’interfaccia
• Come lo sceneggiatore non scrive completamente il pezzo teatrale
![Page 15: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/15.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
15
Arte e design
• Il designer non è un artista
• Spesso un elemento di confusione
• L’arte è valutata per la sua originalità ed espressività
• Il design deve risolvere conflitti imposti dal problema, dal budget, dalla tempistica
• Più vicino alle discipline ingegneristiche
• Trova continuamente trade-off
![Page 16: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/16.jpg)
There are no simple answers, only tradeoffs
Donald A. Norman
![Page 17: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/17.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
17
La via del successo
• Un reale successo può essere raggiunto solo attraverso la stretta collaborazione tra
• Designer sensibili alle problematiche di sviluppo del sistema
• Programmatori e produttori sensibili alle problematiche del design visuale e concettuale
![Page 18: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/18.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
18
![Page 19: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/19.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
19http://www.rottentomatoes.com/
![Page 20: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/20.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
20
www.unisource.it
![Page 21: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/21.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
21
www.itholding.it
![Page 22: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/22.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
22
OK, ma da dove devo cominciare?
Perchè lohanno messo
lì?
Perchè lo chiamano
così?
Questi due linksembrano
uguali.Perchè?
E’ lì che devocliccare?
Ma a che cosa serve questo sito?
![Page 23: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/23.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
23
http://www.betterphoto.com
![Page 24: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/24.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
24
La manipolazione diretta
• Una rappresentazione continua e consistente dell’oggetto d’interesse
• Azioni fisiche che eliminano la necessità di apprendere sintassi complesse per modificare il comportamento degli oggetti
• Rapide operazioni incrementali e reversibili, immediatamente visibili grazie a feedback
Termine introdotto da Shneiderman
![Page 25: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/25.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
25
Ruolo della manipolazione diretta
• La manipolazione diretta crea un senso di coinvolgimento diretto ed è la chiave dell’interazione uomo-macchina• Sketchpad, Sutherland 1963
• Nel mondo digitale tutto ciò che importa è la rappresentazione, in cui inter-agiscono utenti, oggetti software e elementi dell’interfaccia• Una sorta di WYSIWYG esistenziale
Termine coniato allo Xerox PARC: un paradigma per interfacce a manipolazione diretta
![Page 26: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/26.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
26
Sliders
MAC OS 8
![Page 27: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/27.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
27
Bottoni
![Page 28: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/28.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
28
BOTTONI O TITOLI?
![Page 29: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/29.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
29 ?
![Page 30: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/30.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
30
WINDOWS 2.0
![Page 31: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/31.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
31
WINDOWS 95
![Page 32: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/32.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
32
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
![Page 33: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/33.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
33
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
![Page 34: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/34.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
34
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
![Page 35: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/35.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
35
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
![Page 36: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/36.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
Tre variabili indipendenti
ambienti
obiettivi
utenti
![Page 37: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/37.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
37
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
le risorse spese per ottenere tale risultato
le risorse spese per ottenere tale risultato
l’accuratezza e completezza con cui raggiungo l’obiettivo
![Page 38: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/38.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
38
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
Possiamo definire delle metriche
![Page 39: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/39.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
39
chi è?
![Page 40: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/40.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
40
chi è?
![Page 41: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/41.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
41
![Page 42: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/42.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
42
Sfondo rosso ?!?
![Page 43: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/43.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
43
I 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 44: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/44.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
44
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 45: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/45.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
45
![Page 46: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/46.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
46
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-10
help
![Page 47: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/47.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
47
Esempio
Da: Microsoft Word for Windows
Premendo Help:
You tried to create a copy of a file that uses the same filename and location as the original file. You cannot copy a file to itself.
To correct this problem: type a new filename or path.
![Page 48: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/48.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
48
Da: SQL Windows
Esempio
![Page 49: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/49.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
49
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’obiettivo è stato raggiunto”
ISO 9241-10
![Page 50: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/50.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
50
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 51: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/51.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
51
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 52: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/52.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
52
6. Adeguatezza alla personalizzazione
“Un dialogo è adeguato alla personalizzazione
nella misura in cui il sistema di dialogo è
costruito in modo da permettere adattamenti
alle necessità e capacità individuali dell’utente
per un dato compito”
ISO 9241-10
![Page 53: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/53.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
53
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 54: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/54.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
54
Esempio
![Page 55: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/55.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
55
Esercizio
Quale delle due interfacce utente che seguono è più adeguata?
Compito: formattare uno o più dischetti
Utente: uno di noi
Contesto: uso tipico: casa o ufficio
![Page 56: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/56.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
56
Soluzione 1
![Page 57: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/57.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
57
Soluzione 2
![Page 58: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/58.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
58
Esercizio
Quale delle due interfacce utente che seguono è la migliore?
Compito: search & replace di stringhe
![Page 59: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/59.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
59
Soluzione 1
![Page 60: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/60.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
60
Soluzione 2
![Page 61: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/61.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
61
Creatività e design
Quali processi permettono di creare nuovi artefatti?
• Mimesi
• Ibridazione
• Metafora
• Mutazione
• …
![Page 62: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/62.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
62
Mimesi
![Page 63: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/63.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
63
Mimesi
![Page 64: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/64.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
64
Mimesi
![Page 65: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/65.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
65
Mimesi
![Page 66: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/66.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
66
Ibridazione
Letteralmente:
incrociare piante o animali di specie diverse in modo da ottenere ibridi
• Esempio:
lavagna + proiettore lavagna luminosa
![Page 67: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/67.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
67
Ibridazione
![Page 68: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/68.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
68
Metafora
Dal greco trasferimento: il processo linguistico basato su analogia o similitudine sottointesa, per cui si traspone un vocabolo o una locuzione dal senso proprio a un senso figurato.
sei un cannone, sei un fulmine, annegare nei debiti, l’ondeggiare delle spighe, una grandine di pugni.
La similitudine originaria può non essere più presente
il braccio della lampada o la gamba del tavolo.
Un mezzo espressivo, un arricchimento semantico
![Page 69: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/69.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
69
Metafore comuni nel sw
• Il secchio di vernice per la funzione di colorazione di superfici.
• Il pennello per la funzione di colorazione delle linee.
![Page 70: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/70.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
70
Mutazione
Fenomeno per cui in una specie si origina un individuo che presenta alcuni caratteri diversi dai suoi ascendenti, e li trasmette alla discendenza.
![Page 71: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/71.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
71
Il design generativo
• Progettare un artefatto e generarne automaticamente delle mutazioni genetiche.
• Progettare le caratteristiche essenziali di un artefatto e un computer genera possibili istanze
• metadesign o design di specie.
![Page 72: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/72.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
72
Metadesign
Le sedie sono ottenute automaticamente: sono tutte diverse, ma condividono i caratteri genetici
http://soddu2.dst.polimi.it/
![Page 73: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/73.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
73
![Page 74: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/74.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
74
Emergent design: Chair farm
![Page 75: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/75.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
75
Un metaprogetto architetturale
Diversi modelli 3D ottenuti dallo stesso meta-progetto
![Page 76: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/76.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
76
Basilica, C.Soddu, 1998
![Page 77: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/77.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
77
![Page 78: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/78.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
78
Evoluzione degli artefatti
• Elettrodomestici specializzati nell’elaborazione di informazione• Strumenti musicali elettrici, tastiere varie: l’infodomestico
musicale
• Macchine fotografiche digitali, visori
• Apparecchi medicali
![Page 79: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/79.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
79
Gli infodomestici intelligenti
• Oggetti che inglobano comportamento intelligente.
• Il progetto TTT Things that think del MIT• http://www.media.mit.edu/ttt/
• Kitchen Sync: una cucina che ha conoscenza tanto da sapere che voi volete il vino bianco chardonnay freddo e il sugo caldo; oppure conosce le misure di un pizzico, un cucchiaio …
• Mort: un pinguino parlante
• Toys to Think With
• Programmable Bricks
• Hyperinstruments
![Page 80: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/80.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
80
Pro e contro
• Vantaggi• La specializzazione consente di assolvere bene
un dato compito e di realizzare un design ottimale• Strutturazione fisica su misura
• Interfaccia adeguata
• Conseguente facilità di utilizzo
![Page 81: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/81.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
81
Pro e contro
• Svantaggi• Perdita di possibilità di condivisione dati
• Maggiore flessibilità del computer general pourpose
• Maggiore costo complessivo
![Page 82: Gli artefatti digitali. M.A. Alberti AA 2004/05 Sistemi multimediali Gli artefatti digitali 2 Labbinamento strutturale Il design attua labbinamento tra](https://reader036.vdocumenti.com/reader036/viewer/2022062701/5542eb58497959361e8c3a50/html5/thumbnails/82.jpg)
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
82
Bibliografia
Shneiderman, B.
Designing the User Interface. Strategies for Effective Human-Computer Interaction
Addison Wesley,Reading MA 1987.