SlideShare a Scribd company logo
1 of 60
Usabilità dei testi per il   web Telecom Italia - confidenziale
[object Object],[object Object],[object Object],Agenda
[object Object],[object Object],[object Object],[object Object],Agenda
Principi Generali   - Web: nuove caratteristiche dei fruitori del testo - ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Principi Generali   - Testo scritto e testo digitale - Il supporto è in primo piano Il supporto va sullo sfondo Manipolabile Non manipolabile Non localizzato Localizzato Instabile Stabile Spaziale-pittorico Temporale Legato anche alla grafica Legato solo alla parola Ipertestuale e polivalente Lineare e unico Breve e poco gerarchizzato Lungo e gerarchizzato al suo interno In parte in mano al lettore Totalmente in mano all’autore Totalmente archiviabile Relativamente archiviabile Testo digitale Testo scritto
Principi Generali   - Progettare testi, progettare interfacce - Interfaccia Testo  “ trasparente” Etichette dei Menù Link Strilli cliccabili Pagine indice Articoli Schede tecniche Titoli e sottotitoli Il testo sul web è anche  un’interfaccia  di azione Diversi tipi di testo si dispongono in modo diverso  nell’asse interfaccia/trasparenza Istruzioni per l’interazione
l’autore on line Da scrittore di testi a  “ sceneggiatore” di ipertesti Da veicolo di informazione ad “attivatore” di dinamiche Da “creatore solitario” a membro di una community Principi Generali   - L’autore online -
Principi Generali   - Un precursore: Michail Bachtin -  L’opera, come la replica del dialogo, è orientata verso la risposta dell’altro  […] L’opera è un anello nella catena della comunicazione verbale; come la replica di un dialogo, essa è legata ad altra opere-enunciazioni: a quelle a cui essa risponde e a quelle che ad essa rispondono Il problema dei generi del discorso (1978)
Attenzione  >   Interesse Strilli formattazione Stile Contenuti Ipertesti Approfondimenti Divagazioni Link Feed-back Script E-collaboration Community >   coinvolgimento  >   Interazione Principi Generali   - I compiti dello scrittore online -
Principi Generali   - Il continuum tra presentazione e partecipazione - Presentazione Partecipazione Web aziendali Siti istituzionali E-commerce Informazione online Intranet Wiki Blog Applicazioni 2.0 Diversi tipi di sito presentano diversi gradi di partecipazione Un certo grado di partecipazione del lettore è comunque richiesta sempre
1  - Contesto di lettura sul web e vincoli del mezzo 2  - Aspetti di  Usability 4  - Aspetti di strutturazione 5  - Aspetti di stile 3  - Aspetti di  formattazione Principi Generali   - Il testo sul web è una cipolla -
Testo “ Paratesto” Testo “ Paratesto” Carta Web Principi Generali   - L’inversione del rapporto testo/paratesto -
[object Object],[object Object],[object Object],[object Object],[object Object],Agenda
La pagina è una  mappa Le informazioni sono viste come in  un paesaggio visto dall’alto In questo paesaggio troviamo  punti di riferimento : titoli, sottotitoli, Immagini, colori, link, grassetti,  testi Il lettore del web   - Un lettore particolare -
Il lettore del web   - Caratteristiche principali della lettura web - L’occhio è attratto dalle  discontinuità  (spazi, colori...).  Si cerca di  circoscrivere il contesto  (argomento, autore, data, testata, lunghezza documento...)  Si cercano  i punti di ancoraggio  (link, grassetti, foto...) La lettura è molto  finalizzata .  La lettura è  un’azione
La lettura “classica”… …  e la lettura web Il lettore web è un vero lettore? L’ 80%  dei lettori “scorre” la pagina  Il lettore del web   - Discontinuità: la lettura “a salti” -
Il lettore del web   - Finalizzazione - Lettura come effetto di una determinata ricerca Processo di attenta selezione del testo da leggere
Il lettore del web   - Testo/Azione - La lettura “classica”… …  e la lettura web Invio una mail - Clicco  - Cambio pagina – Commento - Aggiungo al carrello  … Leggo
Il lettore del web   - Perché è importante il “contesto”? - Chiunque  può produrre un testo web Il testo sul web non è  stabile Il testo  non ha confini  definiti Il testo  non ha fisicità , non si può maneggiare
Il lettore del web   - Il contesto in ogni pagina: la “prova google” - Chi sono questi? In che parte sono del sito? Chi è l’autore? Che data ha l’articolo?
? Il lettore del web   - L’importanza del contesto - Il contesto dovrebbe rispondere alle domande: Cosa (argomento) Chi (autore) Quando (data pagina) Dove (sito o società da cui vengono le info) Quanto (quanto è lunga l’informazione)
Il lettore del web   - Il contesto vince sul testo - 1 2 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1 2 3 4 Gli elementi di  paratesto  (Titoli sottotitoli, indici di sezione ecc..) precedono la lettura del testo perché servono come elementi discriminanti Il lettore del web   - Apparato paratestuale prima del testo -
1 2 3 4 Le  immagini e i titoli  sono il primo elemento a cui si presta attenzione, indipendentemente dalla loro collocazione nella pagina Le immagini con i  visi  in maniera ancora più accentuata  Il lettore del web   - Ancoraggi: alle immagini la priorità -
1 2 3 4 All’interno del testo alcuni elementi vengono percepiti prima di altri: Titoli Sottotitoli Grassettature Link  Punti-elenco Rappresentano una specie di “bussola” per il lettore e aiutano a “spezzare” il testo in tanti sottotesti Il lettore del web   - Altri elementi di ancoraggio -
Il lettore del web     - I movimenti oculari sulle home -  L’esame dei movimenti dell'occhio sulle home rivela  un modello comune Gli occhi fissano più spesso il  primo riquadro a sinistra , girando intorno a quella zona prima di andare da sinistra alla destra.  Solo dopo  la lettura attenta della parte superiore  gli occhi esplorano ulteriormente la parte bassa della pagina
Il lettore del web - Fattori che orientano il comportamento -  Questo schema può essere “ forzato ” introducendo varianti nella pagina e creando dei “ punti caldi ” in altre zone. I fattori che influenzano la lettura: Presenza o meno degli  strilli   Dimensione dei  font Presenza e tipo di  immagini Parole particolari e  argomenti  di grande interesse
Il lettore del web   - Gli strilli guidano la lettura - Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ viewing.htm Gli “ strilli ” di testo hanno un ruolo determinante nel guidare il percorso dell’occhio  La visione va oltre il  triangolo della rilevanza  “canonico”
Il lettore del web   - L’effetto della dimensione dei font - Leggibilità “ Scannabilità” Se volete spingere a  leggere più a lungo  la home, usate font piccoli (10) se volete aiutare un  rapido scan  delle cose essenziali usate font grandi (12-14).  Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ fontsize.htm
Il lettore del web   - I titoli piccoli incoraggiano lo scrolling verso il basso - I titoli più piccoli incoraggiano un comportamento di lettura  più focalizzato  (leggere le parole), e più prolungato Con i font grandi le persone guardano  solo quello che li cattura  sul momento I titoli piccoli spingono di più ad uno  scrolling  verso il basso Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ headlinesize.htm
Il lettore del web   - L’importanza delle foto - Le foto in basso attirano l’occhio  al di sotto  del triangolo della rilevanza
Agenda ,[object Object],[object Object],[object Object]
Usability dei testi - Il testo sul web: necessità di riadattarlo -  Sul video la leggibilità  si riduce del 25%  rispetto alla carta stampata ( Video: 72 dpi - stampa: 300 -1200 dpi) Il testo sul web fa adeguatamente  formattato  per renderlo usabile e adeguarlo alle caratteristiche del mezzo. Non si può limitarsi a  “riversare” in html  il testo concepito su altri supporti (carta, slide, word..)
Usability dei testi   - Elementi di contesto -  NO SI ,[object Object],[object Object],[object Object],[object Object],[object Object],home Sezione Articolo Header  Path  Footer
Usability dei testi   - Una sola colonna colonna -  NO SI Il testo è disposto su di una sola colonna, come un “ rotolo ” virtuale
Usability dei testi   - Larghezza della colonna -  Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/ type / lines .html Max 450-500 pixel SI 800 pixel NO
Usability dei testi   - Un testo troppo “largo” -
Usability dei testi   - Lunghezza dei testi -  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Usability dei testi   - Un testo lungo non “trattato” -  42.000  caratteri  Nessun indice Nessun editing ipertestuale E’ un testo per la stampa, non per la lettura su web
Usability dei testi - Indici iniziali e “up” per i testi lunghi -  Nessuno strumento di navigazione interna Indice cliccabile  dei paragrafi all’inizio Bottoni per tornare in alto SI NO
Usability dei testi - Impaginazione “a bandiera”  - Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/ type / align .html   ok
Usability dei testi - Effetti imprevisti del giustificato  -
L’iniziativa vuole massimizzare gli utili e ridurre le spese L’INIZIATIVA VUOLE MASSIMIZZARE GLI UTILI E RIDURRE LE SPESE L’iniziativa vuole massimizzare gli utili e ridurre le spese L’iniziativa vuole massimizzare gli utili e ridurre le spese L’iniziativa vuole  massimizzare  gli utili e  ridurre  le spese L’iniziativa vuole  massimizzare  gli utili e  ridurre  le spese Usability dei testi - Maiuscolo, corsivo, sottolineature - NO SI NO SI NO SI
SI E’ VERIFICATO SPERIMENTALMENTE CHE LA LEGGIBILITÁ DI UN TESTO SCRITTO ESCLUSIVAMENTE IN CARATTERI MAIUSCOLI È MINORE DI QUELLA DI UN TESTO SCRITTO IN CARATTERI MAIUSCOLI E MINUSCOLI Si è verificato sperimentalmente che la leggibilità di un testo scritto esclusivamente in caratteri maiuscoli è minore di quella di un testo scritto in caratteri maiuscoli e minuscoli  Usability dei testi - I difetti del maiuscolo - Pattern riconoscibili Conservazione dell’informazione
L’uso delle minuscole  associa ad ogni parola  un “ pattern ” riconoscibile dato dalle ascendenti e dalle discendenti Usability dei testi - Il minuscolo crea un pattern più leggibile - Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/type/case.html
Il corsivo si legge male su video  perché enfatizza  l’effetto “sega” Usability dei testi - Il corsivo aumenta l’effetto “sega” -
Fonte: Hill, Scharff - 1997 http://hubel.sfasu.edu/research/AHNCUR.html   Indipendentemente dal tipo di font e dal colore, il corsivo  aumenta i tempi medi di lettura La leggibilità è data del  tempo medio  utilizzato da un campione di soggetti per leggere  determinati brani di testo (es.: ricerca della prima occorrenza di una fra più parole date nel testo) Usability dei testi - Corsivo: esperimenti sui tempi di lettura -
Usability dei testi - Due tipi di font - Carattere con “grazie” Carattere a “bastoni”
L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine  (times new roman) L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine  (arial) L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine  (Garamond)  L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine  (verdana) Usability dei testi - I font migliori (e i peggiori) - NO SI
Usability dei testi - Il Times New Roman peggiora la leggibilità -
Times Fonte: Bernard et al, 2001 http://psychology.wichita.edu/surl/usabilitynews/3S/font.htm Verdana Arial Usability dei testi - Verifiche sperimentali: percezione degli utilizzatori - N.B. La percezione può non coincidere con i tempi di lettura
Usability dei testi - Rapporto testo-sfondo - NO SI NO
Usability dei testi - Rapporto testo-sfondo - Nero su bianco Bianco su nero Bianco su Azzurro Blu su bianco Grigio su nero Nero su giallo Fucsia su blu Rosso su verde SI NI NO Nero su grigio Verde su giallo
Fonte: Lauren Scharff 1997 http:// hubel.sfasu.edu / research / survreslts .html Usability dei testi - Rapporto testo-sfondo: indagini empiriche -
Usability dei testi - Usare pochi colori e dare loro un significato - Gli obiettivi dell’iniziativa L’iniziativa vuole  massimizzare  gli utili e  ridurre  le spese attraverso una accurata politica di investimenti a  medio e lungo termine NO SI Gli obiettivi dell’iniziativa L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a  medio e lungo termine
Usability dei testi - Colori usati in modo giusto e sbagliato - OK No!
caratteri di colori lontani sullo spettro vengono  messi a fuoco su piani diversi Usability dei testi - Non affiancate colori lontani nello spettro -
Esempio di rosso su sfondo blu Non si riesce a mettere a fuoco
Usare il colore in modo  coerente Usare il colore per associare  contenuti simili   Usare  pochi colori  contemporaneamente Usare colori diversi e “strani” solo per  richiamare l’attenzione  su elementi significativi Tenere conto le  associazioni correnti  (che variano da cultura a cultura) Usability dei testi - Come usare il colore -
Usability dei testi - Niente animazioni nel testo - NO SI

More Related Content

Viewers also liked

Valutare le fonti e scrivere per il web
Valutare le fonti e scrivere per il webValutare le fonti e scrivere per il web
Valutare le fonti e scrivere per il webNicola Rabbi
 
Usabilita E Scrittura dei Testi per il web
Usabilita E Scrittura dei Testi per il webUsabilita E Scrittura dei Testi per il web
Usabilita E Scrittura dei Testi per il webGiacomo Mason
 
Deus e jesus ccm 2011
Deus e jesus ccm 2011Deus e jesus ccm 2011
Deus e jesus ccm 2011Falec
 
Tagliagambe
Tagliagambe Tagliagambe
Tagliagambe imartini
 
Cos'è la cabbalà
Cos'è la cabbalàCos'è la cabbalà
Cos'è la cabbalàshahar1234
 
I droni e la legge - presentazione SINNOVA15 - gallus
I droni e la legge - presentazione SINNOVA15 - gallusI droni e la legge - presentazione SINNOVA15 - gallus
I droni e la legge - presentazione SINNOVA15 - gallusGiovanni Battista Gallus
 
Città di Roncade - Social close up - incontro breve sul social network Comunale
Città di Roncade - Social close up - incontro breve sul social network ComunaleCittà di Roncade - Social close up - incontro breve sul social network Comunale
Città di Roncade - Social close up - incontro breve sul social network ComunaleElisa Taffarel
 
Virginio B. Sala - Testo e testualità la scrittura per l’editoria digitale
Virginio B. Sala -  Testo e testualità la scrittura per l’editoria digitaleVirginio B. Sala -  Testo e testualità la scrittura per l’editoria digitale
Virginio B. Sala - Testo e testualità la scrittura per l’editoria digitaleCenter for Generative Communication
 
Errori e menzogne per il professionista moderno
Errori e menzogne per il professionista modernoErrori e menzogne per il professionista moderno
Errori e menzogne per il professionista modernoMarco Brambilla
 
Telerilevamento di prossimità con micro-droni: strumenti, tecnica ed esempi...
Telerilevamento di prossimità con  micro-droni: strumenti,  tecnica ed esempi...Telerilevamento di prossimità con  micro-droni: strumenti,  tecnica ed esempi...
Telerilevamento di prossimità con micro-droni: strumenti, tecnica ed esempi...Consorzio Ticonzero
 
Le.chiavi.dei.mondi.della.qabbalah
Le.chiavi.dei.mondi.della.qabbalahLe.chiavi.dei.mondi.della.qabbalah
Le.chiavi.dei.mondi.della.qabbalahEttore Nettor
 
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...Silvia Toffolon
 
La manutenzione del freelance - FreelanceCamp 2016
La manutenzione del freelance - FreelanceCamp 2016La manutenzione del freelance - FreelanceCamp 2016
La manutenzione del freelance - FreelanceCamp 2016Marco Brambilla
 
Droni e multirotori, la nuova frontiera delle applicazioni aeree
Droni e multirotori, la nuova frontiera delle applicazioni aereeDroni e multirotori, la nuova frontiera delle applicazioni aeree
Droni e multirotori, la nuova frontiera delle applicazioni aereeEnrico Bazan
 
Productivity porn, quando la produttività è controproducente
Productivity porn, quando la produttività è controproducenteProductivity porn, quando la produttività è controproducente
Productivity porn, quando la produttività è controproducenteSilvia Toffolon
 

Viewers also liked (20)

Politropia e Web
Politropia e WebPolitropia e Web
Politropia e Web
 
Valutare le fonti e scrivere per il web
Valutare le fonti e scrivere per il webValutare le fonti e scrivere per il web
Valutare le fonti e scrivere per il web
 
Usabilita E Scrittura dei Testi per il web
Usabilita E Scrittura dei Testi per il webUsabilita E Scrittura dei Testi per il web
Usabilita E Scrittura dei Testi per il web
 
Deus e jesus ccm 2011
Deus e jesus ccm 2011Deus e jesus ccm 2011
Deus e jesus ccm 2011
 
Tagliagambe
Tagliagambe Tagliagambe
Tagliagambe
 
Cos'è la cabbalà
Cos'è la cabbalàCos'è la cabbalà
Cos'è la cabbalà
 
I droni e la legge - presentazione SINNOVA15 - gallus
I droni e la legge - presentazione SINNOVA15 - gallusI droni e la legge - presentazione SINNOVA15 - gallus
I droni e la legge - presentazione SINNOVA15 - gallus
 
Città di Roncade - Social close up - incontro breve sul social network Comunale
Città di Roncade - Social close up - incontro breve sul social network ComunaleCittà di Roncade - Social close up - incontro breve sul social network Comunale
Città di Roncade - Social close up - incontro breve sul social network Comunale
 
Virginio B. Sala - Testo e testualità la scrittura per l’editoria digitale
Virginio B. Sala -  Testo e testualità la scrittura per l’editoria digitaleVirginio B. Sala -  Testo e testualità la scrittura per l’editoria digitale
Virginio B. Sala - Testo e testualità la scrittura per l’editoria digitale
 
Errori e menzogne per il professionista moderno
Errori e menzogne per il professionista modernoErrori e menzogne per il professionista moderno
Errori e menzogne per il professionista moderno
 
Avro mai la pensione? @Freelancecamp 2015
Avro mai la pensione? @Freelancecamp 2015Avro mai la pensione? @Freelancecamp 2015
Avro mai la pensione? @Freelancecamp 2015
 
Telerilevamento di prossimità con micro-droni: strumenti, tecnica ed esempi...
Telerilevamento di prossimità con  micro-droni: strumenti,  tecnica ed esempi...Telerilevamento di prossimità con  micro-droni: strumenti,  tecnica ed esempi...
Telerilevamento di prossimità con micro-droni: strumenti, tecnica ed esempi...
 
Business Plan in breve
Business Plan in breveBusiness Plan in breve
Business Plan in breve
 
Le 10 regole dello scrivere su Facebook
Le 10 regole dello scrivere su FacebookLe 10 regole dello scrivere su Facebook
Le 10 regole dello scrivere su Facebook
 
Le.chiavi.dei.mondi.della.qabbalah
Le.chiavi.dei.mondi.della.qabbalahLe.chiavi.dei.mondi.della.qabbalah
Le.chiavi.dei.mondi.della.qabbalah
 
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...
Making ideas happen mettere in pratica le – buone – idee per lasciare il prop...
 
La manutenzione del freelance - FreelanceCamp 2016
La manutenzione del freelance - FreelanceCamp 2016La manutenzione del freelance - FreelanceCamp 2016
La manutenzione del freelance - FreelanceCamp 2016
 
Droni e multirotori, la nuova frontiera delle applicazioni aeree
Droni e multirotori, la nuova frontiera delle applicazioni aereeDroni e multirotori, la nuova frontiera delle applicazioni aeree
Droni e multirotori, la nuova frontiera delle applicazioni aeree
 
Productivity porn, quando la produttività è controproducente
Productivity porn, quando la produttività è controproducenteProductivity porn, quando la produttività è controproducente
Productivity porn, quando la produttività è controproducente
 
5 legumi
5 legumi5 legumi
5 legumi
 

Similar to Usabilità dei testi per il web

Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...bsdlover
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writingAndrea Spila
 
I servizi semantici di analisi testuale nel progetto SenTaClAus
I servizi semantici di analisi testuale nel progetto SenTaClAusI servizi semantici di analisi testuale nel progetto SenTaClAus
I servizi semantici di analisi testuale nel progetto SenTaClAusNet7
 
Web writing per bibliotecari
Web writing per bibliotecariWeb writing per bibliotecari
Web writing per bibliotecariAndrea Spila
 
Architettura e navigazione dei siti web
Architettura e navigazione dei siti webArchitettura e navigazione dei siti web
Architettura e navigazione dei siti webGiacomo Mason
 
Web writing per traduttori
Web writing per traduttoriWeb writing per traduttori
Web writing per traduttoriAndrea Spila
 
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
 
Web Writing di base - sintesi del workshop di 4 ore
Web Writing di base - sintesi del workshop di 4 oreWeb Writing di base - sintesi del workshop di 4 ore
Web Writing di base - sintesi del workshop di 4 oreFrancesca Fabbri
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18Giuseppe Vizzari
 
Open web programming
Open web programmingOpen web programming
Open web programmingnois3lab
 
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricerca
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricercaSES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricerca
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricercaTSW
 
Marketing Web11 Scrivere X Internet
Marketing Web11 Scrivere X InternetMarketing Web11 Scrivere X Internet
Marketing Web11 Scrivere X InternetWallaMe Ltd.
 
Cts Europa Il Web Ed I Suoi Utenti
Cts Europa   Il Web Ed I Suoi UtentiCts Europa   Il Web Ed I Suoi Utenti
Cts Europa Il Web Ed I Suoi Utentictseuropa
 

Similar to Usabilità dei testi per il web (20)

Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
Siti Web: parola visuale, analisi del lettore, usability dei testi ed accessi...
 
Introduzione al web writing
Introduzione al web writingIntroduzione al web writing
Introduzione al web writing
 
Fenomenologia dei media 5. Il web
Fenomenologia dei media 5. Il webFenomenologia dei media 5. Il web
Fenomenologia dei media 5. Il web
 
I servizi semantici di analisi testuale nel progetto SenTaClAus
I servizi semantici di analisi testuale nel progetto SenTaClAusI servizi semantici di analisi testuale nel progetto SenTaClAus
I servizi semantici di analisi testuale nel progetto SenTaClAus
 
Scrivere per il web
Scrivere per il webScrivere per il web
Scrivere per il web
 
Web writing per bibliotecari
Web writing per bibliotecariWeb writing per bibliotecari
Web writing per bibliotecari
 
Architettura e navigazione dei siti web
Architettura e navigazione dei siti webArchitettura e navigazione dei siti web
Architettura e navigazione dei siti web
 
9 - Ricercare nel Web
9 - Ricercare nel Web9 - Ricercare nel Web
9 - Ricercare nel Web
 
Web writing per traduttori
Web writing per traduttoriWeb writing per traduttori
Web writing per traduttori
 
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 Writing di base - sintesi del workshop di 4 ore
Web Writing di base - sintesi del workshop di 4 oreWeb Writing di base - sintesi del workshop di 4 ore
Web Writing di base - sintesi del workshop di 4 ore
 
Intranet Design
Intranet DesignIntranet Design
Intranet Design
 
Scrittura web efficace
Scrittura web efficaceScrittura web efficace
Scrittura web efficace
 
crittura web efficace
crittura web efficacecrittura web efficace
crittura web efficace
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18
 
Open web programming
Open web programmingOpen web programming
Open web programming
 
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuolaLa scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
La scuola pubblic@ – La cassetta degli attrezzi per l’editoria web nella scuola
 
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricerca
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricercaSES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricerca
SES Milano 2007 - Miriam Bertoli, Scrivere per i motori di ricerca
 
Marketing Web11 Scrivere X Internet
Marketing Web11 Scrivere X InternetMarketing Web11 Scrivere X Internet
Marketing Web11 Scrivere X Internet
 
Cts Europa Il Web Ed I Suoi Utenti
Cts Europa   Il Web Ed I Suoi UtentiCts Europa   Il Web Ed I Suoi Utenti
Cts Europa Il Web Ed I Suoi Utenti
 

More from Giacomo Mason

Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...
Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...
Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...Giacomo Mason
 
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdf
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdfCreare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdf
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdfGiacomo Mason
 
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...Giacomo Mason
 
Employee_journey_map - Webinar - 14 - [IntranetManagement]
Employee_journey_map - Webinar - 14 - [IntranetManagement]Employee_journey_map - Webinar - 14 - [IntranetManagement]
Employee_journey_map - Webinar - 14 - [IntranetManagement]Giacomo Mason
 
Intranet tra globale e locale - webinar - [intranet management]
Intranet tra globale e locale  -  webinar - [intranet management]Intranet tra globale e locale  -  webinar - [intranet management]
Intranet tra globale e locale - webinar - [intranet management]Giacomo Mason
 
Enterprise gamification - webinar - [intranet management]
Enterprise gamification -   webinar - [intranet management]Enterprise gamification -   webinar - [intranet management]
Enterprise gamification - webinar - [intranet management]Giacomo Mason
 
Intranet e information architecture webinar - [intranet management]
Intranet e information architecture   webinar - [intranet management]Intranet e information architecture   webinar - [intranet management]
Intranet e information architecture webinar - [intranet management]Giacomo Mason
 
Premiazione intranet italia champions 2020 alcune tendenze - webinar - [int...
Premiazione intranet italia champions 2020   alcune tendenze - webinar - [int...Premiazione intranet italia champions 2020   alcune tendenze - webinar - [int...
Premiazione intranet italia champions 2020 alcune tendenze - webinar - [int...Giacomo Mason
 
Lo stato delle intranet in italia 2020 webinar - [intranet management]
Lo stato delle intranet in italia 2020   webinar - [intranet management]Lo stato delle intranet in italia 2020   webinar - [intranet management]
Lo stato delle intranet in italia 2020 webinar - [intranet management]Giacomo Mason
 
Anatomia di una intranet news webinar [intranet management]
Anatomia di una intranet news   webinar [intranet management]Anatomia di una intranet news   webinar [intranet management]
Anatomia di una intranet news webinar [intranet management]Giacomo Mason
 
Intranet e community, pattern che funzionano - Webinar [Intranet management]
Intranet e community, pattern che funzionano - Webinar [Intranet management]Intranet e community, pattern che funzionano - Webinar [Intranet management]
Intranet e community, pattern che funzionano - Webinar [Intranet management]Giacomo Mason
 
We will meet again. Il futuro del lavoro - slideshare
We will meet again. Il futuro del lavoro - slideshareWe will meet again. Il futuro del lavoro - slideshare
We will meet again. Il futuro del lavoro - slideshareGiacomo Mason
 
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...profilo e rubrica, le killer application della intranet - Webinar - [Intranet...
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...Giacomo Mason
 
Una intranet, molti destinatari - webinar - [intranet management]
Una intranet, molti destinatari -  webinar - [intranet management]Una intranet, molti destinatari -  webinar - [intranet management]
Una intranet, molti destinatari - webinar - [intranet management]Giacomo Mason
 
Intranet e gamification webinar - [intranet management]
Intranet e gamification   webinar - [intranet management]  Intranet e gamification   webinar - [intranet management]
Intranet e gamification webinar - [intranet management] Giacomo Mason
 
intranet management - intranet, digital workplace, collaboration, quali diffe...
intranet management - intranet, digital workplace, collaboration, quali diffe...intranet management - intranet, digital workplace, collaboration, quali diffe...
intranet management - intranet, digital workplace, collaboration, quali diffe...Giacomo Mason
 
Intranet management - creare uno smart working human centered
Intranet management  - creare uno smart working human centeredIntranet management  - creare uno smart working human centered
Intranet management - creare uno smart working human centeredGiacomo Mason
 
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...Giacomo Mason
 
Progettare per le comunità aziendali
Progettare per le comunità aziendaliProgettare per le comunità aziendali
Progettare per le comunità aziendaliGiacomo Mason
 
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, Operations
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, OperationsDi chi è la intranet? Un progetto tra IT, HR, Comunicazione, Operations
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, OperationsGiacomo Mason
 

More from Giacomo Mason (20)

Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...
Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...
Casi, tendenze e soluzioni di design dal premio IIC 2022 - Webinar - 18 - [In...
 
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdf
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdfCreare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdf
Creare un video demo della intranet - Webinar - 17 - [IntranetManagement].pdf
 
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...
Intranet tra lavoro superficiale e profondo - Webinar - 16 - [IntranetManagem...
 
Employee_journey_map - Webinar - 14 - [IntranetManagement]
Employee_journey_map - Webinar - 14 - [IntranetManagement]Employee_journey_map - Webinar - 14 - [IntranetManagement]
Employee_journey_map - Webinar - 14 - [IntranetManagement]
 
Intranet tra globale e locale - webinar - [intranet management]
Intranet tra globale e locale  -  webinar - [intranet management]Intranet tra globale e locale  -  webinar - [intranet management]
Intranet tra globale e locale - webinar - [intranet management]
 
Enterprise gamification - webinar - [intranet management]
Enterprise gamification -   webinar - [intranet management]Enterprise gamification -   webinar - [intranet management]
Enterprise gamification - webinar - [intranet management]
 
Intranet e information architecture webinar - [intranet management]
Intranet e information architecture   webinar - [intranet management]Intranet e information architecture   webinar - [intranet management]
Intranet e information architecture webinar - [intranet management]
 
Premiazione intranet italia champions 2020 alcune tendenze - webinar - [int...
Premiazione intranet italia champions 2020   alcune tendenze - webinar - [int...Premiazione intranet italia champions 2020   alcune tendenze - webinar - [int...
Premiazione intranet italia champions 2020 alcune tendenze - webinar - [int...
 
Lo stato delle intranet in italia 2020 webinar - [intranet management]
Lo stato delle intranet in italia 2020   webinar - [intranet management]Lo stato delle intranet in italia 2020   webinar - [intranet management]
Lo stato delle intranet in italia 2020 webinar - [intranet management]
 
Anatomia di una intranet news webinar [intranet management]
Anatomia di una intranet news   webinar [intranet management]Anatomia di una intranet news   webinar [intranet management]
Anatomia di una intranet news webinar [intranet management]
 
Intranet e community, pattern che funzionano - Webinar [Intranet management]
Intranet e community, pattern che funzionano - Webinar [Intranet management]Intranet e community, pattern che funzionano - Webinar [Intranet management]
Intranet e community, pattern che funzionano - Webinar [Intranet management]
 
We will meet again. Il futuro del lavoro - slideshare
We will meet again. Il futuro del lavoro - slideshareWe will meet again. Il futuro del lavoro - slideshare
We will meet again. Il futuro del lavoro - slideshare
 
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...profilo e rubrica, le killer application della intranet - Webinar - [Intranet...
profilo e rubrica, le killer application della intranet - Webinar - [Intranet...
 
Una intranet, molti destinatari - webinar - [intranet management]
Una intranet, molti destinatari -  webinar - [intranet management]Una intranet, molti destinatari -  webinar - [intranet management]
Una intranet, molti destinatari - webinar - [intranet management]
 
Intranet e gamification webinar - [intranet management]
Intranet e gamification   webinar - [intranet management]  Intranet e gamification   webinar - [intranet management]
Intranet e gamification webinar - [intranet management]
 
intranet management - intranet, digital workplace, collaboration, quali diffe...
intranet management - intranet, digital workplace, collaboration, quali diffe...intranet management - intranet, digital workplace, collaboration, quali diffe...
intranet management - intranet, digital workplace, collaboration, quali diffe...
 
Intranet management - creare uno smart working human centered
Intranet management  - creare uno smart working human centeredIntranet management  - creare uno smart working human centered
Intranet management - creare uno smart working human centered
 
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...
[Intranet management] intranet, covid 19 e remote working - che cosa abbiamo ...
 
Progettare per le comunità aziendali
Progettare per le comunità aziendaliProgettare per le comunità aziendali
Progettare per le comunità aziendali
 
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, Operations
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, OperationsDi chi è la intranet? Un progetto tra IT, HR, Comunicazione, Operations
Di chi è la intranet? Un progetto tra IT, HR, Comunicazione, Operations
 

Usabilità dei testi per il web

  • 1. Usabilità dei testi per il web Telecom Italia - confidenziale
  • 2.
  • 3.
  • 4.
  • 5. Principi Generali - Testo scritto e testo digitale - Il supporto è in primo piano Il supporto va sullo sfondo Manipolabile Non manipolabile Non localizzato Localizzato Instabile Stabile Spaziale-pittorico Temporale Legato anche alla grafica Legato solo alla parola Ipertestuale e polivalente Lineare e unico Breve e poco gerarchizzato Lungo e gerarchizzato al suo interno In parte in mano al lettore Totalmente in mano all’autore Totalmente archiviabile Relativamente archiviabile Testo digitale Testo scritto
  • 6. Principi Generali - Progettare testi, progettare interfacce - Interfaccia Testo “ trasparente” Etichette dei Menù Link Strilli cliccabili Pagine indice Articoli Schede tecniche Titoli e sottotitoli Il testo sul web è anche un’interfaccia di azione Diversi tipi di testo si dispongono in modo diverso nell’asse interfaccia/trasparenza Istruzioni per l’interazione
  • 7. l’autore on line Da scrittore di testi a “ sceneggiatore” di ipertesti Da veicolo di informazione ad “attivatore” di dinamiche Da “creatore solitario” a membro di una community Principi Generali - L’autore online -
  • 8. Principi Generali - Un precursore: Michail Bachtin - L’opera, come la replica del dialogo, è orientata verso la risposta dell’altro […] L’opera è un anello nella catena della comunicazione verbale; come la replica di un dialogo, essa è legata ad altra opere-enunciazioni: a quelle a cui essa risponde e a quelle che ad essa rispondono Il problema dei generi del discorso (1978)
  • 9. Attenzione > Interesse Strilli formattazione Stile Contenuti Ipertesti Approfondimenti Divagazioni Link Feed-back Script E-collaboration Community > coinvolgimento > Interazione Principi Generali - I compiti dello scrittore online -
  • 10. Principi Generali - Il continuum tra presentazione e partecipazione - Presentazione Partecipazione Web aziendali Siti istituzionali E-commerce Informazione online Intranet Wiki Blog Applicazioni 2.0 Diversi tipi di sito presentano diversi gradi di partecipazione Un certo grado di partecipazione del lettore è comunque richiesta sempre
  • 11. 1 - Contesto di lettura sul web e vincoli del mezzo 2 - Aspetti di Usability 4 - Aspetti di strutturazione 5 - Aspetti di stile 3 - Aspetti di formattazione Principi Generali - Il testo sul web è una cipolla -
  • 12. Testo “ Paratesto” Testo “ Paratesto” Carta Web Principi Generali - L’inversione del rapporto testo/paratesto -
  • 13.
  • 14. La pagina è una mappa Le informazioni sono viste come in un paesaggio visto dall’alto In questo paesaggio troviamo punti di riferimento : titoli, sottotitoli, Immagini, colori, link, grassetti, testi Il lettore del web - Un lettore particolare -
  • 15. Il lettore del web - Caratteristiche principali della lettura web - L’occhio è attratto dalle discontinuità (spazi, colori...). Si cerca di circoscrivere il contesto (argomento, autore, data, testata, lunghezza documento...) Si cercano i punti di ancoraggio (link, grassetti, foto...) La lettura è molto finalizzata . La lettura è un’azione
  • 16. La lettura “classica”… … e la lettura web Il lettore web è un vero lettore? L’ 80% dei lettori “scorre” la pagina Il lettore del web - Discontinuità: la lettura “a salti” -
  • 17. Il lettore del web - Finalizzazione - Lettura come effetto di una determinata ricerca Processo di attenta selezione del testo da leggere
  • 18. Il lettore del web - Testo/Azione - La lettura “classica”… … e la lettura web Invio una mail - Clicco - Cambio pagina – Commento - Aggiungo al carrello … Leggo
  • 19. Il lettore del web - Perché è importante il “contesto”? - Chiunque può produrre un testo web Il testo sul web non è stabile Il testo non ha confini definiti Il testo non ha fisicità , non si può maneggiare
  • 20. Il lettore del web - Il contesto in ogni pagina: la “prova google” - Chi sono questi? In che parte sono del sito? Chi è l’autore? Che data ha l’articolo?
  • 21. ? Il lettore del web - L’importanza del contesto - Il contesto dovrebbe rispondere alle domande: Cosa (argomento) Chi (autore) Quando (data pagina) Dove (sito o società da cui vengono le info) Quanto (quanto è lunga l’informazione)
  • 22.
  • 23. 1 2 3 4 Gli elementi di paratesto (Titoli sottotitoli, indici di sezione ecc..) precedono la lettura del testo perché servono come elementi discriminanti Il lettore del web - Apparato paratestuale prima del testo -
  • 24. 1 2 3 4 Le immagini e i titoli sono il primo elemento a cui si presta attenzione, indipendentemente dalla loro collocazione nella pagina Le immagini con i visi in maniera ancora più accentuata Il lettore del web - Ancoraggi: alle immagini la priorità -
  • 25. 1 2 3 4 All’interno del testo alcuni elementi vengono percepiti prima di altri: Titoli Sottotitoli Grassettature Link Punti-elenco Rappresentano una specie di “bussola” per il lettore e aiutano a “spezzare” il testo in tanti sottotesti Il lettore del web - Altri elementi di ancoraggio -
  • 26. Il lettore del web - I movimenti oculari sulle home - L’esame dei movimenti dell'occhio sulle home rivela un modello comune Gli occhi fissano più spesso il primo riquadro a sinistra , girando intorno a quella zona prima di andare da sinistra alla destra. Solo dopo la lettura attenta della parte superiore gli occhi esplorano ulteriormente la parte bassa della pagina
  • 27. Il lettore del web - Fattori che orientano il comportamento - Questo schema può essere “ forzato ” introducendo varianti nella pagina e creando dei “ punti caldi ” in altre zone. I fattori che influenzano la lettura: Presenza o meno degli strilli Dimensione dei font Presenza e tipo di immagini Parole particolari e argomenti di grande interesse
  • 28. Il lettore del web - Gli strilli guidano la lettura - Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ viewing.htm Gli “ strilli ” di testo hanno un ruolo determinante nel guidare il percorso dell’occhio La visione va oltre il triangolo della rilevanza “canonico”
  • 29. Il lettore del web - L’effetto della dimensione dei font - Leggibilità “ Scannabilità” Se volete spingere a leggere più a lungo la home, usate font piccoli (10) se volete aiutare un rapido scan delle cose essenziali usate font grandi (12-14). Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ fontsize.htm
  • 30. Il lettore del web - I titoli piccoli incoraggiano lo scrolling verso il basso - I titoli più piccoli incoraggiano un comportamento di lettura più focalizzato (leggere le parole), e più prolungato Con i font grandi le persone guardano solo quello che li cattura sul momento I titoli piccoli spingono di più ad uno scrolling verso il basso Fonte: Poynter Institute - 2004 http://www.poynterextra.org/eyetrack2004/ headlinesize.htm
  • 31. Il lettore del web - L’importanza delle foto - Le foto in basso attirano l’occhio al di sotto del triangolo della rilevanza
  • 32.
  • 33. Usability dei testi - Il testo sul web: necessità di riadattarlo - Sul video la leggibilità si riduce del 25% rispetto alla carta stampata ( Video: 72 dpi - stampa: 300 -1200 dpi) Il testo sul web fa adeguatamente formattato per renderlo usabile e adeguarlo alle caratteristiche del mezzo. Non si può limitarsi a “riversare” in html il testo concepito su altri supporti (carta, slide, word..)
  • 34.
  • 35. Usability dei testi - Una sola colonna colonna - NO SI Il testo è disposto su di una sola colonna, come un “ rotolo ” virtuale
  • 36. Usability dei testi - Larghezza della colonna - Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/ type / lines .html Max 450-500 pixel SI 800 pixel NO
  • 37. Usability dei testi - Un testo troppo “largo” -
  • 38.
  • 39. Usability dei testi - Un testo lungo non “trattato” - 42.000 caratteri Nessun indice Nessun editing ipertestuale E’ un testo per la stampa, non per la lettura su web
  • 40. Usability dei testi - Indici iniziali e “up” per i testi lunghi - Nessuno strumento di navigazione interna Indice cliccabile dei paragrafi all’inizio Bottoni per tornare in alto SI NO
  • 41. Usability dei testi - Impaginazione “a bandiera” - Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/ type / align .html ok
  • 42. Usability dei testi - Effetti imprevisti del giustificato -
  • 43. L’iniziativa vuole massimizzare gli utili e ridurre le spese L’INIZIATIVA VUOLE MASSIMIZZARE GLI UTILI E RIDURRE LE SPESE L’iniziativa vuole massimizzare gli utili e ridurre le spese L’iniziativa vuole massimizzare gli utili e ridurre le spese L’iniziativa vuole massimizzare gli utili e ridurre le spese L’iniziativa vuole massimizzare gli utili e ridurre le spese Usability dei testi - Maiuscolo, corsivo, sottolineature - NO SI NO SI NO SI
  • 44. SI E’ VERIFICATO SPERIMENTALMENTE CHE LA LEGGIBILITÁ DI UN TESTO SCRITTO ESCLUSIVAMENTE IN CARATTERI MAIUSCOLI È MINORE DI QUELLA DI UN TESTO SCRITTO IN CARATTERI MAIUSCOLI E MINUSCOLI Si è verificato sperimentalmente che la leggibilità di un testo scritto esclusivamente in caratteri maiuscoli è minore di quella di un testo scritto in caratteri maiuscoli e minuscoli Usability dei testi - I difetti del maiuscolo - Pattern riconoscibili Conservazione dell’informazione
  • 45. L’uso delle minuscole associa ad ogni parola un “ pattern ” riconoscibile dato dalle ascendenti e dalle discendenti Usability dei testi - Il minuscolo crea un pattern più leggibile - Fonte: Webstyle guide - 2002 http://www.webstyleguide.com/type/case.html
  • 46. Il corsivo si legge male su video perché enfatizza l’effetto “sega” Usability dei testi - Il corsivo aumenta l’effetto “sega” -
  • 47. Fonte: Hill, Scharff - 1997 http://hubel.sfasu.edu/research/AHNCUR.html Indipendentemente dal tipo di font e dal colore, il corsivo aumenta i tempi medi di lettura La leggibilità è data del tempo medio utilizzato da un campione di soggetti per leggere determinati brani di testo (es.: ricerca della prima occorrenza di una fra più parole date nel testo) Usability dei testi - Corsivo: esperimenti sui tempi di lettura -
  • 48. Usability dei testi - Due tipi di font - Carattere con “grazie” Carattere a “bastoni”
  • 49. L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine (times new roman) L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine (arial) L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine (Garamond) L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine (verdana) Usability dei testi - I font migliori (e i peggiori) - NO SI
  • 50. Usability dei testi - Il Times New Roman peggiora la leggibilità -
  • 51. Times Fonte: Bernard et al, 2001 http://psychology.wichita.edu/surl/usabilitynews/3S/font.htm Verdana Arial Usability dei testi - Verifiche sperimentali: percezione degli utilizzatori - N.B. La percezione può non coincidere con i tempi di lettura
  • 52. Usability dei testi - Rapporto testo-sfondo - NO SI NO
  • 53. Usability dei testi - Rapporto testo-sfondo - Nero su bianco Bianco su nero Bianco su Azzurro Blu su bianco Grigio su nero Nero su giallo Fucsia su blu Rosso su verde SI NI NO Nero su grigio Verde su giallo
  • 54. Fonte: Lauren Scharff 1997 http:// hubel.sfasu.edu / research / survreslts .html Usability dei testi - Rapporto testo-sfondo: indagini empiriche -
  • 55. Usability dei testi - Usare pochi colori e dare loro un significato - Gli obiettivi dell’iniziativa L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine NO SI Gli obiettivi dell’iniziativa L’iniziativa vuole massimizzare gli utili e ridurre le spese attraverso una accurata politica di investimenti a medio e lungo termine
  • 56. Usability dei testi - Colori usati in modo giusto e sbagliato - OK No!
  • 57. caratteri di colori lontani sullo spettro vengono messi a fuoco su piani diversi Usability dei testi - Non affiancate colori lontani nello spettro -
  • 58. Esempio di rosso su sfondo blu Non si riesce a mettere a fuoco
  • 59. Usare il colore in modo coerente Usare il colore per associare contenuti simili Usare pochi colori contemporaneamente Usare colori diversi e “strani” solo per richiamare l’attenzione su elementi significativi Tenere conto le associazioni correnti (che variano da cultura a cultura) Usability dei testi - Come usare il colore -
  • 60. Usability dei testi - Niente animazioni nel testo - NO SI