Humana @ Webb.it
http://www.bazzmann.it
INFORMATION ARCHITECTURE
Proposte per una metodologia ed
esperienze a confronto
Partner:
Laura Caprio e Beatrice Ghiglione
http://www.informationarchitecture.it
[email protected]
[email protected]
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Information Architecture: una definizione
•
“L’Information Architecture comprende la progettazione
dell’organizzazione dei contenuti, dei sistemi di labeling, navigazione e
ricerca per aiutare la gente a trovare e gestire l’informazione con
successo”
(Information Architecture for the World Wide Web
Louis Rosenfeld e Peter Morville, 1998)
•
“L’information Architecture è .[...] L’arte e scienza di strutturare
e classificare siti web e intranet per aiutare le persone a trovare e
gestire le informazioni”.
(Information Architecture for the World Wide Web
Louis Rosenfeld e Peter Morville, edizione 2002)
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Da dove si parte dunque nella progettazione?
•
Contesto
Information
Architecture
•
Audience,
azioni,
bisogni,
modalità di
ricerca,
esperienza
Partner:
Utenti
Contenuti
Obiettivi di business,
politiche aziendali,
cultura aziendale,
tecnologia, risorse
•
Tipologia,
volume,
struttura
esistente
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Visione tradizionale dell’IA
Componenti dell’Information Architecture
•Strutturazione: raggruppamento e ordinamento dei contenuti
•Organizzazione: tassonomie, gerarchie
•Labeling: vocabolari, thesauri, indicizzazione
•Navigazione: menu, tavole dei contenuti, indici, sistemi di ricerca
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Un modello innovativo di Information Architecture:
visione a faccette
Un sito web può essere
visto come un solido
situato all’interno
di uno spazio
tridimensionale,
definito cioè dai tre
assi dimensionali
dell’IA
Contesto
Quali sono le facce
del sito?
Contenuti
Utenti
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Le facce dell’IA: Contenuti
Contenuti:
Attività correlate:
 Scelta/varietà dei contenuti
 Struttura
 Visualizzazione
–Competitive analysis
–Inventario
–Categorizzazione
–Labeling
–Architettura delle pagine
–Tassonomia
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Contenuti - esempi
Il valore dei
contenuti sul sito di
Repubblica non è
rappresentato solo
dagli aggiornamenti
ma anche dalla
contestualizzazione
e correlazione
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Contenuti - esempi
Il form di inserimento del
CV è spezzato in parti e
questo favorisce la
compilazione.
È sempre chiaro il punto
in cui ci si trova ed è
possibile compilare solo
una parte del form,
salvare e tornare
successivamente a
compilarlo.
Il labeling è chiaro ed
efficace.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Le facce dell’IA: wayfinding
Wayfinding:
Attività correlate:
 Scegliere e seguire un percorso
che porti ad una destinazione
definita, in maniera efficiente
 Capire dove siamo e dove stiamo
andando dalle tracce e dalle piste
 Avere il senso della direzione ma
anche dello spazio in cui ci
troviamo
–Task analysis
–Task Design
–Flussi
–Labeling
–Navigazione
–Architettura delle pagine
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Wayfinding - esempi
Spostandosi all’interno
del sito ogni sezione è un
mondo a sé: interfaccia,
struttura della pagina,
Information Design.
E’ difficile “mantenere
l’orientamento”.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Le facce dell’IA: Navigazione
Navigazione:
Attività correlate:
 Capire dove sono, dove posso
andare
 Spostarsi e raggiungere un
punto: come posso arrivarci,
come tornare dove ero prima
 Capire le relazioni tra gli
elementi/informazioni
–Task analyisis
–Categorizzazione
–Mappa
–Labeling
–Flussi
–Task Design
–Navigazione
–Architettura delle pagine
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Navigazione - esempi
Nel sito di Enel
Green Power
sono proposti
percorsi tematici
di navigazione
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Navigazione - esempi
Nel sito di Amazon gli
step di acquisto sono
segnalati, ma non
navigabili: l'utente non
riesce a tornare allo step
precedente attraverso la
navigazione del sito, e
non è chiaro come
abbandonare il processo
di checkout
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Le attività e i deliverable dell’Information Architect sul progetto
Discovery
Contesto
Obiettivi
Target
Partner:
Analysis
Architecture
Profilo Utenti
Categorizzazione
Scenari d’uso
Mappa
Analisi dei task
Labeling
Inventario contenuti Flussi
Navigazione
Pagine (wireframe)
Develop
Verifiche corretta
realizzazione e
consegna
documentazione
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Discovery
Analysis
Architecture
Develop
DISCOVERY
Obiettivi:
Ottenere una visione chiara e profonda di tutto ciò che ruota attorno al
progetto.
• Obiettivi del progetto e obiettivi di business del cliente
• Target a cui intende riferirsi
• Contesto di business in cui il progetto sarà inserito
Tutto ciò è essenziale per iniziare a delineare una strategia di alto
livello in modo da mettere i primi punti fermi al progetto
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Obiettivi | Target | Contesto
OBIETTIVI
Finalità:
determinare attraverso interviste al management la mission del sito e i
suoi obiettivi coinvolgendo tutti nel processo creativo
Attività:
• preparare la lista di domande da sottoporre al Management:
–
–
–
–
Qual è l’obiettivo della vostra organizzazione?
Quali sono gli obiettivi di breve e lungo termine?
Qual è la vostra audience?
Perché la gente dovrebbe venire sul vostro sito?
• filtrare le risposte e tradurle in obiettivi
• sottoporre la lista al management e segnare le priorità
Deliverable:
Documento di analisi, griglia di confronto
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Obiettivi | Target | Contesto
TARGET: categorizzare gli utenti
Finalità:
Chiarire chi sono gli utenti e che obiettivi si aspettano di raggiungere sul
vostro sito
Attività:
• preparare la lista dei target potenziali, suddivisi in categorie
• far valutare per ordine di importanza le categorie di target
• sottoporre al management e indicare obiettivi e bisogni del target
• far valutare l’importanza di ogni obiettivo e bisogno per ogni target
•Deliverable:
•Lista dei potenziali utenti (suddivisi in primari e secondari) e dei bisogni
suddivisi in primari e secondari
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Obiettivi | Target | Contesto
CONTESTO: analisi dei competitor
Finalità
Conoscere il mercato di riferimento, identificare punti di forza e debolezza
dei prodotti/servizi
•Attività:
•Analisi della user experience offerta dai competitor:
•
•
•
•
•
Look and Feel
Dimensione delle pagine
Navigazione, architettura informativa, interfaccia e usabilità
Servizi specifici (motore di ricerca, registrazione ecc.)
Aree di interesse del sito
•Deliverable:
•Documento di analisi, griglia di confronto
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Discovery
Analysis
Architecture
Develop
ANALYSIS
Obiettivi:
• approfondire quanto stabilito ad alto livello durante la fase di Discovery
– capire quali sono le caratteristiche, le aspettative e i bisogni del
target di riferimento
– capire parallelamente, quali azioni o task devono essere supportati
dal sito.
• individuare la direzione da seguire nella fase successiva di Architecture
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Profilo utenti | Task Analysis | Scenari
PROFILO UTENTI
Finalità
Consiste nella raccolta di informazioni attraverso indagini preliminari,
effettuate utilizzando una o più tecniche combinate insieme (interviste,
questionari, analisi contestuali)
Attività:
Raccogliere informazioni su aspetti quali:
–
–
–
–
anagrafiche
stili di vita
attività e ambiente di lavoro
conoscenze e uso delle tecnologie
Deliverable:
descrizione narrativa o visuale delle caratteristiche più importanti di
personalità fittizie (fiction) che rappresentano un particolare gruppo di
utenti.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Profilo utenti | Task Analysis | Scenari
Esempio tratto da: www.informationarchitecture.it
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Profilo utenti | Task Analysis | Scenari
TASK ANALYSIS
Finalità:
Analisi ad alto livello degli obiettivi - e quindi dei task – che l’utente può
raggiungere sul sito. L’obiettivo è quello di esplorare i task nel loro
complesso e le relazioni tra essi, non di definire tutti i dettagli di ogni
task e la concatenazione tra questi.
Attività:
Analisi sequenziale del modo in cui l’utente realizza il compito
desiderato, interagendo con un’area specifica del sito o applicazione
web. Questo permette di analizzare attentamente ogni step compiuto
per svolgere l’azione.
Deliverable:
Documenti di analisi, lista di task e sottotask. Possono essere: workflow
diagram, task list, task sequences, task flowchart, scenario.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Profilo utenti | Task Analysis | Scenari
SCENARI
Finalità:
Porre in primo piano i requisiti e le necessità degli utenti reali,
dettagliando il tipo di interazione che il sistema deve supportare.
Gli scenari descrivono l’interazione di un ipotetico ma verosimile utente
con il sistema, mettendo in evidenza comportamento, modelli mentali.
Attività:
• utilizzare i dati raccolti dalle interviste/indagini sugli utenti
• coinvolgere l’intero team nella realizzazione dello scenario
• descrivere il modo in cui il personaggio usa il sito e interagisce
con il sistema
Deliverable:
Scenari Utenti
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Profilo utenti | Task Analysis | Scenari
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Discovery
Analysis
Architecture
Develop
ARCHITECTURE
Obiettivi: partendo dai risultati delle fasi precedenti, si decide la
fisionomia del sito in tutti i suoi aspetti costitutivi e interattivi.
E’ la più importante e impegnativa di tutto il processo, in quanto si
passa dalla strategia, dalla raccolta dati e requisiti alla progettazione
vera e propria.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
CATEGORIZZAZIONE
Finalità:
Suddividere i contenuti da proporre sul sito in aree e sezioni.
La categorizzazione incide sulla “findability”: la capacità degli utenti di
reperire le informazioni in maniera semplice e intuitiva
Attività:
Partendo dai contenuti del sito da rivedere o dai contenuti elencati nel
Content Inventory, applicare schemi organizzativi ai contenuti. I principi di
raggruppamento definiscono le caratteristiche comuni dei contenuti e
influiscono sul loro raggruppamento logico.
Deliverable:
Documento che esplicita i modelli di classificazione ed elenca i contenuti
così classificati.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
MAPPA
Finalità:
Presentare in maniera sintetica la struttura di un sito, senza dare visibilità
agli elementi più specifici e di dettaglio. Permette anche, in fase di
progettazione, di aiutare l‘Information Architect nella definizione in
dettaglio dell'albero del sito.
Attività:
I contenuti sono suddivisi e rappresentati in aree e sottoaree, senza
eccedere nel livello di dettaglio. Raramente viene superato il terzo livello
(aree, sezioni, sottosezioni) e difficilmente sono presentate sulla mappa le
singole pagine
Deliverable:
Diagramma
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
Esempio tratto da: www.informationarchitecture.it
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
LABELING
Finalità:
Rappresentare gruppi più ampi di informazioni sul sito.
L'obiettivo dell'Information Architect è comunicare le informazioni in modo
efficiente, utilizzando Label che parlino il linguaggio dell'utente e allo
stesso tempo riflettano i contenuti del sito, garantendo rappresentatività e
chiarezza
Attività:
•analizzare i contenuti individuati nel Content Inventory ed estrarre
alcune parole chiave da ogni documento esistente
•nel caso sia prevista un'elevata personalizzazione dei contenuti, condurre
una serie di indagini di approfondimento sugli utenti
•consultare vocabolari controllati e analizzare siti competitor
Deliverable:
Inventario delle label del sito
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
FLUSSI
Finalità:
La rappresentazione dei flussi è uno strumento essenziale per comunicare
l'architettura dell'informazione (struttura concettuale e organizzazione del
contenuto) e l'Interaction Design (come l'utente si muove attraverso
definiti task, cosa sono i singoli step all'interno di questi task) del sito.
Attività:
•scegliere il livello di dettaglio del diagramma
•descrivere la struttura delle informazioni di un sito, i collegamenti fra le
varie pagine e le funzionalità e tipologie di accesso
Deliverable:
Flowchart o Information Flow Diagram
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
Esempio tratto da: www.informationarchitecture.it
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
NAVIGAZIONE
Finalità:
Progettare la struttura di un sito, considerando le esigenze dell'utente in
ogni momento della navigazione
Attività:
• progettare i sistemi di navigazione generali: navigator principale,
navigator locale, navigator contestuale
• progettare gli strumenti di navigazione supplementare come ad
esempio la mappa, gli indici, le guide o il motore di ricerca
Deliverable:
Il documento di Navigation Design presenta la descrizione di tutti i
sistemi di navigazione previsti sul sito. La descrizione può essere testuale
o sottoforma di flussi.
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
PAGINE (wireframe)
Finalità:
Rappresentare l'architettura delle singole pagine del sito e mostrare come
vengono utilizzati gli spazi all'interno della pagina, fornendo indicazioni
sulla gerarchia dei contenuti e degli elementi presenti
Attività:
Sviluppo dei wireframe, che devono rappresentare gli elementi presenti
sulla pagina, l'ingombro spaziale nella pagina di ognuno di essi, la
gerarchia degli elementi, l'ordine degli elementi (es. voci di un Navigator),
il comportamento di ogni elemento sulla pagina
Deliverable:
Wireframe
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Categorie | Mappa | Labeling | Flussi | Navigazione | Pagine
Esempio tratto da: www.informationarchitecture.it
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
Discovery
Analysis
Architecture
Develop
DEVELOP
Obiettivi:
• validare l’interfaccia definitiva.
Dopo la realizzazione dei prototipi, seguono una serie di attività che
hanno lo scopo di validare l’interfaccia definitiva e di apportare le
ultime modifiche agli elementi dettagliati durante la fase di
Architecture.
• compiere una revisione della documentazione
Raggiunta una completa definizione, si rivede la documentazione di
progetto prodotta fino a questo momento e si producono linee guida
Partner:
Laura Caprio e Beatrice Ghiglione
www.informationarchitecture.it
http://www.bazzmann.it
Information Architecture: proposte per una
metodologia ed esperienze a confronto
http://www.informationarchitecture.it
[email protected]
[email protected]