1

LA STRUTTURA DELLE INFORMAZIONI PER LA RETE

CORSISTA: BATTAGLIA TERESA CLASSE L3

TUTOR: VITTORIO MONAINI

2

COMPITO: “HOME PAGE E FUNZIONI”

Analizzare le homepage dei seguenti siti web e individuare quali funzioni (copertina, indice, invito, introduzione, anticipazione) sono assolte dai vari

elementi che compongono la pagina.

http://www.regione.lombardia.it

http://www.teatrosancarlo.it

http://www.mymovies.it

Un sito Internet è formato da un insieme di pagine web collegate tra loro che trattano uno o più

argomenti. La home page è la pagina più importante poiché è una specie di “vetrina” sui

contenuti del sito e, dato che è la prima cosa che i visitatori vedranno, essa deve poter fornire le

informazioni di base richieste per spostarsi all’interno del sito.

L’home page ha diverse funzioni:

Funzione d’introduzione, in quanto deve fornire un breve riepilogo del sito

Funzione d’informazione, cioè deve fornire ai visitatori le informazioni su ciò che

troveranno nelle pagine successive

Funzione di spostamento, in quanto i visitatori devono riuscire a raggiungere tutte le altre

pagine del sito con i collegamenti dell’home page. Analogamente, ogni pagina del sito

dovrà permettere di ritornare rapidamente all’home page.

Per analizzare un sito web è necessario comprendere l’Information Architecture, imparare cioè ad

osservare criticamente l’organizzazione dei contenuti di strutture ipermediali esistenti, capire i

vantaggi e i limiti di un sito rispetto ad un altro, operando anche un confronto. Le home page dei

siti web che intendo analizzare e descrivere sono i tre siti proposti. Inizio a fare una prima analisi

osservando la strutturazione standard, cioè gli elementi fondamentali che li compongono e il loro

modo di interagire, per poi descrivere il processo di costruzione da punto di vista dell’Information

Architetture: architettura informativa, comunicazione, funzionalità e contenuti.

3

L’ home page del sito dal punto di vista dell’Information

Architecture presenta una organizzazione ad albero di tipo gerarchico, con sezioni e sottosezioni,

navigabili secondo collegamenti ipertestuali verticali ed orizzontali, che danno accesso a tutte le

aree del sito, siano esse di natura informativa che documentale. Le diverse sezioni occupano una

posizione nella pagina, che permettono di accedere ai contenuti dell’applicazione (attraverso link)

e di addentrarci nella navigazione e nell’esplorazione delle diverse informazioni. L’immagine qui di

seguito riportata è l’home page del sito web della Regione Lombardia.

Inizio a fare una prima analisi osservando la strutturazione standard, cioè gli elementi

fondamentali che compongono l’home page, descrivendo il processo di costruzione da punto di

vista tecnologico: architettura informativa, comunicazione, funzionalità e contenuti.

Osservando attentamente l’home page si capisce che è un sito istituzionale in quanto fornisce

informazioni sui servizi offerti dalla Regione Lombarda: “Informazioni sull'attività istituzionale e sui

bandi pubblici, documenti ufficiali, servizi al cittadino ed alle imprese”.

4

La COPERTINA è colorata con il verde, con tonalità diversa, colore rappresentativo

della Regione Lombarda. Tale colore viene utilizzato per alcuni sfondi, per alcune

scritte e per alcune icone. In essa, a sinistra, è inserito il LOGO, la denominazione

della regione Lombardia e lo SLOGAN della regione: “LOMBARDIA, COSTRUIAMOLA

INSIEME”.

LOGO SLOGAN

COPERTINA

5

INDICE DEI CONTENUTI

Sopra l’ndice si trova il MENU con i collegamenti SOCIAL, quali i Contatti, le

Newsletter, i Twitter.

Accanto al menu si trova il motore di ricerca “CERCA SU TUTTO IL PORTALE” con il

quale tutti i visitatori possono accedere e navigare per cercare informazioni nel

portale. Sia le scritte del menu che quelle del motore di ricerca sono in nero e con le

lettere minuscole.

MENU MOTORE DI RICERCA

INDICE

Sopra la copertina, a destra, si trova l’INDICE con i contenuti raggruppati in categorie

REGIONE, CITTADINI, AMBIENTE, TEMPO LIBERO, INTRANET, con i quali il visitatore

può accedere attraverso dei link alle altre pagine del sito e poi ad altri link ancora,

riguardanti i vari aspetti della vita di un cittadino. La navigabilità dei contenuti

dell’indice è lineare e facilmente accessibile. Attraverso i link ci si può addentrare nella

navigazione per esplorare le informazioni e fruire dei contenuti accessibili dall’indice.

Per i contenuti dell’indice viene utilizzato il colore bianco e il carattere maiuscolo per

renderli ben visibili rispetto al colore verde scuro della copertina.

6

INVITO

Nell’home page ci sono, secondo il mio parere, diversi elementi che “INVITANO” il

visitatore ad addentrarsi nel portale: “Slogan, informazioni, notizie aggiornate” e

immagini accattivanti di paesaggi e di altri aspetti caratterizzanti la Lombardia.

A sinistra dell’home page, infatti si trova una finestra con delle SLIDE SHOW, nella

quale si vedono alternare delle immagini in successione e degli slogan dinamici, messe

in evidenza rispetto agli altri dati. Queste, secondo il mio parere, svolgono la funzione

di invito, in quanto presentano dei contenuti riferiti agli ultimi eventi. un

Invito mediante

LOGO

Invito mediante

lo SLOGAN

Invito

mediante

le immagini

delle SLIDE

SHOW

Invito mediante le

INFORMAZIONI AGGIORNATE

7

L’INTRODUZIONE è posta nella parte centrale del portale ed è suddivisa in colonne.

In ogni colonna vi troviamo altri contenuti rispetto all’indice, quali “le NEWS”, che

mettono in evidenza le notizie degli eventi prossimi, gli “EVENTI” (rassegne, festival,

e quant’altro può interessare al cittadino). Nella colonna “A portata di mano”

troviamo i link “Indirizzi, meteo, orari e collegamenti, servizi, dove sono elencati una

serie di link ad altrettanti servizi: leggi regionali, spazio regione, parchi Lombardia

ecc… Inoltre nella colonna di destra si trovano i “BANDI, gli AVVISI, le LEGGI

REGIONALI, TRASPARENZA, VALUTAZIONE e MERITO, SERVIZI ONLINE, dove sono

elencati una serie di link ad altrettanti servizi: cittadini, imprese, enti locali,

associazioni, operatori.

Ogni finestra è caratterizzata oltre che dal titolo, che funge da “link”, da una

immagine e da alcune parole introduttive.

INTRODUZIONE

8

L’homepage del sito, così com’è strutturato, svolge anche la funzione di

ANTICIPAZIONE perché è in grado di anticipare e mettere in evidenza alcuni

“contenuti” promozionali o servizi su cui si vuole attirare l’attenzione dei visitatori,

come le notizie, le news, i bandi, gli avvisi, gli eventi tra cui il meteo.

Tutti i link delle anticipazioni sono costituite dal testo e da un’icona di colore verde,

mentre il testo di colore nero. Le icone ci fanno capire subito di che cosa tratta il

link e a quali pagine si accede cliccando su di essa.

La information architecture del sito

Pensando alla struttura del sito tutte le sezioni sono disposte per formare il tutto,

per facilitare l’accesso dei motori di ricerca ai contenuti delle pagine.

ANTICIPAZIONE

ANTICIPAZIONE di

NOTIZIE

ANTICIPAZIONE

delle NEWS ANTICIPAZIONE degli

EVENTI

9

Le pagine sono ben organizzate, esse definiscono non solo i contenuti ma anche la

gerarchia delle varie sezioni. La gerarchia utilizzata nel sito si basa su una struttura

ad albero, con sezioni e sottosezioni, navigabili secondo collegamenti ipertestuali

verticali ed orizzontali: dalla homepage del sito (il tronco) partono le pagine

secondarie (i rami) dalle quali partono le pagine terziarie (sottorami), che

contengono le varie informazioni (le foglie).

L’ home page dà accesso a tutte le aree del sito, siano esse di natura informativa che

documentale. Le diverse sezioni occupano una posizione nella pagina, che risponde

a un ordinamento gerarchico e a criteri di raggruppamento di omogeneità.

Home page Lombardia

Slogan

Slide show

Anticipazione Eventi

Rassegna: Vivere con gli

animali

Sport

INDICE SECONDARIO

A PORTATA DI MANO

Indirizzi, orari e punti

informativi

Meteo

Qualità dell'aria

Calcolo bollo auto

Carta regionale dei

servizi

Bandi

Avvisi

Leggi regionali

Burl

Versione mobile

Trasparenza

INDICE PRINCIPALE

IMPRESE AMBIENTE

ANTICIPAZIONE NOTIZIE

Elenco di tutte le NEWS

TEMPO LIBERO INTRANET REGIONE CITTADINI

10

In ogni sezione del sito della Regione Lombardia ci sono diversi link a contenuti trasversali ad esempio il meteo, gli avvisi, i bandi, in parte riuniti nella sezione specifica. Questo permette un accesso veloce alle informazioni. Il tutto è ben organizzato e,

in base all’analisi che ho effettuato, ritengo giusto affermare che il sito presenta

una “Information Architecture” efficace, ricca di informazioni, di contenuti e offre

agli utenti una struttura e un'organizzazione accessibile.

home page del teatro San Carlo http://www.teatrosancarlo.it

11

Nel sito web del teatro San Carlo la homepage dal punto di vista dell’Information

Architecture presenta una struttura di tipo gerarchico lineare, e fornisce l’accesso

diretto ai diversi contenuti tramite dei link a cui accedere, i quali a loro volta

presentano svariati altri link. I link presentano il teatro nei suoi vari aspetti,

funzionali, commerciali e organizzativi. Essa mantiene la funzione di copertina,

invito, introduzione e anticipazione.

La copertina in questo sito presenta subito il teatro; in essa si nota subito

un’immagine di un’opera d’arte molto accattivante. Sotto di essa e precisamente a

sinistra, accanto all’indice, si trova il logo e il nome del teatro che permette una

immediata identificazione.

COPERTINA

LOGO

LOGO

LOGO

LOGO

12

Il ruolo di indice è in questo caso molto semplice e permette di accedere

direttamente ad un menù: “STAGIONE, TEATRO, BIGLIETTI, EDUCATIONAL,

MEMUS, CONTATTI” le cui voci permettono di accedere ad altre categorie di

contenuti tramite l’apertura di un menù a tendina. Infine, a destra con il colore

rosso viene evidenziata la sezione “IN SCENA”, il cui link apre il calendario con le

proposte della stagione teatrale.

Sotto l’indice si notano una successione di copertine che, attraverso immagini

fotografiche abbastanza chiare ed esplicative, ci presentano immediatamente tutti gli

spettacoli e il calendario: “ORCHESTRA, LIRICA, ECC…”

INDICE

INVITO/INTRODUZIONE/ANTICIPAZIONE

LOGO

INDICE

INVITO

13

Le immagini della copertina sono dinamici, cliccabili e rappresentano un invito ad

addentrarsi nel sito e a partecipare agli eventi, esse fungono anche di anticipazione e

di introduzione dei contenuti, riguardanti la cinematografia. Gli eventi che vengono

riportati, sono raggruppati per categoria e ogni link con la sua denominazione fa

comprendere subito di che cosa si tratta e cosa si aprirà cliccandoci sopra. Quando si

entra nei vari link, si apre un’altra finestra dalla schermata più completa, con più

informazioni e notizie.

Le immagini sottostante invitano ad accedere, a scrivere una recensione, a lasciare un

commento o a continuare la navigazione nelle altre sezioni per ricercare

informazioni.

ANTICIPAZIONE

INVITO INVITO

14

La information architecture del sito

Per quanto riguarda la struttura del sito si può dire che è una struttura lineare,

omogenea, dove le pagine sono ben organizzate, con sezioni navigabili secondo

collegamenti ipertestuali verticali ed orizzontali.

L’ home page dà accesso a tutte le aree del sito, siano esse di natura informativa che

documentale.

INTRODUZIONE

Il ruolo di introduzione viene esplicitato da un menù molto chiaro e ben articolato e anche

dai box centrali che si trovano nell’home page.

BOX

15

Il sito è ben articolato e, in base all’analisi che ho effettuato, ritengo giusto

affermare che esso presenta una “Information Architecture” efficace, ricca di

informazioni, di contenuti e offre agli utenti una struttura accessibile e una

navigazione facile e una immediata comprensione.

home page del sito http://www.mymovies.it

Home page Teatro San Carlo

INDICE

STAGIONE

Prossimi spettacoli

Tutti gli eventi

Opera Balletto Sinfonica Extra

TEATRO BIGLIETTI EDUCATION

AL MEMUS CONTATTI

LOGO

16

Il sito presenta una struttura ad albero, molto complessa,

rispetto ai precedenti, ma comunque ben articolata. L’ homepage del sito è molta

complessa, lunga, dinamica e ricca di animazione, di pubblicità e di lanci di nuovi

film. Essa è caratterizzata dai seguenti elementi:

La funzione di copertina è svolta dal logo con la scritta MYMOVIES.IT e dalle pubblicità colorate, come quella che appare nella fascia più alta, arricchita

dall’animazione. La copertina ci permette di identificare il sito web e di comprendere che è un sito cinematografico.

Essa assolve anche lo scopo di INVITO in quanto promuove la pubblicità, suscita la

curiosità del lettore e lo invita alla navigazione.

L’INDICE è caratterizzato dal menu orizzontale che si trova a destra, cliccando su ogni

voce di esso permette l’accesso ad altre sezioni e sottosezioni che ci invitano a

navigare nel sito.

COPERTINA

LOGO

INDICE/INVITO

INDICE

17

Il sito offre diverse sezioni di INVITO:

Nelle immagini di seguito riportate si invita il lettore a:

scrivere una recensione, a lasciare un commento o a continuare la

navigazione nelle altre sezioni.

fare una ricerca attraverso il seguente modulo di ricerca.

La funzione di introduzione è eseguita

dal:

INTRODUZIONE/ANTICIPAZIONE

INVITO

18

e da una serie di film di attualità:

In tutta l’home page si trovano diverse sezioni di anteprima che hanno il ruolo di

ANTICIPAZIONE di eventi cinematografici.

ANTICIPAZIONE:

ATTUALITA’ E PRIMO PIANO ANTICIPAZIONE

INTRODUZIONE

19

La information architecture del sito

Il sito www.mymovies.it ha una struttura ad albero tramato; esso è caratterizzato

da applicazioni molto complesse e prevede una homepage che dà accesso a delle

sottosezioni, che a loro volta permettono di accedere ai veri e propri contenuti. La

struttura è a più livelli e organizza i contenuti in modo gerarchico.

CONCLUSIONE

Concludendo si può dire che tutti e tre i siti presentano una homepage con una

copertina molto chiara, di immediata comprensione e un indice abbastanza visibile.

Nelle home page dei siti tutti i ruoli sono ben organizzati e presentano, per la

ricchezza di contenuti da gestire, una “Information Architecture” a struttura

gerarchica, efficace, ricca di informazioni e di contenuti. Inoltre offrono agli utenti

un'organizzazione accessibile, con ampie opportunità di navigazione, con un design

grafico di facile e immediata comprensione.

HOME INDICE

Database

Dizionari Film

I film del 2012

Premi

Cinema

Oggi al cinema

Prossimamente

DVD E CD PROGRAMMI TV

Digital terrestre

Programmi TV di oggi

SKY

Attualità