LA STRUTTURA DELLE INFORMAZIONI PER LA RETE di Elisabetta Condò

Slides:



Advertisements
Presentazioni simili
Come pubblicare news su Scintilena Guida on line per publisher speleo.
Advertisements

Motori di ricerca (7.3.1).
Progetto di: Jody Padulano Giuliano Polverari
Camera di Commercio di Milano
Nuovo sito della sez.Tennis del CUG Indicazioni su come usarlo.
ANALISI PROPOSTA GRAFICA SITO DIPARTIMENTI UNI BASILICATA
Progettazione di un sito web
Costruire una Home Page La homepage rappresenta la vostra faccia nel mondo. I vostri clienti prima di iniziare qualche affare con voi cercheranno la vostra.
Web Cooperativo. Evoluzione tecnologie didattiche (Comunità di pratica e apprendimento A.Calvani - PuntoEdu) INTRANET C.M.S.
I.R.R.S.A.E.LIGURIA La rete telematica nella didattica.
TESTO ARGOMENTATIVO PASSI SMONTAGGIO SCHEMA 2. RICONOSCIMENTO PARTI
JavaScript Laboratorio di Applicazioni Informatiche II mod. A.
MODULO A – Web Community Scuole medie superiori
Information Architecture DOL carlotta melon zannini DOL DIPLOMA ON LINE – POLITECNICO DI MILANO - DOL DIPLOMA ON LINE – POLITECNICO DI MILANO.
DOL D6 - Laura Antichi - Modulo 2 - seconda settimana 2008 Analisi di sito tramato Rami, foglie, Tramatura ad ingresso plurimo,
DOL D6 - Laura Antichi - Modulo 2 - seconda settimana 2008 Information Architecture SVOLGERE E CONDIVIDERE SUL FORUM SEGUENTE ATTIVITÀ Scegliere un sito.
Presentazione del CD Usabilità per la comunicazione pubblica Forum PA - 11 maggio 2005 Roma.
Progetto EDUCAMBIENTE
GooglePA, un motore di ricerca per i siti web della PA italiana Un motore di ricerca per i siti web della PA italiana Roma, 19 maggio 2010 PA.
DBMS ( Database Management System)
INDEX. HOME PAGE La pagina è composta da una banda in alto (titolo del sito, orologio digitale, stato aggiornamenti e punto in cui ci si trova) e da 3.
Valutazione Usabilità Videogiornale Studentesco I 10 principi di Nielsen Alessandro Raimondi
ARGONEXT Accesso Docente
Progettare WEBQUEST.
IL GIORNALE.
Elenco dei risultati di EBSCOhost tutorial. Benvenuti al tutorial relativo allelenco dei risultati di EBSCOhost. In questo tutorial verranno illustrate.
Introduzione a EBSCOhost Tutorial. Benvenuti alla panoramica sullinterfaccia di EBSCOhost. In questo tutorial viene illustrata linterfaccia di ricerca.
SEZIONE STUDENTE HOMEPAGE STUDENTE Lo studente ha la sola facoltà di registrarsi e fare il test. Inizierà il suo lavoro cliccando su REGISTRATI (figura.
Scrivere per il web Consigli pratici per lo sviluppo di contenuti, a cura di Aliacom.it.
Dal menu in alto è possibile selezionare le specifiche pagine. Nella pagina di Gestione Gruppi si possono aggiungere nuovi gruppi e visualizzare lelenco.
Guida al sito dell’Istituto d’Istruzione Superiore “E
Costruire pagine per il WEB
Un modo nuovo di imparare
Prerequisiti Saper comprendere e rielaborare un testo scritto
L’articolo di giornale
GUIDA ALL'UTILIZZO DI MOODLE PROFILO: STUDENTE. LOGIN E NAVIGAZIONE DELLA PIATTAFORMA Dopo aver digitato l'indirizzo vi troverete.
Il nuovo portale : uno strumento a disposizione dei Soci per costruire insieme un nuovo modello di impresa retewww.cspnetwork.it Ferrara.
Il canale Cinema specializzato che soddisfa le esigenze di un milione di lettori Oltre il videogioco per una visione a 360° dellintrattenimento multimediale.
E-tutor Cinzia Montagnani Punt edu Formazione DL 59 Informatica.
Primo accesso Dimenticato la password? Navigare in piattaforma Come accedere a un corso.
& FACEBOOK Web - Editing. Le Pagine FAN di Facebook Uno strumento di marketing per Promuovere un ente/azienda/scuola Diversamenta da un gruppo ha degli.
Paper Based Prototipe Laboratorio di Basi di Dati 2 Università di Roma La Sapienza Tecnologie Informatiche Anno 2003/2004.
Paper Based Prototipe Riccardo Guarneri mat
Strumenti di Presentazione (Microsoft PowerPoint 2000)
CORSO DI INFORMATICA Prof.Reale.
Da Gutemberg a Google Progetto PON
IL NUOVO RESTYLING DEL SITO ISTITUZIONALE Conferenza stampa
ARTICOLO DI GIORNALE Scopo: Informare
IL GIORNALE Lavoro di ricerca e studio eseguito dalla classe 5^
O. Buffa M. Giraudo1 Siti Web Cooperativi Progetto di Dscholà in collaborazione con la Fondazione CRT e l'istituto Majorana di Torino, con l'utilizzo del.
PIATTAFORMA MAESTRA.
(Titolo Presentazione ppt) CAMBIAMENTI CLIMATICI
UNIVERSITA’ DEGLI STUDI DI PAVIA CORSO DI LAUREA IN COMUNICAZIONE INTERCULTURALE E MULTIMEDIALE Relatore: Ing. Marco Porta Correlatore: Prof. Giampaolo.
IL GIORNALE Il giornale è un mezzo di informazione cartaceo che offre le ultime notizie dell'Italia e del mondo ai lettori.
COME LEGGERE I GIORNALI
Flipped classroom e nuove metodologie didattiche Modulo 2 – Terza lezione Antonio Todaro “ Il Sito Web del docente ” prima parte.
Il quotidiano Piccoli scrittori all’opera …. Oggi si scriveeeeeeeeeeee!!!!!!!!!! prof. Principato Maria - il giornalino in classe - a.s
Flipped classroom e nuove metodologie didattiche Modulo 2 – Quarta lezione Antonio Todaro “ Il Sito Web del docente ” seconda parte.
1 Proposta grafica di restyling Il restyling del sito è stato pensato in relazione al target a cui si Edison Energia si rivolge:
Ingombri logici Homepage. Chi siamo Mappa Help Ricerca login Area grafica di comunicazione/branding RelazioneArea ServiziTeche Guide Servizi Compra online!
Tutorial UNOsearch Discovery Service dell’Università degli studi di Napoli “L’Orientale” Link a UNOsearch.
Un sito con Wordpress Includere Digital-mente – Corso livello 4 docente: prof.ssa MANUELA MARSILI.
Com'è fatto un giornale?.
Antonio Todaro “ Il Sito Web del docente ” Seconda parte Insegnare digitale: la didattica flipped e gli strumenti digitali a supporto della didattica capovolta.
Interazione Persona Computer prova di progetto Gruppo: IO Componenti: Carlo Solimando Sito analizzato:
Il nuovo sito della CSN1 Salvatore Costa (Catania) Andrea Ventura (Lecce) Roma - Riunione di CSN gennaio 2016.
L’obiettivo La App “ S.H.A.W.” è stata ideata per la sicurezza delle donne, ma anche pensata e realizzata per rispondere alla richiesta di informazioni.
COSA E’ INTERNET (le opinioni delle 2 squadre!) COSA SONO I SITI WEB COME SONO FATTI (BENE E MALE) CONSIGLI PER L’USABILITA’ WEB.
Lezione 9 Aprile Creazione prima pagina statica (con inserimento immagine) con differenza fra genitore e figlio -Scoperta della sezione di backend.
Presentazione SIWA Sito web realizzato con Prestashop Mario Farace - Dario Utzeri.
Transcript della presentazione:

LA STRUTTURA DELLE INFORMAZIONI PER LA RETE di Elisabetta Condò LA CONSEGNA 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

Il sito della Regione Lombardia (1) La funzione di copertina o presentazione è svolta sia dal logo con lo slogan «Lombardia: costruiamola insieme», non a caso posto in alto a sinistra, sia parzialmente dalla finestra Lombardia Notizie, collocata subito al di sotto del menu.

Il sito della Regione Lombardia (2) La funzione di indice è svolta sia dal menu orizzontale nella fascia alta, che dall’elenco di funzioni utili intitolato «A portata di mano» ed inserito nel taglio basso della pagina web.

Il sito della Regione Lombardia (3) La finestra sulla sinistra, che presenta tre diverse videate che si alternano in successione, svolge a mio parere un duplice ruolo: di invito, per la presenza di immagini e slogan dinamici, e di anticipazione, poiché mostra alcuni contenuti salienti o dell’ultima ora, mettendoli in evidenza all’interno della pagina ed esemplificando così la qualità dei contenuti proposti dal sito.

Il sito della Regione Lombardia (4) Infine, la funzione di introduzione, il «Qui si parla di…» è offerto sia nel taglio medio che in quello basso: le notizie principali e il calendario degli eventi introducono con sintetici titoli alcuni contenuti che potranno essere consultati nel sito.

Un esempio di struttura ad albero tramato homepage Homepage indice regione cittadini Ecc. A portata di mano meteo imprese ambiente tempo libero intranet In ogni sezione del sito della Regione Lombardia ci sono rimandi e link a contenuti trasversali già presenti nella homepage e spesso riproposti in altre pagine: ad esempio il meteo, gli avvisi, i bandi, in parte riuniti nella sezione specifica e in parte richiamati a seconda del loro contenuto nelle singole aree tematiche del sito. Ciò favorisce la rapidità di accesso alle informazioni, ma crea un po’ di disordine organizzativo.

Il sito del Teatro San Carlo – Napoli (1) La copertina in questo sito presenta maggiore evidenza e rilievo rispetto al caso analizzato prima: la banda alta della homepage mostra un’immagine accattivante di opera, concerto o balletto, affiancata dal logo e dal nome del teatro, nonché dalla dicitura stagione 2010-2011 o affine. Essendo l’immagine accattivante, svolge a mio parere anche una funzione di invito. Più copertine si alternano in una successione dinamica, mostrando i diversi tipi di spettacolo che il teatro ospita: Sinfonica Opera Balletto Extra La banda immediatamente sottostante offre diversi menu a tendina e svolge una chiara funzione di indice.

Il sito del Teatro San Carlo (2) Ruolo di introduzione ai contenuti presenti nel sito hanno tutti i box laterali come «In programma» o «Special», così come parte del taglio centrale («bandi»; «cinque per mille»); mentre a questo aggiungono la funzione di anticipazione ed esemplificazione di alcuni contenuti di qualità le sezioni centrali basse dedicate ad alcuni eventi prossimi e di rilevo qualitativo.

Scheda del singolo concerto Homepage indice stagione opera balletto sinfonica Scheda del singolo concerto Ecc. (…) teatro sostenitori museo educational biglietteria contatti Un esempio di struttura ad albero senza tramatura: www.teatrosancarlo.it

LA STRUTTURA GERARCHICA DEL SITO: ORDINE E CHIAREZZA ESPOSITIVA. www.teatrosancarlo.it Punti di forza del sito: struttura semplice e di facile consultazione; organizzazione chiara dei contenuti; rispondenza ai bisogni dell’utenza primaria: chiarezza informativa, esaustività, sintesi. Punti di debolezza: impossibilità di acquisto biglietti diretto online (si viene rinviati al Vivaticket); scarne informazioni sulle singole produzioni/opere proposte, esigenza probabile almeno dell’utenza secondaria. LA STRUTTURA GERARCHICA DEL SITO: ORDINE E CHIAREZZA ESPOSITIVA.

Un sito di recensioni cinematografiche: MyMovies.it

La HOMEPAGE di www.mymovies.it La home page di Mymovie.it è alquanto complessa e lunga, ne analizzo pertanto prima il taglio alto. La homepage è ricca di animazioni e pubblicità, lanci di nuovi film e di copertine dentro la copertina. La funzione di copertina qui è svolta dal logo con la scritta MYMOVIES.IT e dalle pubblicità colorate delle ultime proposte, come quella che appare nella fascia più alta, arricchita dall’animazione. Queste hanno però anche e soprattutto uno scopo di invito: sollecitano l’attenzione del lettore e tentano di catturarlo.

La HOMEPAGE di www.mymovies.it L’indice è invece costituito dal menu orizzontale presentato in apertura, con titoli e sottotitoli, ed è seguito e accompagnato dal motore di ricerca interno. La funzione di introduzione è svolta dal lungo elenco sottostante, che introduce appunto varie schede di film, articolate in cinque ambiti: Attualità e primo piano Film in uscita e attesissimi Altri film al cinema Altri film in dvd Altri film in tv Il ruolo di anticipazione, infine, è attribuibile alle numerose anteprime proposte in tutta la homepage, in particolare lungo la spalla destra.

La homepage di www.mymovies.it Ridondante e fastidiosa appare invece la riproposizione in più pagine del sito del box pubblicitario lampeggiante con funzione di invito: distrae l’utente interessato alle recensioni e non a quel film in particolare. Non raggiunge necessariamente lo scopo comunicativo.

La information architecture di www.mymovies.it indice Home database film Silvio forever Altro (…) (…) cinema Oggi al cinema prossimamente Film in uscita Dvd & cd tv attualità Anche il sito www.mymovies.it ha una struttura ad albero tramato, in cui la scheda del medesimo film compare in più sezioni del sito: ad esempio la stessa scheda del film «Silvio forever» compare sia nella sezione cinema > oggi al cinema, che nel database > film. In questo caso la tramatura mi appare funzionale e utile, non tale da inficiare la chiarezza espositiva.

Una sintesi conclusiva Elementi ricorrenti nelle homepage Peculiarità Meno importanza pare essere data al ruolo di introduzione ai diversi contenuti in alcuni dei siti analizzati. L’information architecture maggiormente scelta per i siti è quella a struttura gerarchica, forse per la ricchezza di contenuti da gestire, la tipologia degli utenti e le più ampie opportunità di navigazione che offre. Tutte e tre le homepage analizzate presentano una copertina abbastanza chiara, ma soprattutto un indice ben visibile in alto, quasi sempre associato ad un motore di ricerca, che della copertina vengono a far parte, integrandovisi. Spesso la funzione di invito e quella di anticipazione si sovrappongono e alcuni elementi visivamente accattivanti vengono presentati sia a scopo persuasivo che per esemplificare i contenuti che, navigandovi, si troveranno nel sito. Una sintesi conclusiva

Parola chiave: sobrietà Parola chiave: vivacità Il sito del Teatro san Carlo, con una struttura senza tramature, ad albero ma ordinata, con una grafica sobria, l’animazione limitata alla copertina, rivela un destinatario colto, che in un sito cerca chiarezza e fruibilità e non necessita di essere «ammaliato» con effetti speciali. All’estremo opposto il sito Mymovies si rivolge ad un’utenza giovane, da attrarre quanto più possibile con tecniche pubblicitarie e ricche animazioni; ne conseguono una architettura ricca di tramature, una homepage ampia e un po’ «sbrodolata» e un uso persino ridondante di pubblicità, immagini, animazioni, popup. Interessante è infine notare come la grafica, l’architettura e lo «stile» della home e del sito rivelino la tipologia dei suoi utenti.