come organizzare i contenuti per un sito web efficace - mediabeta consulenza web marketing
Post on 17-May-2015
6.063 Views
Preview:
TRANSCRIPT
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
Architettura informativa
© 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
Architettura informativa
© 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?
Architettura informativa
© Francesco Micali
In generale si può dire che
Architettura informativa
è 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/
top related