come organizzare i contenuti per un sito web efficace - mediabeta consulenza web marketing

Come organizzare i contenuti per un sito web efficace.

Francesco Micali, PhD

Indice

© Francesco Micali

•Content inventory - Raccolta e censimento dei contenuti

•Architettura informativa - Organizzazione dei contenuti

•Metodologie di categorizzazione (Card Sorting, Affinity

Diagram)

•La navigazione - Fruizione dei contenuti

© Francesco Micali

Cos’è ?

• è un “semplice” inventario dei contenuti;

• è una lista dei contenuti presenti sul vostro sito.

Quando farlo?

Collegamento ad un documento tipo per organizzare i contenuti:http://www.mediabeta.com/doc/Mediabeta_inventario_contenuti_restyling_sito_web.xls

Il content inventory

In caso di progettazione di un nuovo sito (Caso B)

Fissate i requisiti di progettazione del nuovo sito web.

Procedete a realizzare un inventario di contenuti da redigere ed inserire.

In caso di restyling del sito attuale (Caso A)

Cominciate con un inventario dei contenuti attualmente presenti sul sito.

Fissate i requisiti di progettazione del nuovo sito web.

Rivedete l’inventario dei contenuti alla luce delle scelte progettuali prese.

© Francesco Micali

Perché farlo?Per sapere quali contenuti si dovranno gestire, redigere, organizzare, rendere

maggiormente visibili, rendere pubblici o privati (ad esempio ad un particolare gruppo di utenti).

E’ bene definire il tono della comunicazione, il livello di dettaglio dei diversi contenuti in funzione del target.

Il content inventory?

I siti di aziende di grandi dimensioni sono soggetti a veder crescere, quotidianamente, la mole di contenuti e spesso in modo poco controllato. In queste situazioni se manca un inventario dei conteuti non si conosce cosa c’èsul sito, se ci sono contenuti non aggiornati, informazioni

obsolete e non accurate. Ci potrebbero addirittura essere pagine con contenuti

che si contraddicono.

© Francesco Micali

L’architettura informativa rappresenta l’organizzazione dei contenutinelle diverse macroaree di un sito. Una efficace architettura informativa aiuta a comunicare chiaramente la

proposta del sito stesso.

Quando un utente visita il vostro sito, scansionerà velocemente i collegamenti presenti sulla pagina per capire nel minor tempo possibile quali contenuti trattate.

E’ molto importante che l’architettura del sito e la navigazione permettano di• rispondere ai bisogni informativi degli utenti;• rendere visibili i contenuti;• assecondare i modelli mentali degli utenti stessi.

Architettura informativaCos’è? e cosa deve fare?

© Francesco Micali

DEVE permettere il raggiungimento degli obiettivi ed il completamento dei task da parte degli utenti in modo:

> Efficace – facilitare la sovrapposizione tra obiettivi prefissati e obiettivi raggiunti.

> Efficiente – ridurre il numero di errori ed il tempo per completare i task.

> Soddisfacente – Facilitare commenti positivi pronunciati durante un

test di interazione.

NON DEVE rispecchiare l’organizzazione aziendale.

Architettura informativaed in che modo DEVE farlo?

© Francesco Micali

Alcuni metodi per organizzare i contenuti informativi sono:

• Affinity Diagram

• Card sorting

• Blind Voting

Architettura informativaCon quali tecniche e strumenti organizzare i contenuti?

Le Corbusier, “Modulor” 1948.

© Francesco Micali

E’ un metodo di categorizzazione dei contenuti dove gli utenti tipo hanno il ruolo principale.

• Gli utenti in gruppo scrivono durante un’attività di brainstorming, su dei post-it, i potenziali contenuti del sito. La stesura sarà fatta sotto forma di brevi o lunghe descrizioni dei contenuti.

• Gli utenti in gruppo raggruppano le descrizioni in categorie secondo principi di affinità.

• Gli utenti in gruppo procedono a dare un’etichetta (labelling) alle diverse categorie individuate.

• Gli utenti in gruppo classificano le categorie ed i contenuti al loro interno secondo priorità di progetto.

A volte gli utenti devono suddividere contenuti, precedentemente individuati, in categorie anch’esse precedentemente individuate.Questo metodo è usato da un team per organizzare una grande mole di dati.

Affinity diagram

Architettura informativa

© Francesco Micali

E’ un metodo di categorizzazione dove gli utenti suddividono in particolari categorie le schede che descrivono varie idee.

• Gli utenti singolarmente scrivono durante un’attività di brainstorming, su dei post-it, i potenziali contenuti del sito. La stesura saràfatta sotto forma di brevi o lunghe descrizione dei contenuti.

• Gli utenti singolarmente raggruppano le descrizioni in categorie secondo principi di affinità.

• Gli utenti singolarmente procedono a dare un’etichetta (labelling) alle diverse categorie individuate.

• Gli utenti singolarmente classificano le categorie ed i contenuti al loro interno secondo priorità di progetto.

Il Card Sorting si basa essenzialmente sul confronto tra risultati individuali e termina quando tutte le schede hanno trovato una collocazione.L’Affinity Diagram termina quando la suddivisione in categorie soddisfa tutti i partecipanti.

Card Sorting


© Francesco Micali

E’ un metodo di categorizzazione dei contenuti che si basa sul voto nascosto di vari gruppi di utenti.

Questo metodo è realizzato tramite una votazione elettronica che permette:

• segretezza

• equilibrio di opinionetra i diversi membri del team nelle sessioni di brainstorming e votazione.

Blind Voting


© Francesco Micali

Si parte, quasi, da qui ….


© Francesco Micali

…e si arriva qui!


© Francesco Micali

…o qui!


© Francesco Micali

NO!Vi possono essere architetture di diversa tipologia:

• 4X4X4X4

•6X2X2X12

•2X3X2X3X2X3

Ma le architetture più efficaci sono quelle concave come la 6X2X2X12.

Ma va bene qualsiasi architettura?


© Francesco Micali

In generale si può dire che


è difficile scegliere tra un numero elevato di opzioni, ma…

Il numero ottimale di livelli per lo sviluppo orizzontale è 7±2

Il numero ottimale di livelli per lo sviluppo verticale è 4-5

© Francesco Micali

Ma va bene qualsiasi navigazione?

La Navigazione

La navigazione permette l’esplorazione di contenuti di un sito appartenenti a categorie diverse o di contenuti di approfondimento di una stessa categoria.

Esistono diverse modalità di navigazione, quelle più usate sono:

6%Altro10%Menù a tendina12%Elenco centrale di categorie18%Elenco di link in alto30%Linguette in alto30%Barra verticale sinistra

ValoreSchema di navigazione

© Francesco Micali

In generale si può dire che

La Navigazione

non tutte le posizioni su una pagina web sono adatte ad accogliere gli strumenti di navigazione.

E’ meglio• Collocare l’area di navigazione primaria adiacente al

corpo principale

• Non creare molteplici aree di navigazione per lo stesso tipo di link

• Non rendere attivo il link alla home che appare nella home stessa

Bibliografia

© Francesco Micali

Information Architecture for the World Wide Web: Designing Large - Scale Web SitesP.Morville e L.Rosenfeld – Edizioni O’REALLY

Usabilità dei siti web - M.Visciola Edizioni Apogeo.

Home Page Usability - J. Nielsen Edizioni Apogeo.

Examining a Metric for Predicting the Accessibility of Information within Hypertext StructuresM.L.Bernard - (http://psychology.wichita.edu/mbernard/Dissertation.pub..pdf)

The Magical Number Seven, Plus or Minus Two: Some limits on our Capacity for processing Information

G.A. Miller – Psycological Review,63, pp 81-97

http://www.hhs.gov/usability/design/inventory.html

htttp://www.usability.gov/

http://www.hceye.org/UsabilityInsights/?p=73

STRUMENTI UTILI;

Post-it, matite e gomme;

CMAP: http://cmap.ihmc.us/conceptmap.html

Inspiration:http://www.inspiration.com/

IBM EZ-SORT

© Francesco Micali

Fine

Grazie a tutti per l’attenzione.

E-mail: f.micali @ mediabeta.com

Skype-contact: francesco.micali

Twitter-contact: http://www.twitter.com/mediabeta/

Linkedin-contact:

www.linkedin.com/pub/francesco-micali/11/1a8/36b

Website: http://www.mediabeta.com/

Blog Aziendale: http://www.mediabeta.com/laricercadellavisibilita/

come organizzare i contenuti per un sito web efficace - mediabeta consulenza web marketing

Education