HOME PAGE E FUNZIONI by teresa battaglia

LA STRUTTURA DELLE INFORMAZIONI PER LA RETE

CORSISTA: BATTAGLIA TERESA CLASSE L3 TUTOR:

VITTORIO MONAINI

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.

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”.

COPERTINA SLOGAN

LOGO

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”.

INDICE INDICE DEI CONTENUTI

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.

MOTORE DI RICERCA

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.

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 le immagini delle SLIDE SHOW

Invito mediante lo SLOGAN

Invito mediante le INFORMAZIONI AGGIORNATE

INTRODUZIONE

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.

ANTICIPAZIONE 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.

ANTICIPAZIONE di NOTIZIE

ANTICIPAZIONE delle NEWS

ANTICIPAZIONE degli EVENTI

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. 8

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 INDICE PRINCIPALE

Slide show Anticipazione Eventi

Rassegna: Vivere con gli animali

Sport

INDICE SECONDARIO A PORTATA DI MANO

Indirizzi, orari e punti informativi

CITTADINI

REGIONE

IMPRESE

AMBIENTE

ANTICIPAZIONE NOTIZIE

Bandi

Avvisi Meteo

Qualità dell'aria

Calcolo bollo auto

Carta regionale dei servizi

Leggi regionali Elenco di tutte le NEWS

Burl

Versione mobile

Trasparenza

TEMPO LIBERO

INTRANET

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

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.

COPERTINA LOGO

LOGO

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.

INDICE 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. INDICE

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…”

INVITO/INTRODUZIONE/ANTICIPAZIONE

INVITO 12

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.

INVITO

ANTICIPAZIONE

INTRODUZIONE

BOX

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.

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.

Home page Teatro San Carlo INDICE STAGIONE

Prossimi spettacoli

Tutti gli eventi

Opera

TEATRO

BIGLIETTI

Sinfonica

Balletto

EDUCATION AL

MEMUS

CONTATTI

Extra

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

LOGO

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:

COPERTINA 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 LOGO

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.

INDICE/INVITO

INDICE 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. 16

INVITO

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.

INTRODUZIONE/ANTICIPAZIONE

La funzione di introduzione è eseguita dal:

e da una serie di film di attualità:

INTRODUZIONE

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

La information architecture del sito

HOME INDICE Database

Dizionari

Film

Cinema

Premi

Oggi al cinema

DVD E CD

PROGRAMMI TV

Digital terrestre

Prossimamente

Attualità

SKY

Programmi TV di oggi

I film del 2012

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.