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
AA 2003/04
2
Sistemi multimediali
Gli artefatti digitali
L’abbinamento strutturale
Utente
AA 2003/04
Interfaccia dell’utensile
o artefatto
3
Azione o compito
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
4
Sistemi multimediali
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
AA 2003/04
5
Sistemi multimediali
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.
AA 2003/04
6
Sistemi multimediali
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...
AA 2003/04
facilità e rapidità
d’apprendimento da
parte di utenti non
necessariamente
esperti
7
Sistemi multimediali
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
AA 2003/04
8
Sistemi multimediali
Gli artefatti digitali
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
AA 2003/04
9
Sistemi multimediali
Gli artefatti digitali
Il contributo 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
AA 2003/04
10
Sistemi multimediali
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
AA 2003/04
11
Sistemi multimediali
Gli artefatti digitali
Il ruolo del designer
• Svolge un ruolo cognitivo in quanto è un
coautore
— selezione dei contenuti
— ordinamento
— gerarchizzazione
— collegamenti
— distinzioni visive
AA 2003/04
12
Azione efficace
Sistemi multimediali
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
•
AA 2003/04
che si aprono), luci per attirare attenzione (colore intensità
orientamento), pannelli che rappresentano elementi
architetturali
Nelle interfacce: disegni degli oggetti modellati dal sw e del
modo per impartire loro un comportamento e dell’ambiente in
cui si svolgono azioni
13
Sistemi multimediali
Gli artefatti digitali
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
AA 2003/04
14
Sistemi multimediali
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 alle discipline ingegneristiche
• Trova continuamente trade-off
AA 2003/04
15
Sistemi multimediali
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
AA 2003/04
17
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
18
Sistemi multimediali
Gli artefatti digitali
http://www.rottentomatoes.com/
AA 2003/04
19
Sistemi multimediali
Gli artefatti digitali
www.unisource.it
AA 2003/04
20
Sistemi multimediali
Gli artefatti digitali
www.itholding.it
AA 2003/04
21
Sistemi multimediali
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ì?
AA 2003/04
22
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
http://www.betterphoto.com
23
Sistemi multimediali
Gli artefatti digitali
La manipolazione diretta
• Una rappresentazione continua e consistente
dell’oggetto d’interesse
• Azioni fisiche e bottoni che eliminano la necessità di
apprendere sintassi complesse per modificare il
comportamento degli oggetti
• Operazioni che possono essere eseguite in modo
incrementale a causa del principio di feedback
AA 2003/04
24
Sistemi multimediali
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
AA 2003/04
25
Sistemi multimediali
Gli artefatti digitali
Sliders
MAC OS 8
AA 2003/04
26
Sistemi multimediali
Gli artefatti digitali
Bottoni
AA 2003/04
27
Sistemi multimediali
Gli artefatti digitali
BOTTONI O
TITOLI?
AA 2003/04
28
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
29
?
Sistemi multimediali
Gli artefatti digitali
WINDOWS 2.0
AA 2003/04
30
Sistemi multimediali
Gli artefatti digitali
WINDOWS 95
AA 2003/04
31
Sistemi multimediali
Gli artefatti digitali
Da: SQL Windows
AA 2003/04
32
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
33
Sistemi multimediali
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
AA 2003/04
34
Sistemi multimediali
Gli artefatti digitali
Soluzione 1
AA 2003/04
35
Sistemi multimediali
Gli artefatti digitali
Soluzione 2
AA 2003/04
36
Sistemi multimediali
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
AA 2003/04
37
Sistemi multimediali
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
AA 2003/04
38
Sistemi multimediali
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
AA 2003/04
39
Sistemi multimediali
Gli artefatti digitali
Usabilità
La efficacia, efficienza e soddisfazione con cui
determinati utenti possono raggiungere
determinati obiettivi in determinati ambienti
d’uso
ISO 9241
AA 2003/04
40
Sistemi multimediali
Gli artefatti digitali
Tre variabili indipendenti
ambienti
utenti
obiettivi
AA 2003/04
Sistemi multimediali
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
AA 2003/04
42
Sistemi multimediali
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
AA 2003/04
43
Sistemi multimediali
Gli artefatti digitali
chi è?
AA 2003/04
44
Sistemi multimediali
Gli artefatti digitali
chi è?
AA 2003/04
45
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
46
Sistemi multimediali
Gli artefatti digitali
Sfondo rosso ?!?
AA 2003/04
47
Sistemi multimediali
Gli artefatti digitali
Creatività e design
Quali processi permettono di creare nuovi artefatti?
• Mimesi
• Ibridazione
• Metafora
• Mutazione
•…
AA 2003/04
48
Sistemi multimediali
Gli artefatti digitali
Mimesi
AA 2003/04
49
Sistemi multimediali
Gli artefatti digitali
Mimesi
AA 2003/04
50
Sistemi multimediali
Gli artefatti digitali
Mimesi
AA 2003/04
51
Sistemi multimediali
Gli artefatti digitali
Mimesi
AA 2003/04
52
Sistemi multimediali
Gli artefatti digitali
Ibridazione
Letteralmente:
incrociare piante o animali di specie diverse
in modo da ottenere ibridi
• Esempio:
lavagna + proiettore  lavagna luminosa
AA 2003/04
53
Sistemi multimediali
Gli artefatti digitali
Ibridazione
AA 2003/04
54
Sistemi multimediali
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.
Le similitudini originarie possono spegnersi: il braccio della
lampada o la gamba del tavolo.
Un mezzo espressivo, un arricchimento
semantico
AA 2003/04
55
Sistemi multimediali
Gli artefatti digitali
Metafore comuni nel sw
• Il secchio di vernice per la funzione di
•
AA 2003/04
colorazione di superfici.
Il pennello per la funzione di colorazione delle
linee.
56
Sistemi multimediali
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.
AA 2003/04
57
Sistemi multimediali
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.
AA 2003/04
58
Sistemi multimediali
Gli artefatti digitali
Metadesign
Le sedie sono ottenute automaticamente: sono tutte
diverse, ma condividono i caratteri genetici
http://soddu2.dst.polimi.it/
AA 2003/04
59
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
60
Sistemi multimediali
Gli artefatti digitali
Emergent design: Chair farm
AA 2003/04
61
Sistemi multimediali
Gli artefatti digitali
Un metaprogetto architetturale
Diversi modelli 3D ottenuti dallo stesso meta-progetto
AA 2003/04
62
Sistemi multimediali
Gli artefatti digitali
Basilica, C.Soddu, 1998
AA 2003/04
63
Sistemi multimediali
Gli artefatti digitali
AA 2003/04
64
Sistemi multimediali
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
AA 2003/04
65
Sistemi multimediali
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
•
•
•
•
AA 2003/04
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
66
Sistemi multimediali
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
AA 2003/04
67
Sistemi multimediali
Gli artefatti digitali
Pro e contro
• Svantaggi
• Perdita di possibilità di condivisione dati
• Maggiore flessibilità del computer general
pourpose
• Maggiore costo complessivo
AA 2003/04
68
Sistemi multimediali
Gli artefatti digitali