SlideShare ist ein Scribd-Unternehmen logo
1 von 65
[object Object],[object Object],[object Object],INGEGNERIA E CREATIVITÀ Edizione 2010-11 R.Polillo - Ottobre 2010
Scopo di questa lezione ,[object Object],R.Polillo - Ottobre 2010
Come “inventiamo” nuovi prodotti? R.Polillo - Ottobre 2010
Alcune “tecniche” ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Mimesi  ,[object Object],[object Object],R.Polillo - Ottobre 2010
Mimesi: esempi Riproduzione precisa di uno specifico modello dell’HP! R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Chi et al., CHI 2005 R.Polillo - Ottobre 2010
Questo bottone permette di cambiare la scala: l’oggetto imitato viene “potenziato” con funzioni non realizzabili nel modello reale R.Polillo - Ottobre 2010
1. Comporre il numero 2. Cliccare la cornetta (sic!) R.Polillo - Ottobre 2010 IBM Smart Phone
Da: IBM,  Aptiva Communication Center   R.Polillo - Ottobre 2010
Ibridazione ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Esempio Wireless Notebook Presenter Mouse 8000, di Microsoft (2006) R.Polillo - Ottobre 2010
calendario + orologio + tab + bottoni player musicale + menu e form  Windows-like Ibridazione: esempi R.Polillo - Ottobre 2010
I/O Brush (MIT) R.Polillo - Ottobre 2010 pennello + fotocamera http://it.youtube.com/watch?v=04v_v1gnyO8
Pocket Guitar  (2009): chitarra + iPhone R.Polillo - Ottobre 2010
Mashup http://www.housingmaps.com   (2009) R.Polillo - Ottobre 2010
dj3 R.Polillo - Ottobre 2010
Mac OS X dialogue box + vetro = dialogue box trasparente R.Polillo - Ottobre 2010
Metafora ,[object Object],[object Object],R.Polillo - Ottobre 2010 donatore ricevente
Metafora: esempi ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Metafora: esempio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Word 95 La icona crea la metafora,  e suggerisce immediatamente  la funzione del menu R.Polillo - Ottobre 2010
La metafora della scrivania (Macintosh, 1984) R.Polillo - Ottobre 2010
( http://www.jkrowling.com/it , 2009) R.Polillo - Ottobre 2010
Metafora: vantaggi ,[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Metafora: svantaggi ,[object Object],[object Object],R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Una tastiera  che pensa? R.Polillo - Ottobre 2010
Il design delle icone R.Polillo - Ottobre 2010 Mac OS X Windows ? ? ? ? ?
R.Polillo - Ottobre 2010
www.samsung.com/it ,  2006 R.Polillo - Ottobre 2010
Variazione R.Polillo - Ottobre 2010
Variazione: esempi R.Polillo - Ottobre 2010
Paint per Windows 95 (Microsoft, 1995) R.Polillo - Ottobre 2010
WINDOWS 1.0 R.Polillo - Ottobre 2010
WINDOWS 2.0 R.Polillo - Ottobre 2010
WINDOWS 3.1 R.Polillo - Ottobre 2010
WINDOWS 95 R.Polillo - Ottobre 2010
Il ciclo compito-manufatto Bisogno Manufatto “ Non appena viene introdotto un nuovo manufatto, inizia una   co-evoluzione dell’artefatto e di chi lo usa” D.C.Engelbart R.Polillo - Ottobre 2010
Esempio: evoluzione del martello R.Polillo - Ottobre 2010
Esempio: “paper clip” R.Polillo - Ottobre 2010 graffia il foglio non graffia il foglio, ma può scivolare via 1898 1900
1921 non scivola via R.Polillo - Ottobre 2010 1934
R.Polillo - Ottobre 2010
La evoluzione del software ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Una variante: Mutazione ,[object Object],R.Polillo - Ottobre 2010
Esempio: design generativo ,[object Object],[object Object],R.Polillo - Ottobre 2010
soddu2.dst.polimi.it R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Basilica, C.Soddu, 1998 R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Composizione R.Polillo - Ottobre 2010 COMPOSIZIONE Design   pattern
Design patterns: che cosa sono ,[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
R.Polillo - Ottobre 2010
Design pattern in architettura R.Polillo - Ottobre 2010 “ 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 usino naturalmente i gradini per sedersi”. Da C.Alexander, A Pattern Language
I pattern di interazione uomo macchina: esempio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Pattern language per l’interazione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Schede descrittive: esempi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010 Van Welie Toxboe
Design pattern: vantaggi ,[object Object],[object Object],[object Object],[object Object],[object Object],R.Polillo - Ottobre 2010
Creazione Ma esiste veramente la  creazione dal nulla? R.Polillo - Ottobre 2010
[object Object],[object Object],R.Polillo - Ottobre 2010
Queste slides… ,[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie 7. Ingegneria e creativita

Ähnlich wie 7. Ingegneria e creativita (20)

7.Ingegneria e creativita'
7.Ingegneria e creativita'7.Ingegneria e creativita'
7.Ingegneria e creativita'
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corso
 
3. Progettare per l utente
3. Progettare per l utente3. Progettare per l utente
3. Progettare per l utente
 
1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
12. Progettare la grafica
12. Progettare la grafica12. Progettare la grafica
12. Progettare la grafica
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilita
 
2. Usabilità
2. Usabilità2. Usabilità
2. Usabilità
 
7. Mashup
7. Mashup7. Mashup
7. Mashup
 
9. Grafica e comunicazione
9. Grafica e comunicazione9. Grafica e comunicazione
9. Grafica e comunicazione
 
19. Evoluzione dei paradigmi di interazione (I)
19. Evoluzione dei paradigmi di interazione (I)19. Evoluzione dei paradigmi di interazione (I)
19. Evoluzione dei paradigmi di interazione (I)
 
1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)
 
7. Ingegneria e creatività
7. Ingegneria e creatività7. Ingegneria e creatività
7. Ingegneria e creatività
 
19. Evoluzione dei paradigmi di interazione (II)
19. Evoluzione dei paradigmi di interazione (II)19. Evoluzione dei paradigmi di interazione (II)
19. Evoluzione dei paradigmi di interazione (II)
 
9. Conoscere l utente
9. Conoscere l utente9. Conoscere l utente
9. Conoscere l utente
 
13. Progettare il testo
13. Progettare il testo13. Progettare il testo
13. Progettare il testo
 
Lezione 7: Mashup
Lezione 7: MashupLezione 7: Mashup
Lezione 7: Mashup
 

Mehr von Roberto Polillo

Mehr von Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 
14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microblogging
 

Kürzlich hochgeladen

case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 

Kürzlich hochgeladen (20)

case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 
TeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docxTeccarelliLorenzo-i4stilidellapitturaromana.docx
TeccarelliLorenzo-i4stilidellapitturaromana.docx
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 

7. Ingegneria e creativita

Hinweis der Redaktion

  1. IBM SMART PHONE Welcome to the future; one without distracting windows and menu bars. The RealPhone is an experiment in user interface design for a new, real-world user interface style... Put a telephone-type keypad on any application, and the user will pretty rapidly guess that it's a telephone application. Sure, having an image of a telephone handset helps, but it's not necessary. Make the handset a necessary control for the application, and you'll have a lot of users that are unaware that it's a control. Controls should look like controls, and they should appear manipulatable. If you can use a telephone, you can use this software. Here's where the metaphor starts to break down. No matter how similar your program appears to look like a phone, it will always operate differently. When using a real phone, you pick up the phone, verify the dial tone, then dial your number. With RealPhone you dial your number, then point to the handset and click on it to start the call. Furthermore, to speed dial a number on a real phone, you pick up the handset, then press the speed dial number. On RealPhone however, you simply click on the speed dial number, which is likely to lead to a lot of inadvertent phone calls. Inadvertent mouse clicks don't happen when using real-world phones, but they occur frequently in computer-based applications. Novice users can use it immediately... Not likely. The application does not provide an area to type the number to be dialed. It displays numbers as they are typed, but because there is no control to receive the focus, there is no indication that you can type at all. Furthermore, while the interface provides command buttons for Redial and Flash, it does not provide a command button to initiate the call once the number has been entered. The user has to click on the handset, which is so non-intuitive that few users would ever consider trying it. In order to compensate for the non-intuitiveness of the interface, RealPhone relies on extremely lengthy tooltips to provide instructions. Many of the tips are so long they cannot be read in the display time for the tooltips (less than 3 seconds). http://www.iarchitect.com/mshame.htm
  2. The Address Book function in IBM's Aptiva Communication Center illustrates the joy the developers must have felt when they discovered the use of tabbed dialogs: The developers seem to have beside themselves with the new ability to place tab controls whereever they wanted. Tabs are placed along the top and along both sides; undoubtedly, if they were not constrained by the size of a 640x480 screen, they would have found a reason to put tabs along the bottom as well. Of all the various sets of tabs, only those tabs along the right side of the display are appropriate in this dialog. These allow the user to quickly "move" to an appropriate page in the address book. While not easily discernible, there are two tabs along the left-hand side of the dialog; these allow the user to toggle the display between the Address Book view, and a Speed Dial view. The "tabs" along the top are particularly deserving of attention. Of the nine "tabs", only two, Add and Change, can be argued to cause a different tab to be displayed. "Change" causes the currently selected record to be displayed in the "notebook" area of the display, and "Add" causes a blank record to be displayed in the area. The other seven "tabs" are actually command buttons, each either causing a secondary dialog to be displayed, or initiate an immediate action. This is the kind of design that gives tabbed dialogs a bad reputation.
  3. Un altro brevetto americano datato 1898, di Matthew Schooley, che pertanto precede quello della figura precedente. Tutte le immagini delle paper clip sono tratte da “The evolution of useful things”, di H.Petroski, Vintage Books, 1992
  4. Un brevetto americano del 1921, di Clarence Collette, che evita alla clip di sfilarsi