SlideShare a Scribd company logo
1 of 33
Download to read offline
ACCADEMIA BELLE ARTI ROMA a.a. 2013/14
06/#
USABILITÀ/CONTENT MANAGEMENT
martedì 19 agosto 14
usabilità
01/
usabilità: un derivato dell’ergonomia
Dopo l’ergonomia degli artefatti fisici sul luogo di lavoro, si
arriva negli anni ’80 all’ergonomia cognitiva: l’avvento dei
personal computer pone il problema di garantire un accesso
alle interfacce informatiche da parte di un pubblico non
specializzato.
martedì 19 agosto 14
usabilità
02/
usabilità
SecondoladefinizioneISO
“L’usabilità è definita in relazione al grado di e!cacia, di e!cienza e di
soddisfazione con le quali determinati utenti raggiungono determinati
obiettivi in determinati contesti” (ISO 9241-11)
martedì 19 agosto 14
10/
un buon modello concettuale
il progettista fornisce all’utente un valido modello concettuale, senza
contraddizioni nella presentazione di manovre e risultati e con
un’immagine di sistema coerente.
interfaccia/norman
martedì 19 agosto 14
usabilità
03/
le euristiche di nielsen
(1) visibilità del sistema
(2) corrispondenza tra sistema e mondo reale
(3) controllo e libertà per gli utenti
(4) consistenza e standard
(5) prevenzione dell’errore
(6) riconoscimento anziché ricordo
(7) flessibilità d’uso
(8) grafica minimale
(9) aiuto all’utente
(10) documentazione
martedì 19 agosto 14
martedì 19 agosto 14
usabilità / “don’t make me think”
04/
steve krug
“don’t make me think”
Un buon sito web è quello che non mi fa pensare ai
meccanismi di navigazione.
In caso contrario, sono costretto a pormi degli interrogativi che
mi distongono dai miei obiettivi.
martedì 19 agosto 14
05/
come usiamo veramente il web
Non leggiamo veramente la pagina, ma facciamo una
scansione.
Non vogliamo capire come è articolato il meccanismo di
funzionamento di un’interfaccia, ma la vogliamo utilizzare con
facilità.
usabilità / “don’t make me think”
martedì 19 agosto 14
06/
navigabilità
Il web ha una sua fisicità - come testimoniano le metafore del
navigare e surfare - ma con dei limiti: nessun senso di scala,
nessun senso di direzione.
OLTRE IL SENSO FISICO DELLO SPAZIO, è IMPORTANTE
RESTITUIRE UNA MAPPA CONCETTUALE DELLA
GERARCHIA.
obiettivi: findability, posizionamento nell’albero dei
contenuti.
usabilità / “don’t make me think”
martedì 19 agosto 14
07/
creare una gerarchia visiva chiara
Proprio perché non leggiamo bensì operiamo tramite
scansione, sarà importante garantire che l’interfaccia comunichi
visivamente una gerarchia delle informazioni chiara e
immediatamente percepibile.
Ha senso attenersi alle convenzioni, perché spesso sono
basate su elementi di navigazione consolidati che si sono già
dimostrati utili e con cui, soprattutto, l’utente ha familiarità.
Fare capire cosa è cliccabile!
usabilità / “don’t make me think”
martedì 19 agosto 14
08/
quanti click?
Non è strettamente determinante il numero di click che devo
fare per vedere un’azione, quanto lo sforzo che ognuno di essi
mi richiede.
usabilità / “don’t make me think”
martedì 19 agosto 14
09/
copywrite
Il testo deve essere conciso: dobbiamo limare le parole che
non sono strettamente necessarie.
obiettivi: ridurre il rumore di pagina, evidenziare solo ciò che è
strettamente importante, rendere più corte le pagine.
usabilità / “don’t make me think”
martedì 19 agosto 14
10/
search
Ogni pagina dovrebbe avere un search o un link al search box.
I test di usabilità rivelano infatti che una percentuale
incredibilmente alta di persone consulta i siti in prima istanza
attraverso i search.
usabilità / “don’t make me think”
martedì 19 agosto 14
11/
indicatori di usabilità
Di quale sito si tratta? (identificazione)
Quale pagina sto visitando? (nome della pagina)
Quali sono le sezioni più importanti di questo sito? (sezioni)
Quali sono le mie opzioni a questo livello? (navigazione
locale)
Come posso usare il search?
usabilità / “don’t make me think”
martedì 19 agosto 14
12/
testing
Oltre il meccanismo obsoleto del focus group, il testing
permette di valutare quali sono gli scogli alla navigazione
ricorrenti e di correggere in corso d’opera gli errori progettuali
dell’interfaccia.
usabilità / “don’t make me think”
martedì 19 agosto 14
13/
content management
“Content strategy plans for the creation, publication and
governance of useful, usable content.”
Kristina Halvorsorn
content management / “don’t make me think”
martedì 19 agosto 14
14/
“content is king”
Centralità dei contenuti - sia testuali, che di immagini o video -
nel processo di a!ermazione di un sito: un design e"cace ed
allettante, ma privo di contenuti di interesse, non sarebbe
su"ciente a fidelizzare il visitatore occasionale.
usabilità / “don’t make me think”
martedì 19 agosto 14
15/
contenuto come strategia
Il contenuto ingloba gli orizzonti di business, nella misura in cui
deve rapportare l’orizzonte delle aspettative con le risorse disponibili.
Mentre architettura delle informazioni e grafica una volta approvati
rimangono invariati, il contenuto risponde in maniera molto più
flessibile ai cambiamenti organizzativi.
content
martedì 19 agosto 14
16/
“good content is user centered”
L’appropriatezza di un contenuto si rivela nella capacità di
rispondere al vocabolario e ai modelli mentali dell’utente, piuttosto
che a quelli del cliente/committente.
La consistenza di un contenuto si rivela nella capacità di non
sovraccaricare il carico cognitivo dell’utente, o!rendo una
presentazione del contenuto omogenea tra le varie pagine.
La chiarezza di un contenuto è essenzialmente la sua capacità di
sintesi.
content
martedì 19 agosto 14
17/
“good content is user centered”
“Online, you don’t have a captive audience. You have a multi-tasking,
distracted, ready-to-leave-your-site-at-any-time audience who has a
very specific goal in mind.”
Kristina Halvorson
content
martedì 19 agosto 14
18/
architettura dell’informazione
Design della struttura delle informazioni di un artefatto digitale,
completo di modello di navigazione e tassonomia dei contenuti.
L’IA è un lavoro sistematizzante: dal caos della molteplicità di spunti e
formati, all’ordine delle tassonomie.
L’IA si struttura attraverso i seguenti supporti: alberi di navigazione
(site maps), wireframes, user flows.
content
martedì 19 agosto 14
H O M E
newsletter
DOPOSCUOLA
CHI SIAMO | ASSOCIATI | COLLABORA
news5
news4
news6
dicono
di
noi
ECOLE DES
PARENTS TEMPO LIBERO
Studia con babì
Ascolta con bsbì
Muoviti con babì
Vuoi babì nella tua scuola?
PER I BAMBINI:
l’allattamento
il sonno
il secondo figlio
per i piccoli
per i grandi
per la famiglia
[testo +
immagini (foto e gallery)+
embed video +
iscrizione agli eventi in calendario
nelle singole sezioni ]
[testo +
immagini (foto e gallery)+
embed video +
iscrizione agli eventi in calendario
nelle singole sezioni ]
convenzioni
TAGESMUTTER
diventa t.
[solo testo + img]
cerca t.
[vedi layout
con search]
sei una t.?
rubrica
[blog]
[vedi layout chi siamo, uguale anche per associati e collabora]
[testo + immagini +
embed video eventuale +
mail contatto ó eventualmente un form]
[non sarà un e-commerce
perchè è stato sconsigliato
ai fini fiscali
ma una pagina con i pacchetti di servizi
da acquistare presentati da descrizioni txt + img
(si paga con iban, non c’è carrello,
solo img pacchetto servizi e testo)]
la bottega
di babì
facebook
twitter
google +
menu con possibilità accesso
a tutte le sezioni del sito
[solo testo +
link a un test]
[link a pagina con testo e
logo aziende convenzionate]
[link a pagina con tutto
l’archivio referenze +
box lascia una referenza]
martedì 19 agosto 14
martedì 19 agosto 14
martedì 19 agosto 14
martedì 19 agosto 14
19/
scrittura per il web
✦ la piramide invertita;
✦ 5w e 1h;
✦ “show, don’t tell”;
✦ business writing: logos, pathos e ethos.
✦ regole editoriali e manuali di stile.
content
martedì 19 agosto 14
20/
scrittura per il web, dove
✦ siti Internet;
✦ newsletter;
✦ blog;
✦ canali social;
✦ magazine online;
✦ webcast, podcast;
✦ applicazioni mobile;
✦ documenti scaricabili (report, ebook, etc.)
✦ infografiche
content
martedì 19 agosto 14
martedì 19 agosto 14
21/
scrittura per il web, gli elementi del processo
✦ linee guida di accessibilità;
✦ benchmarks;
✦ strategie di canale e transmediali;
✦ piani editoriali;
✦ community policies di moderazione;
✦ pianificazione delle fonti di informazione;
✦ applicazioni mobile;
✦ revisioni quantitative e qualitative dei contenuti:
✦ revisioni dei risultati SEO,
✦ etc...
content
martedì 19 agosto 14
22/
aggiornamento
Un’informazione fattuale dovrebbe essere aggiornata
progressivamente.
Una news (o comunque un contenuto sensibile al fattore
tempo) dovrebbe smettere di essere tale dopo un intervallo di
tempo dato.
Un piano editoriale dovrebbe sempre includere un piano di
manutenzione dei contenuti già pubblicati.
content
martedì 19 agosto 14
23/
user generated content
Si può sopperire ai contenuti di qualità a pagamento con dei
contenuti realizzati dagli utenti?
content
martedì 19 agosto 14
martedì 19 agosto 14
martedì 19 agosto 14

More Related Content

Viewers also liked

Global Works Media.Presentation
Global Works Media.PresentationGlobal Works Media.Presentation
Global Works Media.PresentationTheCloser
 
Multimedialità, un'introduzione
Multimedialità, un'introduzioneMultimedialità, un'introduzione
Multimedialità, un'introduzioneGiulia Zappa
 
Comunicazione for dummies
Comunicazione for dummiesComunicazione for dummies
Comunicazione for dummiesGiulia Zappa
 
Send your sales tax to education presentation
Send your sales tax to education presentationSend your sales tax to education presentation
Send your sales tax to education presentationscrcc01
 
Презентация проекта Корпоративный Бизнес Завтрак
Презентация проекта Корпоративный Бизнес Завтрак Презентация проекта Корпоративный Бизнес Завтрак
Презентация проекта Корпоративный Бизнес Завтрак Екатерина Иволжатова
 
Интернет-решения, маркетинг и визуализация для строительных компаний
Интернет-решения, маркетинг и визуализация для строительных компанийИнтернет-решения, маркетинг и визуализация для строительных компаний
Интернет-решения, маркетинг и визуализация для строительных компанийЕкатерина Иволжатова
 
Агентство высокой конверсии АйТи. Marketing kit.
Агентство высокой конверсии АйТи. Marketing kit.Агентство высокой конверсии АйТи. Marketing kit.
Агентство высокой конверсии АйТи. Marketing kit.Екатерина Иволжатова
 
Comunicazione come progetto
Comunicazione come progettoComunicazione come progetto
Comunicazione come progettoGiulia Zappa
 
Думай о хорошем - позитивные эмоции и простая логика.
Думай о хорошем - позитивные эмоции и простая логика. Думай о хорошем - позитивные эмоции и простая логика.
Думай о хорошем - позитивные эмоции и простая логика. Екатерина Иволжатова
 

Viewers also liked (12)

Global Works Media.Presentation
Global Works Media.PresentationGlobal Works Media.Presentation
Global Works Media.Presentation
 
Multimedialità, un'introduzione
Multimedialità, un'introduzioneMultimedialità, un'introduzione
Multimedialità, un'introduzione
 
Comunicazione for dummies
Comunicazione for dummiesComunicazione for dummies
Comunicazione for dummies
 
Send your sales tax to education presentation
Send your sales tax to education presentationSend your sales tax to education presentation
Send your sales tax to education presentation
 
Презентация проекта Корпоративный Бизнес Завтрак
Презентация проекта Корпоративный Бизнес Завтрак Презентация проекта Корпоративный Бизнес Завтрак
Презентация проекта Корпоративный Бизнес Завтрак
 
Интернет-решения, маркетинг и визуализация для строительных компаний
Интернет-решения, маркетинг и визуализация для строительных компанийИнтернет-решения, маркетинг и визуализация для строительных компаний
Интернет-решения, маркетинг и визуализация для строительных компаний
 
Предложение по поддержке сайта
Предложение по поддержке сайта Предложение по поддержке сайта
Предложение по поддержке сайта
 
Предложение по разработке Marketing kit
Предложение по разработке Marketing kitПредложение по разработке Marketing kit
Предложение по разработке Marketing kit
 
Агентство высокой конверсии АйТи. Marketing kit.
Агентство высокой конверсии АйТи. Marketing kit.Агентство высокой конверсии АйТи. Marketing kit.
Агентство высокой конверсии АйТи. Marketing kit.
 
Comunicazione come progetto
Comunicazione come progettoComunicazione come progetto
Comunicazione come progetto
 
Презентация услуг компании АйТи
Презентация услуг компании АйТиПрезентация услуг компании АйТи
Презентация услуг компании АйТи
 
Думай о хорошем - позитивные эмоции и простая логика.
Думай о хорошем - позитивные эмоции и простая логика. Думай о хорошем - позитивные эмоции и простая логика.
Думай о хорошем - позитивные эмоции и простая логика.
 

Similar to Usabilità e content management

Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebAlberto Rota
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bisLucia Bertini
 
Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Lucia Bertini
 
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglianois3lab
 
Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business orientedFabrizio Caccavello
 
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​Antonio Giovanni Schiavone
 
Appunti di architettura dell'informazione
Appunti di architettura dell'informazioneAppunti di architettura dell'informazione
Appunti di architettura dell'informazioneMoreno Gentili
 
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...Cristiano Rastelli
 
Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Paolo Sordi
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016Paolo Dadda
 
Workshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso ValdarnoWorkshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso ValdarnoSimone Giomi
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatarRoberto Cobianchi
 
Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)andrea_parisi
 

Similar to Usabilità e content management (20)

Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bis
 
Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web.
 
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla grigliaProgrammazione web - Lezione 2 - Anatomia dei siti... alla griglia
Programmazione web - Lezione 2 - Anatomia dei siti... alla griglia
 
Semplicità: accessibilità business oriented
Semplicità: accessibilità business orientedSemplicità: accessibilità business oriented
Semplicità: accessibilità business oriented
 
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
AccessibilitySEO​:​ Come l'accessibilità può aiutare a far scalare le SERP​ ​
 
SEO Checklist
SEO ChecklistSEO Checklist
SEO Checklist
 
Lezione 2
Lezione 2Lezione 2
Lezione 2
 
Appunti di architettura dell'informazione
Appunti di architettura dell'informazioneAppunti di architettura dell'informazione
Appunti di architettura dell'informazione
 
La data visualization
La data visualizationLa data visualization
La data visualization
 
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...Paper - "Esperienza utente e fruizione dei contenuti nei  quotidiani online i...
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
 
Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014Progettazione e realizzazione di siti web, a.a. 2013-2014
Progettazione e realizzazione di siti web, a.a. 2013-2014
 
SMAU Milano 2016
SMAU Milano 2016SMAU Milano 2016
SMAU Milano 2016
 
Workshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso ValdarnoWorkshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso Valdarno
 
Lezione 05/2006
Lezione 05/2006Lezione 05/2006
Lezione 05/2006
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
Responsivedesign
ResponsivedesignResponsivedesign
Responsivedesign
 
Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 

Usabilità e content management

  • 1. ACCADEMIA BELLE ARTI ROMA a.a. 2013/14 06/# USABILITÀ/CONTENT MANAGEMENT martedì 19 agosto 14
  • 2. usabilità 01/ usabilità: un derivato dell’ergonomia Dopo l’ergonomia degli artefatti fisici sul luogo di lavoro, si arriva negli anni ’80 all’ergonomia cognitiva: l’avvento dei personal computer pone il problema di garantire un accesso alle interfacce informatiche da parte di un pubblico non specializzato. martedì 19 agosto 14
  • 3. usabilità 02/ usabilità SecondoladefinizioneISO “L’usabilità è definita in relazione al grado di e!cacia, di e!cienza e di soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti” (ISO 9241-11) martedì 19 agosto 14
  • 4. 10/ un buon modello concettuale il progettista fornisce all’utente un valido modello concettuale, senza contraddizioni nella presentazione di manovre e risultati e con un’immagine di sistema coerente. interfaccia/norman martedì 19 agosto 14
  • 5. usabilità 03/ le euristiche di nielsen (1) visibilità del sistema (2) corrispondenza tra sistema e mondo reale (3) controllo e libertà per gli utenti (4) consistenza e standard (5) prevenzione dell’errore (6) riconoscimento anziché ricordo (7) flessibilità d’uso (8) grafica minimale (9) aiuto all’utente (10) documentazione martedì 19 agosto 14
  • 7. usabilità / “don’t make me think” 04/ steve krug “don’t make me think” Un buon sito web è quello che non mi fa pensare ai meccanismi di navigazione. In caso contrario, sono costretto a pormi degli interrogativi che mi distongono dai miei obiettivi. martedì 19 agosto 14
  • 8. 05/ come usiamo veramente il web Non leggiamo veramente la pagina, ma facciamo una scansione. Non vogliamo capire come è articolato il meccanismo di funzionamento di un’interfaccia, ma la vogliamo utilizzare con facilità. usabilità / “don’t make me think” martedì 19 agosto 14
  • 9. 06/ navigabilità Il web ha una sua fisicità - come testimoniano le metafore del navigare e surfare - ma con dei limiti: nessun senso di scala, nessun senso di direzione. OLTRE IL SENSO FISICO DELLO SPAZIO, è IMPORTANTE RESTITUIRE UNA MAPPA CONCETTUALE DELLA GERARCHIA. obiettivi: findability, posizionamento nell’albero dei contenuti. usabilità / “don’t make me think” martedì 19 agosto 14
  • 10. 07/ creare una gerarchia visiva chiara Proprio perché non leggiamo bensì operiamo tramite scansione, sarà importante garantire che l’interfaccia comunichi visivamente una gerarchia delle informazioni chiara e immediatamente percepibile. Ha senso attenersi alle convenzioni, perché spesso sono basate su elementi di navigazione consolidati che si sono già dimostrati utili e con cui, soprattutto, l’utente ha familiarità. Fare capire cosa è cliccabile! usabilità / “don’t make me think” martedì 19 agosto 14
  • 11. 08/ quanti click? Non è strettamente determinante il numero di click che devo fare per vedere un’azione, quanto lo sforzo che ognuno di essi mi richiede. usabilità / “don’t make me think” martedì 19 agosto 14
  • 12. 09/ copywrite Il testo deve essere conciso: dobbiamo limare le parole che non sono strettamente necessarie. obiettivi: ridurre il rumore di pagina, evidenziare solo ciò che è strettamente importante, rendere più corte le pagine. usabilità / “don’t make me think” martedì 19 agosto 14
  • 13. 10/ search Ogni pagina dovrebbe avere un search o un link al search box. I test di usabilità rivelano infatti che una percentuale incredibilmente alta di persone consulta i siti in prima istanza attraverso i search. usabilità / “don’t make me think” martedì 19 agosto 14
  • 14. 11/ indicatori di usabilità Di quale sito si tratta? (identificazione) Quale pagina sto visitando? (nome della pagina) Quali sono le sezioni più importanti di questo sito? (sezioni) Quali sono le mie opzioni a questo livello? (navigazione locale) Come posso usare il search? usabilità / “don’t make me think” martedì 19 agosto 14
  • 15. 12/ testing Oltre il meccanismo obsoleto del focus group, il testing permette di valutare quali sono gli scogli alla navigazione ricorrenti e di correggere in corso d’opera gli errori progettuali dell’interfaccia. usabilità / “don’t make me think” martedì 19 agosto 14
  • 16. 13/ content management “Content strategy plans for the creation, publication and governance of useful, usable content.” Kristina Halvorsorn content management / “don’t make me think” martedì 19 agosto 14
  • 17. 14/ “content is king” Centralità dei contenuti - sia testuali, che di immagini o video - nel processo di a!ermazione di un sito: un design e"cace ed allettante, ma privo di contenuti di interesse, non sarebbe su"ciente a fidelizzare il visitatore occasionale. usabilità / “don’t make me think” martedì 19 agosto 14
  • 18. 15/ contenuto come strategia Il contenuto ingloba gli orizzonti di business, nella misura in cui deve rapportare l’orizzonte delle aspettative con le risorse disponibili. Mentre architettura delle informazioni e grafica una volta approvati rimangono invariati, il contenuto risponde in maniera molto più flessibile ai cambiamenti organizzativi. content martedì 19 agosto 14
  • 19. 16/ “good content is user centered” L’appropriatezza di un contenuto si rivela nella capacità di rispondere al vocabolario e ai modelli mentali dell’utente, piuttosto che a quelli del cliente/committente. La consistenza di un contenuto si rivela nella capacità di non sovraccaricare il carico cognitivo dell’utente, o!rendo una presentazione del contenuto omogenea tra le varie pagine. La chiarezza di un contenuto è essenzialmente la sua capacità di sintesi. content martedì 19 agosto 14
  • 20. 17/ “good content is user centered” “Online, you don’t have a captive audience. You have a multi-tasking, distracted, ready-to-leave-your-site-at-any-time audience who has a very specific goal in mind.” Kristina Halvorson content martedì 19 agosto 14
  • 21. 18/ architettura dell’informazione Design della struttura delle informazioni di un artefatto digitale, completo di modello di navigazione e tassonomia dei contenuti. L’IA è un lavoro sistematizzante: dal caos della molteplicità di spunti e formati, all’ordine delle tassonomie. L’IA si struttura attraverso i seguenti supporti: alberi di navigazione (site maps), wireframes, user flows. content martedì 19 agosto 14
  • 22. H O M E newsletter DOPOSCUOLA CHI SIAMO | ASSOCIATI | COLLABORA news5 news4 news6 dicono di noi ECOLE DES PARENTS TEMPO LIBERO Studia con babì Ascolta con bsbì Muoviti con babì Vuoi babì nella tua scuola? PER I BAMBINI: l’allattamento il sonno il secondo figlio per i piccoli per i grandi per la famiglia [testo + immagini (foto e gallery)+ embed video + iscrizione agli eventi in calendario nelle singole sezioni ] [testo + immagini (foto e gallery)+ embed video + iscrizione agli eventi in calendario nelle singole sezioni ] convenzioni TAGESMUTTER diventa t. [solo testo + img] cerca t. [vedi layout con search] sei una t.? rubrica [blog] [vedi layout chi siamo, uguale anche per associati e collabora] [testo + immagini + embed video eventuale + mail contatto ó eventualmente un form] [non sarà un e-commerce perchè è stato sconsigliato ai fini fiscali ma una pagina con i pacchetti di servizi da acquistare presentati da descrizioni txt + img (si paga con iban, non c’è carrello, solo img pacchetto servizi e testo)] la bottega di babì facebook twitter google + menu con possibilità accesso a tutte le sezioni del sito [solo testo + link a un test] [link a pagina con testo e logo aziende convenzionate] [link a pagina con tutto l’archivio referenze + box lascia una referenza] martedì 19 agosto 14
  • 26. 19/ scrittura per il web ✦ la piramide invertita; ✦ 5w e 1h; ✦ “show, don’t tell”; ✦ business writing: logos, pathos e ethos. ✦ regole editoriali e manuali di stile. content martedì 19 agosto 14
  • 27. 20/ scrittura per il web, dove ✦ siti Internet; ✦ newsletter; ✦ blog; ✦ canali social; ✦ magazine online; ✦ webcast, podcast; ✦ applicazioni mobile; ✦ documenti scaricabili (report, ebook, etc.) ✦ infografiche content martedì 19 agosto 14
  • 29. 21/ scrittura per il web, gli elementi del processo ✦ linee guida di accessibilità; ✦ benchmarks; ✦ strategie di canale e transmediali; ✦ piani editoriali; ✦ community policies di moderazione; ✦ pianificazione delle fonti di informazione; ✦ applicazioni mobile; ✦ revisioni quantitative e qualitative dei contenuti: ✦ revisioni dei risultati SEO, ✦ etc... content martedì 19 agosto 14
  • 30. 22/ aggiornamento Un’informazione fattuale dovrebbe essere aggiornata progressivamente. Una news (o comunque un contenuto sensibile al fattore tempo) dovrebbe smettere di essere tale dopo un intervallo di tempo dato. Un piano editoriale dovrebbe sempre includere un piano di manutenzione dei contenuti già pubblicati. content martedì 19 agosto 14
  • 31. 23/ user generated content Si può sopperire ai contenuti di qualità a pagamento con dei contenuti realizzati dagli utenti? content martedì 19 agosto 14