Gli artefatti digitali. AA 2003/04Sistemi multimediali Gli artefatti digitali 2 Labbinamento...

Gli artefatti digitali

AA 2003/04 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


3

L’abbinamento strutturale

Utente Azione o compito Interfaccia dell’utensileo artefatto


4


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


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.


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


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


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


10

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


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


12

Il ruolo del designer

• Svolge un ruolo cognitivo in quanto è un coautore

— selezione dei contenuti

— ordinamento

— gerarchizzazione

— collegamenti

— distinzioni visive

Azione efficace


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 e del modo per impartire loro un comportamento e dell’ambiente in cui si svolgono azioni


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


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


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


18


19http://www.rottentomatoes.com/


20

www.unisource.it

http://www.unisource.it/


21

www.itholding.it

http://www.itholding.it/


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?


23

http://www.betterphoto.com


24

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


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


26

Sliders

MAC OS 8


27

Bottoni


28

BOTTONI O TITOLI?


29 ?


30

WINDOWS 2.0


31

WINDOWS 95


32

Da: SQL Windows


33


34

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


35

Soluzione 1


36

Soluzione 2


37

Usabilità

La efficacia, efficienza e soddisfazione con cui determinati utenti possono raggiungere determinati obiettivi in determinati ambienti d’uso

ISO 9241


38

Usabilità


ISO 9241


39

Usabilità


ISO 9241


40

Usabilità


ISO 9241


Tre variabili indipendenti

ambienti

obiettivi

utenti


42

Usabilità


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


43

Usabilità


ISO 9241

Possiamo definire delle metriche


44

chi è?


45

chi è?


46


47

Sfondo rosso ?!?


48

Creatività e design

Quali processi permettono di creare nuovi artefatti?

• Mimesi

• Ibridazione

• Metafora

• Mutazione

• …


49

Mimesi


50

Mimesi


51

Mimesi


52

Mimesi


53

Ibridazione

Letteralmente:

incrociare piante o animali di specie diverse in modo da ottenere ibridi

• Esempio:

lavagna + proiettore lavagna luminosa


54

Ibridazione


55

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


56

Metafore comuni nel sw

• Il secchio di vernice per la funzione di colorazione di superfici.

• Il pennello per la funzione di colorazione delle linee.


57

Mutazione

Fenomeno per cui in una specie si origina un individuo che presenta alcuni caratteri diversi dai suoi ascendenti, e li trasmette alla discendenza.


58

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.


59

Metadesign

Le sedie sono ottenute automaticamente: sono tutte diverse, ma condividono i caratteri genetici

http://soddu2.dst.polimi.it/


60


61

Emergent design: Chair farm


62

Un metaprogetto architetturale

Diversi modelli 3D ottenuti dallo stesso meta-progetto


63

Basilica, C.Soddu, 1998


64


65

Evoluzione degli artefatti

• Elettrodomestici specializzati nell’elaborazione di informazione• Strumenti musicali elettrici, tastiere varie: l’infodomestico

musicale

• Macchine fotografiche digitali, visori

• Apparecchi medicali


66

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

http://www.media.mit.edu/ttt/


67

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


68

Pro e contro

• Svantaggi• Perdita di possibilità di condivisione dati

• Maggiore flessibilità del computer general pourpose

• Maggiore costo complessivo

Gli artefatti digitali. AA 2003/04Sistemi multimediali Gli artefatti digitali 2 Labbinamento...

Documents

Transcript of Gli artefatti digitali. AA 2003/04Sistemi multimediali Gli artefatti digitali 2 Labbinamento...