MasterNewMedia Italia
Scopri i migliori tool per comunicare,
collaborare e fare marketing
   
Curated by: Luigi Canali De Rossi
 


23 dicembre 2008

Progettare Siti Web: Come Applicare I Principi Di Information Architecture Per Realizzare Un Sito In Maniera Efficace

Cosa fai quando devi organizzare i contenuti per un nuovo blog o sito web? Spendi un bel po' di tempo ad organizzare i contenuti in sezioni gerarchiche prima di lanciare il sito? Oppure identifichi semplicemente le sezioni chiave del sito e continui a lavorare solo su queste?

sitemap-2753050621_ef636aca35_b-e485.jpg
Photo credit: a) Sitemap - Flickr / Shilpa13 b) Butterfly - Adrian Matthiassen mash up realizzato da Robin Good

La risposta migliore è sempre relativa a ciò che si intende realizzare.

Diciamo che se vuoi creare un nuovo sito soltanto per divertimento, non ti aspetti di raggiungere chissà quale visibilità presso i motori di ricerca e magari non ti interessa neanche fornire chissà quale tipo di navigazione speciale ai tuoi utenti, allora puoi iniziare a smanettare come meglio credi.

Ragazzi, il divertimento è divertimento.

Se invece vuoi realizzare un sito web serio e professionale e vuoi raggiungere un certo quantitativo di traffico e una buona visibilità presso i motori di ricerca per riuscire ad accaparrarti un sacco di lettori fedeli, allora spendere del tempo per decidere in anticipo per capire come organizzare i contenuti del sito dovrebbe essere un'attività in cui investire il tuo tempo.

Grazie a Dev.Opera, un sito web fantastico per tutti coloro che sono pochi avvezzi alla tecnologia ma vogliono capire come realizzare siti web in maniera efficace, Jonathan Lane spiega le basi di quello che va sotto il nome di "Information Architecture", ovvero: come organizzare i contenuti per realizzare un sito web in maniera efficace?

 




Information Architecture - Pianificare la Creazione di un Sito Web

di Jonathan Lane

information-architecture-sitemap-contens-06_06_c30_inforarchitektur_en1_0400x0400.jpg
Photo credit: Contens CMS




Introduzione

Tipicamente, la fase di pianificazione di un sito web (o di qualsiasi altro progetto) può essere davvero molto stressante. Ciascuno porta avanti le sue idee su cosa dovrebbe contenere il sito web e, molto spesso, queste opinioni sono in contrasto tra loro.

L'obiettivo numero uno per qualsiasi sito web dovrebbe essere quello di costruire qualcosa che sia utile alle persone che lo utilizzeranno. Non importa ciò che dice il tuo capo o quello tuo team che è ha un dottorato in ingegneria del software, alla fine dei conti, se stai realizzando un sito web per una specifica audience, il parere della gente è l'unica cosa che conta.

Questo articolo intende fare una panoramica sulle fasi iniziali della pianificazione di un sito web, una disciplina che è comunemente detta "Information Architecture" o IA.

Si tratta di pensare a quale sarà il tuo pubblico di riferimento, di quali informazioni hanno bisogno e come dovresti strutturarle per fornirle in maniera efficace.

Vedremo quali informazioni dovrebbero andare in un sito e come spezzare i contenuti in blocchi tutti correlati tra loro.

Le sezioni di questa guida sono le seguenti:

  • Pianificare il Sito Che Vuoi Realizzare

    1. Introduzione ai "The Dung Beatles"

    2. E adesso? Disegnare la mappa di un sito

    3. Nominare le pagine

    4. Aggiungere qualche dettaglio

    5. Sommario

    6. Esercizi




Pianificare il Sito Che Vuoi Realizzare

website-planning-ipgri-action-plan-map645w-2004-485.gif
Image credit: Robin Good - IKONOS sas

Ti capiterà di avere a che fare con progetti web che non hai iniziato tu ma nel quale sei stato inserito dopo, magari dal tuo capo progetto. Tuttavia in genere questa è un'eccezione, non la regola fissa.

Daremo un'occhiata a una band immaginaria, i "The Dung Beatles", e cercheremo di aiutarli nelle fasi iniziali della pianificazione del loro sito web.
Parleremo con la band per capire quali sono le loro esigenze e cosa vorrebbero vedere sul loro sito web. Dopodiché inizieremo a lavorare per strutturare le informazioni che riguardano la band.



Introduzione ai "The Dung Beatles"

planning-website-the-dung-beatles-music_feature-24435-265.jpeg
Photo credit: Austin Chronicle

I "The Dung Beatles" (TDB) hanno un problema. Sono la cover band dei Beatles più famosa di Moose Jaw, Saskatchewan, ma hanno bisogno fare qualcosa per promuovere il loro prossimo tour di questa estate in Nord America.

Hanno concerti in programma in molte località di Canada e Stati Uniti, ma sono praticamente sconosciuti al di fuori del loro paese d'origine. La band vuole capire se, utilizzando la tecnologia, c'è un modo per farsi conoscere da tutti i fan dei Beatles spendendo relativamente pochi soldi.

Fortunatamente per i TDB c'è un cosa che si chiama World Wide Web. Così decidono che realizzare un sito web è la risposta a ciò che vogliono ottenere.

I TDB hanno bisogno di qualcosa per promuovere le date del loro tour, costruire una community di fan affezionati anche in altre città e far conoscere ancora meglio la band.

Lavorerai fianco a fianco con loro per vedere se è possibile tracciare un piano per realizzare il sito web della band.

Per fare questo innanzitutto devi concorda una riunione con il tuo nuovo cliente per capire che cosa vuole e decidere i tempi di lavoro e costi dell'intero progetto.

Inizia la conversazione chiedendo di parlare delle esigenze della band del per farti un'idea di che cosa vogliono.

Cosa spera di raggiungere la band con la propria presenza online?




Obiettivi del Sito Web

website-planning-website-goals-identify_id277750_size255.jpg
Photo credit: Silvia Bukovac

I TDB iniziano a parlare del loro prossimo tour e di come vogliono accaparrarsi i fan di Beatles in tutte le tappe del tour. Adesso siamo a Febbraio e per programmare il tour la band ha cinque mesi di tempo.

Aspetta un secondo! Un sito web non può costruirsi, guadagnare traffico e pubblicizzarsi da solo.

Dalla conversazione capisci che l'obiettivo principale del sito è quello di essere un punto di riferimento per tutti i fans dei TDB. Un posto dove i fan possono tenersi aggiornati sulle ultime novità della band, le date del tour e le location dei concerti.

Attraverso i fan (grazie al passaparola) e pubblicità di altro genere nuove persone verranno a conoscenza del sito web. Sul sito potranno scaricare le canzoni della band, guardare le foto dei componenti del gruppo (truccati e in costume) e scoprire/controllare dove è possibile vederli e sentirli dal vivo.

Raul McCoffee, il frontman dei TDB, fa notare quanto sarebbe bello poter fare qualche soldo in più vendendo CD e merchandising della band.

Chiami a raccolta la band e gli fai vedere uno schizzo di quello che i fan vorrebbero trovare quando sono sul sito. Questo è soltanto un insieme di idee molto grezzo. In questo momento hai solo una struttura parziale del sito web.




Identificare la Audience

ia-planning-a-web-site-stemap-400.gif
Figura 1: Uno schizzo veloce di ciò che il sito web dovrebbe contenere. Quello che vuole trovare chi arriva sul sito web della band.

Ci sono due gruppi di persone che andranno a visitare il sito. Le persone che conoscono già i TDB e sono dei loro fan e persone che non li conoscono per niente. C'è bisogno di soddisfare entrambi i gruppi di persone in modi diversi. La band deve "comprare" nuovi fan mentre deve "alimentare" la passione dei fan più sfegatati.

Che tipo di informazioni cerca ciascuno dei due gruppi di persone?

La Figura 1 fornisce un'indicazione su questo punto. E' lo schizzo che si fa quando si progetta un sito web.

Da qui puoi capire le pagine web di cui hai bisogno e come devono essere collegate tra loro.

Tu concordi una cifra e decidi di lanciare il sito web in un mesetto. Dopodiché prometti alla band di farti risentire dopo un paio di giorni per spiegare come stanno precedendo i lavori.




E Adesso? Disegnare la Mappa Del Sito

ia-planning-a-web-site-web-site-structure.gif
La Figura 2 mostra il tentativo di prendere le idee raccolte in fase di brainstorming e di rappresentarle su un grafico: la prima iterazione per creare la struttura del sito - Questa immagine mostra il primo tentativo di strutturare il sito web presentato in questo articolo. Le pagine del sito sono organizzate in un diagramma a forma di ragnatela con la "Home" al centro. Le pagine collegate a questo punto centrale sono "Store", "Biographies", "Fan Discussion", "Tour Dates and Location", "Pictures", "Discography" e "Contact". La pagina "Discography" contiene altre due pagine "Lyrics" e "Sample Track"



Un sacco di persone arrivati a questo punto creano una sitemap. Una sitemap assomiglia un po' a un organigramma. Di solito è un grafico molto semplice che mostra i nomi delle pagine e come queste sono collegate tra loro.

Personalmente preferisco aggiungere qualche piccolo dettaglio in più circa le informazioni contenute in ciascuna delle pagine.

Ad esempio, una pagine potrebbe essere chiamata "Home", ma che cos'è una homepage? E' una pagina che contiene un semplice scritta "Benvenuti nel nostro sito web" oppure una pagina che contiene notizie e tante foto allettanti?

Prenditi del tempo per pensare quali di queste pagine dovrebbero essere inserite nel sito e quali informazioni dovrebbero contenere ciascuna pagina. Fai sempre una mappa del sito prima di passare ai passi successivi della realizzazione di un sito web.

Adesso iniziamo con le operazioni di base. Prendiamo in esame uno di quegli organigrammi di cui ti ho parlato poco fa.

Deve contenere tutte le pagine di cui hai bisogno. Come vedi, almeno per il momento, non ci sono gruppi di pagine. Adesso c'è solo un grande caos perché fino a questo momento non ti ho detto come andare avanti.

Ora abbiamo "spezzato" le informazioni in gruppetti leggermente più grandi. La Figura 3 mostra questo passaggio. Adesso la struttura del sito è raggruppata in maniera più logica.

ia-planning-a-web-site-web-site-structure-2.gif
Figura 3: La struttura del sito rivisitata - L'immagine mostra la struttura del sito ulteriormente raffinata. Adesso la "Home" contiene altre pagine: "Contact", "Store", "About TDB" (che a sua volta è collegata alle pagine "Biographies" e "Picture"), "Band News" (che a sua volta è collegata alle pagine "Tour Dates & Location" e "Fan Discussions") e "The Music" (che a sua volta è collegata alle pagine "Lyrics" e "Sample Track").

Ho fatto un paio di altre cose con la nuova struttura del sito:

a) La pagina "Band News" dà ai TDB un luogo dove poter condividere con i propri fan tutto ciò che vogliono anche quando il tour estivo è finito. La pagina "Tour Dates & Location" non serve più.

b) Adottare la forma blog consente ai fan di commentare le varie news e di costruire una community intorno ai TDB. I fan sbavano per le news e tutto ciò che riguarda i tour, quindi ho raggruppato insieme le pagine.

Inoltre, la parola "News" è più semplice, è più generica e consente alle persone di capire immediatamente ciò che troveranno su quella pagina.

La nostra nuova pagina "About The Dung Beatles" mette insieme le biografie con tanto di fotografie di ciascun componente della band. Facendo in questo modo abbiamo una pagina che contiene in un colpo d'occhio tutte le informazioni su ciascun componente del gruppo.

Seguendo un ragionamento simile a quello fatto in precedenza, "About" è un termine utilizzato di frequente da molti siti web. Di solito un visitatore che vuole saperne di più su un'azienda, un prodotto, un servizio o una persona cerca sempre la pagina "About".

Infine, il termine "Discography" è un po' più tecnico. Potrebbe capitare che le persone non capiscano cosa c'è dietro questo termine rispetto alla parola "The Music". Inoltre, chiamare la pagine in questo modo apre la pagina a ospitare nuovi tipi di contenuti: fonti di ispirazione, storia di una particolare canzone etc... ci possono essere un sacco di cose da inserire.

Penso che siamo pronti a partire. Dopo aver parlato un po' di come chiamare le pagine in modo coerente vedremo di aggiungere qualche dettaglio in più ad ogni singola pagina.




Nominare le Pagine

website-planning-naming-pages_id1557981_size270.jpg

Come nominare le pagine è una delle decisioni cruciali che dovrai prendere nella fase di realizzazione di un sito web.

E' importante non solo per permettere ai visitatori di navigare più agevolmente nel sito web, ma anche per essere facilmente trovabili quando le persone utilizzano i motori di ricerca.

In generale, per decidere quanto sono rilevanti i tuoi contenuti i motori di ricerca guardano al testo contenuto in un pagina web, l'URL di questa pagina e i link.

Dando alle pagine un nome coerente e delle URL sensate incoraggerai gli altri a sempre inserire un link verso il tuo sito.

Ecco un esempio. Diciamo che sei un produttore di automobili e hai un modello che si chiama "The Speedster". Diciamo anche che hai un sito web dove promuovi la tua automobile e una di queste pagine contiene la lista delle caratteristiche. Come chiamerai questa pagina: "Features", "Features of the Speedster" o "Bells and Whistles"?

Credo che "Features of the Speedster" sia la scelta migliore tra queste tre possibilità.

Fa capire cosa contiene la pagina. Se il titolo è visualizzato bello grande in alto alla pagina e l'URL è qualcosa tipo www.autocompany.com/speedster/speedster-features/, avrai una buona indicizzazione del sito presso i motori di ricerca.




Aggiungere Qualche Dettaglio

ia-planning-a-web-site-web-site-structure-details.gif
Figura 4: Dettagli della Home page.

Arrivati a questo punto non è necessario avere tutto bene in mente, ma almeno devi fornire una breve descrizione di quello che hai in mente per ciascuna pagina.

Dopo aver ottenuto la struttura del sito, numera le pagine e fornisci una breve descrizione per ciascuna di esse proprio come ho fatto io nella Figura 4 (avrai la possibilità di fare questo anche tu in uno degli esercizi proposti alla fine dell'articolo).

A questo punto si tratta di capire cosa dovranno contenere le pagine. Non c'è bisogno di descrivere le funzionalità presenti in ciascuna pagina, la tecnologia utilizzata o l'aspetto che dovranno avere. Devi descrivere semplicemente in termini generali.
Qui il tuo obiettivo deve essere quello di comunicare efficacemente ai tuoi clienti ciò che hai in mente.
Non è una cosa rara che arrivati a questo punto si abbiano troppe pagine e non si sa come riempirle. Si può uscire pazzi quando si progetta la struttura di un sito.
Ad esempio, se ciascun componente della band vuole pubblicare giusto un paragrafo nella biografia è inutile creare una pagina con la bibliografia per ogni artista della band. Potrebbero essere messe tutte insieme in una singola pagina.




Sommario

website-planning-summary_id2385701_size130.jpg

L'articolo ha preso in esame un sito web nel suo complesso e quello che si dovrebbe fare per strutturare i contenuti in maniera efficace.

1. Prima devi decidere i contenuti del sito web e a come strutturarli nelle singole pagine.

2. Poi devi decidere le funzionalità che deve avere il sito.

3. L'ultima cosa di cui ti devi occupare prima di iniziare effettivamente a scrivere il codice per realizzare il sito è elaborare il layout, cioè l'aspetto delle pagine, i colori del sito etc.




Esercizi

website-planning-exercise-questions_id273110_size250.jpg
Photo credit: Pablo631

  • Torna indietro e guarda la Figura 1. Prova a realizzare un grafico simile per progettare un sito web su un'automobile (prendi una qualsiasi macchina sul mercato o inventane una tu stesso).
    • Cosa si aspettano di trovare i visitatori del sito?
    • Negli altri siti web c'è qualcosa che ritieni essenziale nella progettazione del tuo sito? Vedi altre cose che invece sono inutili?

  • Fai un brainstorming e cerca di organizzare le informazioni che hai a disposizione. Puoi raggruppare le pagine in diversi gruppi?
  • Un'altra attività utile quando stai pianificando un sito web è vedere cosa c'è già su Internet. Cerca i siti di altre band e guarda che cosa offrono. Gli manca qualcosa?
  • Dai un'occhiata alla Figura 4. Prova a sviluppare una figura simile per tutte le altre pagine che compongono il sito.

Guarda anche:



DevOpera-logo-beta-c.gif
Questo articolo fa parte del corso Opera Web Standards Curriculum ed è stato pubblicato per la prima volta l'8 Luglio 2008 da Dev.Opera con il titolo "Information Architecture - Planning Out a Web Site".




Note sull'autore

Jonathan_Lane-photo-95.jpg

Jonathan Lane è il presidente della Industry Interactive, un'azienda che si occupa dello sviluppo di applicazioni web con sede in Canada, a Mayne Island. Jonathan ha iniziato a lavorare come programmatore all'Università di Lethbridge ed è stato anche il coordinatore di diversi progetti. Scrive su un blog che si chiama Flyingtroll e attualmente sta lavorando a Mailmanagr, un client email per la piattaforma di project management Basecamp.

 
 
 
 
 
Commenti    
blog comments powered by Disqus

 

 

 

 

14230
 




 

I Toolkit di Robin


 









 

 

 

 

  • RSS Feed

          Mail
    Nome:
    Email:
     



     
     

     

    Web Analytics