gli artefatti digitali. m.a. alberti aa 2004/05 sistemi multimediali gli artefatti digitali 2...
TRANSCRIPT
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 compito Interfaccia 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 deve compiere 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’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.
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 è un coautore
— selezione dei contenuti
— ordinamento
— gerarchizzazione
— collegamenti
— distinzioni visive
Azione efficace
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
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.it
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?
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
31
WINDOWS 95
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
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 indipendenti
ambienti
obiettivi
utenti
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
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 ?!?
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)
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 filename and 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
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 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
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
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
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
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
M.A. AlbertiAA 2004/05
Sistemi multimedialiGli artefatti digitali
67
Ibridazione
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
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 automaticamente delle mutazioni genetiche.
• Progettare le caratteristiche essenziali di un artefatto e 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/
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-progetto
M.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
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.