Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della...

45
1 Progettare multimedia Maggio 2000 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dell’interfaccia. Produzione di video. Produzione di audio. Scrivere testi. Sviluppo di software. ...

Transcript of Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della...

Page 1: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

1 Progettare multimedia Maggio 2000

Progettare e produrre multimedia

Fare ricerca. Design della grafica. Design dell’interfaccia. Produzione

di video. Produzione di audio. Scrivere testi. Sviluppo di

software. ...

Page 2: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 2

La terminologia

• Testo vs multimedia

• Ipertesto vs ipermedia

• Il termine ipertesto è introdotto da Nelson nel 1965

• Il lavoro di Engelbart a SRI, anni ’60 e ‘70

• L’idea originale di V. Bush del 1945• As we may think, Atlantic Monthly 176, July 1945, 101-108

Page 3: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 3

Ipertesto

• “scrittura non sequenziale – testo che si dirama e consente al lettore di scegliere; qualcosa che si fruisce al meglio su uno schermo interattivo..”

• T. Nelson: Literary machines, 1981

• Blocchi di testo e collegamenti elettronici tra blocchi

Page 4: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 4

Interattività

• La proprietà di un media/oggetto di rispondere dinamicamente al controllo dell’utente.

• Interattività è sempre stata presente.• Un cavallo risponde al suo cavaliere

• Una macchina risponde al suo guidatore

• Un telefono al momento dell’avvio della chiamata.

• I computer aumentano le possibilità di interattività.

Page 5: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 5

Libri

• Possono essere interattivi anche se mostrano bassa tecnologia.• Rimandi, note bibliografiche, inserti a lato della

pagina, indici, glossari ...

• Sono oggetti da tenere in mano.• Sono oggetti personali e non richiedono

particolari strumenti per essere letti.• Sono trasportabili facilmente.

Page 6: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 6

Il Talmud

Page 7: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 7

La costituzione USA

testo

commenti

Page 8: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 8

La stele di Rosetta

• scoperta nel 1799 durante la Campagna d’Egitto di Napoleone.

• testo in geroglifico, demiotico e greco

Page 9: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 9

Pro e contro

• Tattile

• Accesso random

• Testo

• Immagini

• Audio

• Video

• Funzioni di ricerca

• Legami ipertestuali

• Portabilità

• Personalizzazione

• Trasferimento di inform.

• Si

• Si/no

• Si

• Si

• No

• No

• No

• No

• Si

• No

• Fotocopia

• No

• Si

• Si

• Si

• Si

• Si

• Si

• Si

• Si/no

• Si

• Copie digitali

Proprietà Libro Libro elettronico

Page 10: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 10

Gli elementi dell’interattività

• La navigazione di base.• Per i libri è data, si possono sfogliare.• Per i media digitali è una conquista, ma sono

molto efficaci.

• Legami ipertestuali e la non linearità.• Personalizzazione della presentazione

• Le funzioni di ricerca.

Page 11: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 11

Page 12: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 12

Page 13: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 13

Page 14: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 14

Page 15: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 15

Page 16: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 16

Page 17: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 17

Page 18: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 18

Page 19: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 19

Page 20: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 20

Page 21: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 21

Evoluzione del libro

Page 22: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 22

Lettere di S.Paolo

Circa 1200

Page 23: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 23

Bibbia

Circa 1270

Page 24: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 24

Page 25: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 25

The Boke Named The Gouernor

di Sir Thomas Elyot

London, 1534

Page 26: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 26

Page 27: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 27

Page 28: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 28

Page 29: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 29

The electronic Beowulf Project

Page 30: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 30

The Canterbury Tales Project

CD-ROM of the fifty-eight pre-1500 manuscripts and early printed editions of the Wife of Bath's Prologue.

Page 31: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 31

Interattività dove serve ?

• Testo non fiction interattivo• Elenco del telefono, altri direttori e cataloghi.• Enciclopedie.• Manuali, tutorials e ogni testo che richiede di

apprendere una procedura.• Mappe (GPS)• Testi che parlano di altri media.• Giornalismo interattivo.

Page 32: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 32

Interattività dove serve?

• Testo narrativo:• Testi a molti temi che si sviluppano in funzione

di scelte del lettore.• Giochi di coordinamento mano-occhio.• Giochi di avventura.

Deve risolvere un problema intrinseco al contenuto.

Page 33: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 33

Tipologia siti web

• Intranet: siti interni alle aziende

• Extranet: siti interaziendali, per fornitori …

• Internet: siti pubblici• Consumer to consumer• Producer to consumer

Page 34: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 34

Sito consumer to consumer

Page 35: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 35

Sito business to consumer

Page 36: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 36

Page 37: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

37 Progettare multimedia Maggio 2000

Il processo di produzione dei multimedia

• Disegno del contenuto

• Disegno dell’interazione

• Disegno della presentazione

Page 38: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 38

Il disegno del contenuto

Cosa e’ il prodotto?

Maggio 2000 Contenuto 1

Il disegno del contenuto

• Definire gli obiettivi di comunicazione

• Definire l’organizzazione del contenuto di conseguenza

L’essenza di un multimedia è raccontare, insegnare, vendere, informare nel modo piu’ efficace possibile.

Il processo di produzione

Page 39: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 39

Il disegno dell’interazione

Come deve funzionare?

Maggio 2000 Interazione 1

Il disegno dell’interazione

• Decidere dove mettere interazione

• Decidere come dare il controllo all’utente

Interattività significa che è l’utente, non il designer, a controllare la sequenza, il ritmo e soprattutto quello che

vuole vedere o ignorare.

Il processo di produzione

Page 40: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 40

Il disegno della presentazione

Come deve apparire?

Maggio 2000 Presentazione 1

Il disegno della presentazione

• Lo stile e il layout degli elementi sullo schermo

Semplicità, consistenza.

... sapere quando rompere le regole.

Il processo di produzione

Page 41: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 41

Bibliografia

Lynch, P., and S. Horton. 1999.

Web style guide: Basic design principles for creating Web sites.

New Haven: Yale University Press.

http://info.med.yale.edu/caim/manual/

Page 42: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 42

Bibliografia

R. Kristof, A. Satran. 1995.

Interactivity by design. Creating & Communicating with New Media.

Mountain View, CA: Adobe Press.

Page 43: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 43

Bibliografia

Norman, D. A. 1990.

La caffettiera del masochista.

Firenze: Giunti editore.

Originale 1988. The design of everyday things. New York: Basic Books.

Page 44: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 44

Bibliografia

Norman, D. A. 2000. Il computer invisibile. La tecnologia migliore è quella che non si vede. Milano: Apogeo.

Originale 1998. The invisible computer: Why good products fail, the personal computer is so complex, and information appliances are the solution. Cambridge, MA: MIT Press.

Page 45: Maggio 2000Progettare multimedia1 Progettare e produrre multimedia Fare ricerca. Design della grafica. Design dellinterfaccia. Produzione di video. Produzione.

Maggio 2000 Progettare multimedia 45

Bibliografia

Niederst, J. 1999. Web Design in a Nutshell. A desktop Quick Reference. O’Reilly