View
214
Download
0
Category
Preview:
Citation preview
Gli artefatti digitali
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali2
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 multimedialiM.A. Alberti
Gli artefatti digitali3
L’abbinamento strutturale
Utente Azione o compito Interfaccia dell’utensileo artefatto
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali4
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali5
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 multimedialiM.A. Alberti
Gli artefatti digitali6
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 multimedialiM.A. Alberti
Gli artefatti digitali7
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali8
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 multimedialiM.A. Alberti
Gli artefatti digitali9
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 multimedialiM.A. Alberti
Gli artefatti digitali10
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 multimedialiM.A. Alberti
Gli artefatti digitali11
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali12
Il ruolo del designer
• Svolge un ruolo cognitivo in quanto è un coautore
— selezione dei contenuti
— ordinamento
— gerarchizzazione
— collegamenti
— distinzioni visive
Azione efficace
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali13
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 multimedialiM.A. Alberti
Gli artefatti digitali14
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 multimedialiM.A. Alberti
Gli artefatti digitali15
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)
There are no simple answers, only tradeoffs
Donald A. Norman
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali17
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 multimedialiM.A. Alberti
Gli artefatti digitali18
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali19http://www.rottentomatoes.com/
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali20
www.unisource.it
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali22
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?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali23
http://www.betterphoto.com
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali24
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 multimedialiM.A. Alberti
Gli artefatti digitali25
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali26
Sliders
MAC OS 8
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali27
Bottoni
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali28
BOTTONI O TITOLI?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali29 ?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali30
WINDOWS 2.0
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali31
WINDOWS 95
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali32
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali33
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali34
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali35
Usabilità
La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso
ISO 9241
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali
Tre variabili indipendenti
ambienti
obiettivi
utenti
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali37
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali38
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 multimedialiM.A. Alberti
Gli artefatti digitali39
chi è?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali40
chi è?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali41
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali42
Sfondo rosso ?!?
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali43
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)
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali44
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 multimedialiM.A. Alberti
Gli artefatti digitali45
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali46
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali47
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.
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali48
Da: SQL Windows
Esempio
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali49
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 multimedialiM.A. Alberti
Gli artefatti digitali50
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 multimedialiM.A. Alberti
Gli artefatti digitali51
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 multimedialiM.A. Alberti
Gli artefatti digitali52
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 multimedialiM.A. Alberti
Gli artefatti digitali53
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 multimedialiM.A. Alberti
Gli artefatti digitali54
Esempio
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali55
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
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali56
Soluzione 1
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali57
Soluzione 2
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali58
Esercizio
Quale delle due interfacce utente che seguono è la migliore?
Compito: search & replace di stringhe
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali59
Soluzione 1
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali60
Soluzione 2
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali61
Creatività e design
Quali processi permettono di creare nuovi artefatti?
• Mimesi
• Ibridazione
• Metafora
• Mutazione
• …
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali62
Mimesi
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali63
Mimesi
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali64
Mimesi
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali65
Mimesi
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali66
Ibridazione
Letteralmente:
incrociare piante o animali di specie diverse in modo da ottenere ibridi
• Esempio:
lavagna + proiettore lavagna luminosa
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali67
Ibridazione
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali68
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 multimedialiM.A. Alberti
Gli artefatti digitali69
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 multimedialiM.A. Alberti
Gli artefatti digitali70
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 multimedialiM.A. Alberti
Gli artefatti digitali71
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 multimedialiM.A. Alberti
Gli artefatti digitali72
Metadesign
Le sedie sono ottenute automaticamente: sono tutte diverse, ma condividono i caratteri genetici
http://soddu2.dst.polimi.it/
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali73
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali74
Emergent design: Chair farm
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali75
Un metaprogetto architetturale
Diversi modelli 3D ottenuti dallo stesso meta-progetto
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali76
Basilica, C.Soddu, 1998
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali77
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali78
Evoluzione degli artefatti
• Elettrodomestici specializzati nell’elaborazione di informazione• Strumenti musicali elettrici, tastiere varie: l’infodomestico
musicale
• Macchine fotografiche digitali, visori
• Apparecchi medicali
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali79
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 multimedialiM.A. Alberti
Gli artefatti digitali80
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 multimedialiM.A. Alberti
Gli artefatti digitali81
Pro e contro
• Svantaggi• Perdita di possibilità di condivisione dati
• Maggiore flessibilità del computer general pourpose
• Maggiore costo complessivo
Sistemi multimedialiM.A. Alberti
Gli artefatti digitali82
Bibliografia
Shneiderman, B.
Designing the User Interface. Strategies for Effective Human-Computer Interaction
Addison Wesley,Reading MA 1987.
Recommended