Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI...

14
Information Information Architecture Architecture DOL 2010-2011 DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO

Transcript of Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI...

Page 1: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Information ArchitectureInformation ArchitectureDOL 2010-2011 DOL 2010-2011

carlotta melon zannini

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 2: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Struttura informazioni per la Struttura informazioni per la reterete

esigenze del esigenze del lettorelettore

esperienze esperienze d’uso d’uso del del lettorelettore

Organizzare i contenuti per garantire la migliore fruizione degli stessi.

Organizzare i contenuti all’interno delle singole unità di fruizione.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 3: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Le domande a cui Le domande a cui rispondererispondere

Non ho le idee chiare: cosa c’è d’interessante?

Che cosa mi proponi oggi? Ci sono novità? So esattamente cosa

voglio, ma dov’è? Ho poco tempo mi fai

capire se mi interessi?

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 4: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Pagina inizialePagina iniziale

Home page

CopertinaIntro

duzioneAntici

pazioneInvitoIndice

Identifica l’oggetto di cui si parla e indica il tono e lo stile del sito.

Elenca gli argomenti comunicandone importanza e priorità.

Utilizza immagini, slogan … con funzione persuasiva.

Completa l’indice dei contenuti spiega perché e a chi possono interessare.

Fornisce un’anteprima dei contenuti di qualità presenti nel sito.

Di che sito si tratta, di cosa parla? Chi ci sta dietro, che scopo ha?

Che cosa posso trovare in questo sito? Dov’è ciò che cerco?

Questo sito sarà interessante? Ci sarà qualcosa di utile per me?

I contenuti del sito sono esattamente ciò che sto cercando?

Vale la pena continuare a navigare nel sito?

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 5: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Analizziamo tre Home PageAnalizziamo tre Home Page

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 6: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

CopertinaCopertinaRegione LombardiaRegione Lombardia

Si tratta di un sito istituzionale nel quale il nome e il logo sono sufficienti a identificare con chiarezza sia l’oggetto che lo stile del sito.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 7: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

CopertinaCopertinaTeatro San CarloTeatro San Carlo

Anche in questo caso seppure non si tratti di un sito istituzionale, il nome e il logo sono sufficienti da soli a identificare con chiarezza sia l’oggetto che lo stile del sito.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 8: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Copertina MyMoviesCopertina MyMovies

A differenza degli esempi precedenti in questo caso il nome non chiarisce in modo univoco l’oggetto, lo scopo e lo stile del sito. I titoli del menu sottostante aiutano pertanto a chiarire le funzioni della copertina.

Page 9: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

IndiceIndiceRegione LombardiaRegione Lombardia

Sono presenti due indici: il primo in alto è suddiviso in sei aree tematiche (maggiormente importanti) e dà accesso ad altrettante home page secondarie; il secondo centrale dà accesso velocemente a contenuti di uso più frequente. Alcune pagine sono raggiungibili da entrambi i menù secondo una organizzazione ad albero tramato.

Page 10: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

IndiceIndiceTeatro San CarloTeatro San Carlo

L’indice è ben visibile nella barra in alto. Comprende otto voci di cui cinque espandibili mediante menù a tendina dai quali è possibile accedere ad un ulteriore elenco di contenuti.La barra dell’indice resta invariata in tutte le pagine del sito facilitando la navigazione tra le varie aree.

Page 11: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Indice MymoviesIndice Mymovies

L’indice, sotto la copertina, comprende sette voci principali (in grassetto) ciascuna delle quali è seguita da una serie di sottosezioni. Data la complessità della home page e la ricchezza di elementi presenti c’è anche un sommario posto alla fine della home che assolve in parte anche la funzione di indice.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 12: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

InvitoInvito

La funzione di invito ha un intento La funzione di invito ha un intento prevalentemente persuasivo. Per prevalentemente persuasivo. Per questo motivo vengono usate spesso questo motivo vengono usate spesso immagini che scorrono (l’effetto immagini che scorrono (l’effetto cinestetico attira l’attenzione), frasi cinestetico attira l’attenzione), frasi brevi in cui ci si rivolge direttamente brevi in cui ci si rivolge direttamente al lettore usando l’imperativo per al lettore usando l’imperativo per coinvolgerlo e convincerlo.coinvolgerlo e convincerlo.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 13: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Introduzione e Introduzione e AnticipazioniAnticipazioni

Queste funzioni seppure hanno scopi Queste funzioni seppure hanno scopi differenti presentano molte analogie e differenti presentano molte analogie e spesso uno stesso elemento assolve spesso uno stesso elemento assolve contemporaneamente ad entrambe le contemporaneamente ad entrambe le funzioni.funzioni.

DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO

Page 14: Information Architecture DOL 2010-2011 carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.

Analisi di tre Home PageAnalisi di tre Home Page

finefineDOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO