Usabilità e content management
-
Upload
giulia-zappa -
Category
Design
-
view
56 -
download
1
Transcript of Usabilità e content management
ACCADEMIA BELLE ARTI ROMA a.a. 2013/14
06/#
USABILITÀ/CONTENT MANAGEMENT
martedì 19 agosto 14
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
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
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 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
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 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
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/
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
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
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/
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
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 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
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
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
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/
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
23/
user generated contentSi 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