Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
2
Gli artefatti digitali
L’abbinamento strutturale
Utente
Sistemi multimediali
M.A. Alberti
Interfaccia dell’utensile
o artefatto
3
Azione o compito
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
4
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
5
Gli artefatti digitali
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.
Sistemi multimediali
M.A. Alberti
6
Gli artefatti digitali
Ingegneria vs design
• Punto di vista
• Punto di vista del
dell’ingegneria
design
Il programma viene
valutato in termini di
velocità
affidabilità
prestazione...
Sistemi multimediali
M.A. Alberti
facilità e rapidità
d’apprendimento da
parte di utenti non
necessariamente
esperti
7
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
8
Gli artefatti digitali
Il processo del design
• Simile alle tipiche metodologie dell’ingegneria
• 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
Sistemi multimediali
M.A. Alberti
9
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
10
Gli artefatti digitali
Il ruolo del designer
• Svolge un servizio
L’infodesign offre poche opportunità di soddisfare
tendenze narcisistiche e diffondere creazioni
egocentriche. Si suppone che il pubblico non sia
particolarmente interessato a queste manifestazioni
personali. L’infodesign è in primo luogo un servizio.
Questa constatazione contrasta con le ambizioni di
espressione individualistica.
Gui Bonsiepe
Sistemi multimediali
M.A. Alberti
11
Gli artefatti digitali
Il ruolo del designer
• Svolge un ruolo cognitivo in quanto è un
coautore
— selezione dei contenuti
— ordinamento
— gerarchizzazione
— collegamenti
— distinzioni visive
Sistemi multimediali
M.A. Alberti
12
Azione efficace
Gli artefatti digitali
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 di
architettura
• Nelle interfacce: disegni degli oggetti modellati dal sw, del
modo per impartire loro un comportamento e dell’ambiente
in cui si svolgono azioni
Sistemi multimediali
M.A. Alberti
13
Gli artefatti digitali
Una rappresentazione del
mondo
• Lo sceneggiatore e il designer grafico creano
rappresentazioni del mondo reale
• Simulando aspetti del reale
• Ma il design visuale non è tutta l’interfaccia
• Come lo sceneggiatore non scrive completamente il
pezzo teatrale
Sistemi multimediali
M.A. Alberti
14
Gli artefatti digitali
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 all’ingegneria
• Trova continuamente compromessi (trade-off)
Sistemi multimediali
M.A. Alberti
15
Gli artefatti digitali
There are no simple answers,
only tradeoffs
Donald A. Norman
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
Sistemi multimediali
M.A. Alberti
17
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
18
Gli artefatti digitali
http://www.rottentomatoes.com/
Sistemi multimediali
M.A. Alberti
19
Gli artefatti digitali
www.unisource.it
Sistemi multimediali
M.A. Alberti
20
Gli artefatti digitali
www.itholding.it
Sistemi multimediali
M.A. Alberti
21
Gli artefatti digitali
OK, ma
da dove devo
cominciare?
Perchè lo
chiamano
così?
E’ lì che devo
cliccare?
Ma a che cosa serve
questo sito?
Questi due link
sembrano
uguali.
Perchè?
Perchè lo
hanno messo
lì?
Sistemi multimediali
M.A. Alberti
22
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
http://www.betterphoto.com
23
Gli artefatti digitali
La manipolazione diretta
Termine introdotto da Shneiderman
• 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
Sistemi multimediali
M.A. Alberti
24
Gli artefatti digitali
Ruolo della manipolazione
diretta
• La manipolazione diretta crea un senso di
coinvolgimento diretto ed è la chiave
dell’interazione uomo-macchina
Termine coniato allo Xerox
un paradigma per
• Sketchpad, Sutherland 1963 PARC:
interfacce a manipolazione
diretta
• 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
Sistemi multimediali
M.A. Alberti
25
Gli artefatti digitali
Sliders
MAC OS 8
Sistemi multimediali
M.A. Alberti
26
Gli artefatti digitali
Bottoni
Sistemi multimediali
M.A. Alberti
27
Gli artefatti digitali
BOTTONI O
TITOLI?
Sistemi multimediali
M.A. Alberti
28
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
29
?
Gli artefatti digitali
WINDOWS 2.0
Sistemi multimediali
M.A. Alberti
30
Gli artefatti digitali
WINDOWS 95
Sistemi multimediali
M.A. Alberti
31
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
Sistemi multimediali
M.A. Alberti
32
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
Sistemi multimediali
M.A. Alberti
33
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
Sistemi multimediali
M.A. Alberti
34
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
Sistemi multimediali
M.A. Alberti
35
Gli artefatti digitali
Tre variabili indipendenti
ambienti
utenti
obiettivi
Sistemi multimediali
M.A. Alberti
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
leper
risorse spese per
l’accuratezza e le risorse spese
completezza con ottenere tale ottenere tale
risultato
risultato
cui raggiungo
l’obiettivo
Sistemi multimediali
M.A. Alberti
37
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
38
Gli artefatti digitali
chi è?
Sistemi multimediali
M.A. Alberti
39
Gli artefatti digitali
chi è?
Sistemi multimediali
M.A. Alberti
40
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
41
Gli artefatti digitali
Sfondo rosso ?!?
Sistemi multimediali
M.A. Alberti
42
Gli artefatti digitali
I principi del dialogo
1.
2.
3.
4.
5.
6.
7.
Adeguatezza al compito
Autodescrittività
Controllabilità
Conformità alle aspettative dell’utente
Tolleranza agli errori
Adeguatezza alla personalizzazione
Adeguatezza all’apprendimento
(ISO 9241-10)
Sistemi multimediali
M.A. Alberti
43
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
44
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
45
Gli artefatti digitali
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”
help
ISO 9241-10
Sistemi multimediali
M.A. Alberti
46
Gli artefatti digitali
Esempio
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.
Da: Microsoft Word for Windows
Sistemi multimediali
M.A. Alberti
47
Gli artefatti digitali
Esempio
Da: SQL Windows
Sistemi multimediali
M.A. Alberti
48
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
49
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
50
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
51
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
52
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
53
Gli artefatti digitali
Esempio
Sistemi multimediali
M.A. Alberti
54
Gli artefatti digitali
Esercizio
Quale delle due interfacce utente che
seguono è più adeguata?
Compito:
Utente:
formattare uno o più dischetti
uno di noi
Contesto:
uso tipico: casa o ufficio
Sistemi multimediali
M.A. Alberti
55
Gli artefatti digitali
Soluzione 1
Sistemi multimediali
M.A. Alberti
56
Gli artefatti digitali
Soluzione 2
Sistemi multimediali
M.A. Alberti
57
Gli artefatti digitali
Esercizio
Quale delle due interfacce utente che seguono
è la migliore?
Compito: search & replace di stringhe
Sistemi multimediali
M.A. Alberti
58
Gli artefatti digitali
Soluzione 1
Sistemi multimediali
M.A. Alberti
59
Gli artefatti digitali
Soluzione 2
Sistemi multimediali
M.A. Alberti
60
Gli artefatti digitali
Creatività e design
Quali processi permettono di creare nuovi artefatti?
• Mimesi
• Ibridazione
• Metafora
• Mutazione
•…
Sistemi multimediali
M.A. Alberti
61
Gli artefatti digitali
Mimesi
Sistemi multimediali
M.A. Alberti
62
Gli artefatti digitali
Mimesi
Sistemi multimediali
M.A. Alberti
63
Gli artefatti digitali
Mimesi
Sistemi multimediali
M.A. Alberti
64
Gli artefatti digitali
Mimesi
Sistemi multimediali
M.A. Alberti
65
Gli artefatti digitali
Ibridazione
Letteralmente:
incrociare piante o animali di specie diverse
in modo da ottenere ibridi
• Esempio:
lavagna + proiettore  lavagna luminosa
Sistemi multimediali
M.A. Alberti
66
Gli artefatti digitali
Ibridazione
Sistemi multimediali
M.A. Alberti
67
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
68
Gli artefatti digitali
Metafore comuni nel sw
• Il secchio di vernice per la funzione di
•
colorazione di superfici.
Il pennello per la funzione di colorazione delle
linee.
Sistemi multimediali
M.A. Alberti
69
Gli artefatti digitali
Mutazione
Fenomeno per cui in una specie si origina un
individuo che presenta alcuni caratteri diversi dai suoi
ascendenti, e li trasmette alla discendenza.
Sistemi multimediali
M.A. Alberti
70
Gli artefatti digitali
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.
Sistemi multimediali
M.A. Alberti
71
Gli artefatti digitali
Metadesign
Le sedie sono ottenute automaticamente: sono tutte
diverse, ma condividono i caratteri genetici
http://soddu2.dst.polimi.it/
Sistemi multimediali
M.A. Alberti
72
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
73
Gli artefatti digitali
Emergent design: Chair farm
Sistemi multimediali
M.A. Alberti
74
Gli artefatti digitali
Un metaprogetto architetturale
Diversi modelli 3D ottenuti dallo stesso meta-progetto
Sistemi multimediali
M.A. Alberti
75
Gli artefatti digitali
Basilica, C.Soddu, 1998
Sistemi multimediali
M.A. Alberti
76
Gli artefatti digitali
Sistemi multimediali
M.A. Alberti
77
Gli artefatti digitali
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
M.A. Alberti
78
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
79
Gli artefatti digitali
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
Sistemi multimediali
M.A. Alberti
80
Gli artefatti digitali
Pro e contro
• Svantaggi
• Perdita di possibilità di condivisione dati
• Maggiore flessibilità del computer general
pourpose
• Maggiore costo complessivo
Sistemi multimediali
M.A. Alberti
81
Gli artefatti digitali
Bibliografia
Shneiderman, B.
Designing the User Interface.
Strategies for Effective HumanComputer Interaction
Addison Wesley,Reading MA 1987.
Sistemi multimediali
M.A. Alberti
82
Gli artefatti digitali