usabilità e content management
TRANSCRIPT
![Page 1: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/1.jpg)
ACCADEMIA BELLE ARTI ROMA a.a. 2013/14
06/#
USABILITÀ/CONTENT MANAGEMENT
martedì 19 agosto 14
![Page 2: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/2.jpg)
usabilità
01/
usabilità: un derivato dell’ergonomiaDopo 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
![Page 3: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/3.jpg)
usabilità
02/
usabilitàSecondo la definizione ISO
“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
![Page 4: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/4.jpg)
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
![Page 5: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/5.jpg)
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
![Page 6: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/6.jpg)
martedì 19 agosto 14
![Page 7: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/7.jpg)
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
![Page 8: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/8.jpg)
05/
come usiamo veramente il webNon 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
![Page 9: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/9.jpg)
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
![Page 10: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/10.jpg)
07/
creare una gerarchia visiva chiaraProprio 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
![Page 11: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/11.jpg)
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
![Page 12: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/12.jpg)
09/
copywriteIl 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
![Page 13: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/13.jpg)
10/
searchOgni 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
![Page 14: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/14.jpg)
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
![Page 15: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/15.jpg)
12/
testingOltre 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
![Page 16: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/16.jpg)
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
![Page 17: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/17.jpg)
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
![Page 18: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/18.jpg)
15/
contenuto come strategiaIl 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
![Page 19: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/19.jpg)
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
![Page 20: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/20.jpg)
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
![Page 21: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/21.jpg)
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
![Page 22: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/22.jpg)
H O M E
newsletter
DOPOSCUOLA
CHI SIAMO | ASSOCIATI | COLLABORA
news5
news4
news6
diconodi
noi
ECOLE DESPARENTS TEMPO LIBERO
Studia con babìAscol ta con bsbìMuovi t i con babì
Vuoi babì nel la tua scuola?
PER I BAMBINI:l’allattamento
il sonnoil secondo figlio
per i piccoliper i grandi
per la famiglia
[testo + immagini (foto e gallery)+ embed video +iscrizione agli eventi in calendarionelle singole sezioni ]
[testo + immagini (foto e gallery)+ embed video +iscrizione agli eventi in calendarionelle singole sezioni ]
convenzioni
TAGESMUTTER
diventa t .[so lo tes to + img]
cerca t .[vedi layout con search]
sei una t .?
rubrica[b log]
[vedi layout chi s iamo, uguale anche per associa t i e col labora]
[ testo + immagini +embed video eventuale +
mai l contat to ó eventualmente un form]
[non sarà un e -commerceperchè è s ta to scons ig l ia to
ai f in i f i scal ima una pagina con i pacchet t i d i ser v iz i
da acquis tare presenta t i da descr iz ioni tx t + img(s i paga con iban, non c’è car re l lo, so lo img pacchet to ser v iz i e tes to ) ]
la bot tega di babì
facebooktwi t te r
google +
menu con poss ibi l i tà accessoa tu t te le sezioni del s i to
[so lo tes to + l ink a un tes t ]
[ l ink a pagina con tes to elogo aziende convenzionate]
[ l ink a pagina con tu t to l ’archiv io re ferenze +
box lascia una referenza]
martedì 19 agosto 14
![Page 23: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/23.jpg)
martedì 19 agosto 14
![Page 24: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/24.jpg)
martedì 19 agosto 14
![Page 25: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/25.jpg)
martedì 19 agosto 14
![Page 26: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/26.jpg)
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
![Page 27: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/27.jpg)
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
![Page 28: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/28.jpg)
martedì 19 agosto 14
![Page 29: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/29.jpg)
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
![Page 30: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/30.jpg)
22/
aggiornamentoUn’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
![Page 31: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/31.jpg)
23/
user generated contentSi può sopperire ai contenuti di qualità a pagamento con dei contenuti realizzati dagli utenti?
content
martedì 19 agosto 14
![Page 32: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/32.jpg)
martedì 19 agosto 14
![Page 33: Usabilità e content management](https://reader033.vdocuments.pub/reader033/viewer/2022052600/557b3220d8b42a6d698b4665/html5/thumbnails/33.jpg)
martedì 19 agosto 14