Un pdf introduttivo sull'IA e' Information Architecture: Designing the User Experience di Jennifer Vodvarka (Luminant). I seguenti sono alcuni estratti:

The Web is all about the power of movement. We can move through it unfettered by boundaries or limitations. Because the Web is all about the power of movement, information architecture is an integral part in developing Web sites.

User experience is defined by several things, including the following:

• How users interact with the site


• How users move through the site to find information and perform transactions


• How the site fulfills user goals and expectations


• How users rate their level of satisfaction

How people experience Web sites is vital in determining how they should be designed and developed. The user experience makes or breaks a site.

Louis Rosenfeld and Peter Morville, in their book Information Architecture for the World Wide Web, define the role of the information architect as someone who performs the following:

• Clarifies the mission and vision for the site, balancing the needs of its sponsor organization and the needs of its audiences


• Determines what content and functionality the site will contain


• Specifies how users will find information in the site by defining its organization, navigation, labeling and searching systems


• Maps out how the site will accommodate change and growth over time

Defining the Audience – You Are Most Likely Not It

One of the first tasks when undertaking a Web development project is defining the audience.

When defining a site’s audience, it is important to remember that the site will be developed for an end user. Most likely, that end user is not you. All too often, businesses and Web developers make the mistake of designing for themselves.

Take advantage of your audience, if possible, by performing focus groups. Ask your audience what they want out of your site and what will make them recurring visitors.

Site Organization – From Brain Dump to Site Structure

It is the information architect’s job to gather informations and begin to build something out of them, starting to see relationships between building blocks. We can create a blueprint of how the site will be structured and where each block fits into it.

And So a Site Map is Born…

Come si puo' inquadrare l'IA all'interno delle fasi della progettazione di un sito web? Un'idea molto suggestiva è proposta ancora da Luca ( il cui sito sta diventando per me velocemente indispensabile.. ). Cito quasi testualmente da qui:

Progettare in ambito web:
"consiste nel tradurre gli obiettivi e le necessità del cliente in un progetto coerente, bilanciando opportunamente esigenze del cliente e aspettative dell'utente finale.

Il web è essenzialmente uno spazio: il concetto di esperienza è quindi quello che meglio cattura il tipo di interazione che abbiamo con esso. La progettazione web è una sorta di urbanistica dell'informazione che aiuta a progettare soluzioni web dove sia confortevole muoversi.

La complessità del compito impone a tale progettazione un approccio di tipo olistico, cioè un approccio che si avvale dell'apporto di più campi del sapere. La progettazione web si colloca cosi' al confine fra più discipline e a cavallo delle cosiddette due culture (umanistica e scientifica)."

Ho da poco scoperto il mondo dell'INFORMATION ARCHITECTURE (IA). Cos'è l'IA? Alcune definizioni particolarmente significative prese da Boxes and Arrows sono:

- "Stuctural design of the information space to facilitate intuive access to content" da Jesse James Garrett in "Elements of user Experience"

- "IA involves the design of organization, labeling, navigation, and searching systems to help people find and manage information more successfully.
Organization systems are the ways content can be grouped. Labeling systems are essentially what you call those content groups. Navigation systems, like navigation bars and site maps, help you move around and browse through the content. Searching systems help you formulate queries that can be matched with relevant documents."

-"The information architect is the individual who organizes the patterns in data, making the complex clear." Richard Saul Wurman in Information Architecture(1996)

-"IA involves the design of organization and navigation systems to help people find and manage information more successfully." WebWord


In What is an Information Architect? Stephen Downes vaglia alcune definizioni di IA e ne propone una nuova: un information architect è colui che progetta e supervisiona il processo di costruzione ed organizzazione della conoscenza nella dimensione web.
Produrre un'architettura dell'informazione significa predisporre un piano per il sito web, in modo simile al progetto di un architetto. Un piano è essenzialmente un report o Concept Paper.

Una visione dell'IA che trovo particolarmente chiara ed educativa è quella di Luca Rosati descritta in Information Architecture. Ne riassumo i punti salienti:

Definire l'architettura dell'informazione di un sito web significa:

- organizzare e classificare l'informazione all'interno del sito (taxonomies)
- definire un vocabolario opportuno per "etichettare" tale informazione (controlled vocabulary e labeling)
- individuare un modello di metadati, ovvero un set di informazioni sulle informazioni, da utilizzare per facilitare il ritrovamento dell'informazione stessa
- predisporre dei meccanismi di ricerca e navigazione nell'informazione facendo uso dei metadati e delle classificazioni (in modo da aumentare la findability)

Il lavoro dell'architetto dell'informazione è il luogo di incontro di 3 mondi diversi:
- le esigenze e gli obiettivi del cliente
- ll contenuto
- le esigenze e le aspettative dell'utente finale

Finalmente ho sistemato il DOCTYPE di questo documento. Come molti sapranno, l'assenza di un opportuno DOCTYPE in un documento HTML o più genericamente XHTML, provoca il funzionamento di molti browser in un quirk mode, una modalità in cui il browser perdona all'utente una molteplicità di errori e comportamenti lontani dagli standard proposti dal W3C.
Settando un DOCTYPE ed una url all'iterno di esso (cosa che molti siti importanti come HTML.it non fanno purtroppo...), bisogna invece rispettare lo standard. Così stasera ho lavorato un pò per rendere il documento visibile correttamente con il nuovo DOCTYPE, scoprendo che le percentuali per height non possono essere utilizzate. Per ora ho fissato dei valori assoluti che non consentono però un layout "fluido" verticalmente.
Il risultato è stato però una corretta visualizzazione della pagina non solo su Explorer per Win, ma anche su Mozilla ed i principali browser per Linux.
A presto.

Buongiorno, se vi piacciono i CSS, gia' ne conoscete la sintassi e vi chiedete cosa diavolo potete farci.. "Eric Meyer On Css" e' il libro che fa per voi. E' difficilissimo da trovare in Italia, ma una volta acquistato si rivela indispensabile per l'apprendimento di un uso avanzato dei CSS. In esso vengono raccolti molteplici progetti reali che illustrano l'utilizzo dei CSS in diversi ambiti. Non a caso Eric è un Netscape Evangelist ed uno dei maggiori esperti mondiali sui CSS.

Un primo esempio di codice CSS lo avete davanti! Questo template è stato prelevato da quello forniti gratuitamente da Blogger ed adattato eliminando quasi completamente l'uso delle tabelle. La semplicità del codice è disarmante, se confrontata con il template originale, ricco di tabelle nidificate, celle contenenti immagini fittizie e tag deprecati..

In questo blog intendo affrontare il tema CSS (Cascaded Style Sheet). Sull'argomento esistono già alcuni importanti riferimenti in lingua italiana. Vedi per esempio Constile.org, un ottimo sito contenente articoli originali che prendono spunto dai siti internazionali più interessanti e dalle sperimentazioni dell'autore.

In questo spazio inizierò raccogliendo e categorizzando il materiale che mi sembra più utile ed originale sull'argomento. Manterrò sempre un taglio pratico, cercando di mostrare come mettere in pratica i principi illustrati tramite esempi pratici ed immediati.