Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
Sistemi multimediali AA 2004/05
Gli artefatti digitali 1
Gli artefatti digitali
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
3
L’abbinamento strutturale
Utente Azione o compitoInterfaccia dell’utensileo artefatto
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
4
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 devecompiere per eseguire determinati compiti
• le componenti visive tramite cui si costituisce lo spazio operativo sullo schermo del monitor
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
6
L’interfacciaIl 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.
Sistemi multimediali AA 2004/05
Gli artefatti digitali 2
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
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
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
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
12
Il ruolo del designer
• Svolge un ruolo cognitivo in quanto è uncoautore
— selezione dei contenuti— ordinamento— gerarchizzazione— collegamenti— distinzioni visive
Azione efficace
Sistemi multimediali AA 2004/05
Gli artefatti digitali 3
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
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
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
There are no simple answers, only tradeoffs
Donald A. Norman
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
18
Sistemi multimediali AA 2004/05
Gli artefatti digitali 4
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
19http://www.rottentomatoes.com/ M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
20
www.unisource.it
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
21
www.itholding.itM.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?
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
23
http://www.betterphoto.com
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
Sistemi multimediali AA 2004/05
Gli artefatti digitali 5
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
26
Sliders
MAC OS 8
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
27
Bottoni
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
28
BOTTONI O TITOLI?
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
29 ? M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
30
WINDOWS 2.0
Sistemi multimediali AA 2004/05
Gli artefatti digitali 6
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
31
WINDOWS 95M.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
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
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
Tre variabili indipendentiambienti
obiettivi
utenti
Sistemi multimediali AA 2004/05
Gli artefatti digitali 7
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 speseper ottenere tale risultato
le risorse speseper ottenere tale risultato
l’accuratezza e completezza con cui raggiungo l’obiettivo
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
39
chi è?
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
40
chi è?
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
41 M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
42
Sfondo rosso ?!?
Sistemi multimediali AA 2004/05
Gli artefatti digitali 8
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
43
I principi del dialogo
1. Adeguatezza al compito2. Autodescrittività3. Controllabilità4. Conformità alle aspettative dell’utente5. Tolleranza agli errori6. Adeguatezza alla personalizzazione7. Adeguatezza all’apprendimento
(ISO 9241-10)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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
45 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
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 filenameand location as the original file. You cannot copy a file to itself. To correct this problem: type a new filename or path.
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
48
Da: SQL Windows
Esempio
Sistemi multimediali AA 2004/05
Gli artefatti digitali 9
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
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
52
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
54
Esempio
Sistemi multimediali AA 2004/05
Gli artefatti digitali 10
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ù dischettiUtente: uno di noiContesto: uso tipico: casa o ufficio
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
56
Soluzione 1
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
57
Soluzione 2
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
59
Soluzione 1
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
60
Soluzione 2
Sistemi multimediali AA 2004/05
Gli artefatti digitali 11
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
61
Creatività e design
Quali processi permettono di creare nuovi artefatti?
• Mimesi • Ibridazione• Metafora• Mutazione• …
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
62
Mimesi
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
63
Mimesi
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
64
Mimesi
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
65
Mimesi
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
Sistemi multimediali AA 2004/05
Gli artefatti digitali 12
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
67
Ibridazione
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
68
MetaforaDal 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.
Le similitudini originarie possono spegnersi: il braccio della lampada o la gamba del tavolo.
Un mezzo espressivo, un arricchimento semantico
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.
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.
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
71
Il design generativo
• Progettare un artefatto e generarne automaticamentedelle mutazioni genetiche.
• Progettare le caratteristiche essenziali di un artefattoe un computer genera possibili istanze
• metadesign o design di specie.
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/
Sistemi multimediali AA 2004/05
Gli artefatti digitali 13
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
73 M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
74
Emergent design: Chair farm
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
75
Un metaprogetto architetturale
Diversi modelli 3D ottenuti dallo stesso meta-progettoM.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
76
Basilica, C.Soddu, 1998
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
77 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
Sistemi multimediali AA 2004/05
Gli artefatti digitali 14
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
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
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
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.