7. Ingegneria e creativita'

1 INGEGNERIA E CREATIVITÀ
Corso di Interazione Uomo Macchina
AA 2012-2013
Roberto Polillo

Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione

3
-1
12
20
ne
di zio
R.Polillo - Marzo 2013
E

Come “inventiamo” nuovi prodotti?
4

R.Polillo -Marzo 2013

Alcune “tecniche”
5

 Mimesi
 Ibridazione
 Metafora
 Variazione
 Composizione


Mimesi
6

“imitazione”
Si costruiscono oggetti virtuali che “riproducono”
in ogni dettaglio oggetti reali ampiamente diffusi


Mimesi: esempi

Riproduzione
precisa di uno
specifico modello
dell’HP!

7 R.Polillo -Marzo 2013

9

Chi et al., CHI 2005

Wine app per iPad
10


Inside Photo Album per iPad
11


La libreria di iPad
12


Dj Mixer (app per iPad)
13


Orologio per iPad
14


Esempio: settaggio di un
15
orologio

Da Interface Hall of Shame http://bit.ly/Xlo536

Set time su iPhone
16


GarageBand (iPad)
17


GarageBand (per iPad)
18


GarageBand (per iPad)
19


YouTube radio
20

http://bit.ly/WHXptv

21

Questo bottone permette di cambiare la
scala: l’oggetto imitato viene “potenziato”
con funzioni non realizzabili nel modello reale


22
2. Cliccare la cornetta (sic!)

1. Comporre il numero

IBM Smart Phone


23

Da: IBM, Aptiva Communication Center

Ibridazione
24

“Incrociare piante o animali di specie diverse
in modo da ottenere ibridi”

Esempio:
lavagna + proiettore ⇒ lavagna luminosa

Esempio
25

Wireless Notebook Presenter Mouse 8000, di Microsoft (2006)

Ibridazione: esempi
27 player musicale +
menu e form
Windows-like

calendario + orologio
+ tab + bottoni


I/O Brush (MIT)
28
pennello + fotocamera
http://it.youtube.com/watch?v=04v_v1gnyO8


Pocket Guitar (2009):
chitarra + iPhone
29


Mashup
30

http://www.housingmaps.com (2009)

dj3
31


Concept watch con FaceTime
32


dialogue box + vetro
=
dialogue box
trasparente

Mac OS X


Singing fingers (video)
34

http://bit.ly/VxpMax R.Polillo -Marzo 2013

Metafora
35

dal greco metaphora, trasporto, mutazione

Consiste, in sostanza, nel “mescolare” fra loro campi
semantici differenti, trasferendo proprietà e concetti
propri di un campo semantico ad un altro

donatore

ricevente


Metafora: esempi
36

 sei un fulmine
 l’ondeggiare delle spighe
 il ruggire dei motori
 la gamba del tavolo
 al timone dello stato


Metafora: esempio
37

È ve ro , il m o nd o è tutto un p a lc o s c e nic o
s ul q ua le tutti no i, uo m ini e d o nne
s ia m s o lo a tto ri, c o n le no s tre us c ite
e c o n le no s tre e ntra te ; o ve c ia s c uno ,
p e r il te m p o c he g li è s ta to a s s e g na to ,
re c ita m o lte p a rti,
e g li a tti s o no le s ue s e tte e tà
… .
W. Shakespeare, As you like it

La icona crea la metafora,
e suggerisce immediatamente
38
la funzione del menu

Word 95


La metafora della scrivania (Macintosh, 1984)

39


(http://www.jkrowling.com/it, 2009)

Metafora: vantaggi
41

Suggerisce idee al designer, perché
trasferisce un intero “campo semantico”
da un contesto all’altro, suggerendo
soluzioni inattese


Esempio: la "gamba del tavolo"
42


Esempio: "metti un tigre nel
43
motore"


Metafora: svantaggi
44

Può confondere l’utente, perché le inevitabili
incongruenze fra i due campi semantici possono
generare confusione e sfiducia

NB La metafora non è una similitudine!


45


Una tastiera
che pensa?


Il design delle icone
48

Windows

Mac OS X

? ? ? ? ?

49


Variazione
51


Variazione: esempi
52


Paint per Windows 95 (Microsoft, 1995)
53

54

WINDOWS 1.0

55

WINDOWS 2.0

56

WINDOWS 3.1

57

WINDOWS 95

Una variante: Mutazione
58

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


Esempio: design generativo
59

 Progettare un manufatto e affidare al computer il
compito di generarne possibili “mutazioni
genetiche”
 “metadesign” o “design di specie”:
definire le caratteristiche essenziali di un
manufatto e affidare al computer il compito di
generarne possibili “incarnazioni”


soddu2.dst.polimi.it

62


63 R.Polillo -Marzo 2013 Basilica, C.Soddu, 1998

Composizione
66

Design
pattern
COMPOSIZIONE


Design patterns: che cosa sono
67

 Un design pattern è una soluzione generale a un
problema di progettazione che si ripropone in molte
situazioni, anche diverse
 Non una soluzione “finita”, ma piuttosto un modello, un
template da adattare alla specifica situazione
 Il concetto è nato in architettura
alla fine degli anni ’70
(Christopher Alexander),
e applicato all’ingegneria del
software dalla fine degli anni ‘80


68


Design pattern in architettura
69

“Colloca la scala principale in una
posizione chiave, centrale e
visibile. Tratta l’intera scala come
una stanza (o, se all’esterno,
come un cortile). Disponila in
modo che la scala e la stanza
siano una cosa sola, con la scala
che scende attorno a una o due
pareti della stanza. Allarga il
fondo della scala con finestre
aperte o balaustre, e con ampi
gradini, in modo che le persone
che scendono lungo la scala
diventino parte dell’azione della
stanza mentre sono ancora sulla
scala, e che le persone in basso
Da C.Alexander, A Pattern Language usino naturalmente i gradini per
sedersi”.

I pattern di interazione uomo macchina: esempio
70

Design pattern per le funzioni di ricerca in un sito web
(van Welie)

Advanced search Search Tips
Autocomplete Site Index
FAQ Site Map
Help Wizard Footer Sitemap
Search Box Tag Cloud
Search Area Topic Pages
Search Results

Pattern language per l’interazione
71

I formalismi di descrizione sono diversi, ma
normalmente ogni pattern è descritto in una
scheda che fornisce

 Il problema di cui si tratta
 Il pattern che lo risolve
 Le motivazioni
 L’ambito/limitazioni di applicazione
 Esempi di uso


Schede descrittive: esempi
72

• Problem • Problem summary
• Solution • Example
• Use when • Usage
• How • Solution
• Why • Rationale
• More examples • [Discussion]
• Implementation • [Sources]
• Literature • More examples
Van Welie Toxboe

Design pattern: vantaggi
73

 Raccolgono lo stato della pratica
 Suggeriscono soluzioni ai progettisti
 Formazione di un linguaggio comune
 Diffondono gli “standard di fatto”
 Evitano di “reinventare la ruota”


Creazione
74

Ma esiste veramente la
creazione dal nulla?


75

“Per inventare, serve una buona
immaginazione e un mucchio di cianfrusaglie”

Thomas Alva Edison


7. Ingegneria e creativita'

Recommandé

Recommandé

Contenu connexe

Similaire à 7. Ingegneria e creativita'

Similaire à 7. Ingegneria e creativita' (18)

Plus de Roberto Polillo

Plus de Roberto Polillo (20)

Dernier

Dernier (8)

7. Ingegneria e creativita'

Notes de l'éditeur