SlideShare une entreprise Scribd logo
1  sur  19
HTML + CSS Usabilità e accessibilità dei siti web. LEZIONE 4 1/19
I siti web sono degliIPERTESTI, ovvero dei documenti di testo non lineari che consentono a chi legge di scegliere quale percorso di lettura seguire 2/19
Negli ipertesti le pagine sono collegate tra loro secondo associazioni di idee diverse, tramite link ipertestuali, e il lettore decide liberamente quali link seguire 3/19
Per questi motivi, la struttura ipertestuale, il sistema di navigazione e la veste grafica di un sito web sono fondamentali 4/19
Questi tre elementi costituisconol’INTERFACCIA di un sito web, ovvero l’insieme delle sue componenti che entrano in relazione con l’utente 5/19
Non tutti i link sono uguali: ,[object Object]
 Link topici (stessi argomenti, approfondimento)
 Link associativi (argomenti correlati)6/19
Architettura dell’informazionedefinisce la struttura dei contenuti e delle funzionalità di un sistema informatico ,[object Object]
 Etichetta i contenuti
 Definisce il sistema di navigazione
 Definisce i sistemi di ricerca7/19
Un sito web deve essere USABILE e ACCESSIBILE 8/19
L’usabilità di un prodotto secondo la norma ISO 9241:l’efficacia, l’efficienza e la soddisfazione con le quali può essere usato da determinati utenti per raggiungere determinati obiettivi in determinati contesti 9/19
In particolare: ,[object Object]
 Efficace (accuratezza e completezza)
 Efficienza (economicità, rapidità)
 Facilità di apprendimento e di ricordo
 Prevenzione degli errori

Contenu connexe

Similaire à Html + CSS - Lezione 4

Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Roberto Polillo
 
Web 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneWeb 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneMassimiliano Navacchia
 
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
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bisLucia Bertini
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)Giuseppe Vizzari
 
Accessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICTAccessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICTRoberto Scano
 
TYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazioneTYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazioneRino Razzi
 
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
 
Nuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webNuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webGianluca Affinito
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebAlberto Rota
 
Progettazione Web PA
Progettazione Web PAProgettazione Web PA
Progettazione Web PAviviana cozi
 
Comunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica AmministrazioneComunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica AmministrazioneAlberto Ardizzone
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18Giuseppe Vizzari
 

Similaire à Html + CSS - Lezione 4 (20)

Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)Laboratorio internet: 5. Requisiti (parte III)
Laboratorio internet: 5. Requisiti (parte III)
 
Web 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazioneWeb 2.0, motori di ricerca e partecipazione
Web 2.0, motori di ricerca e partecipazione
 
Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web. Criteri di valutazione dei siti web.
Criteri di valutazione dei siti web.
 
Introduzione al corso accesso
Introduzione al corso accessoIntroduzione al corso accesso
Introduzione al corso accesso
 
Criterivalutazione2012bis
Criterivalutazione2012bisCriterivalutazione2012bis
Criterivalutazione2012bis
 
3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)3 - Introduzione a Internet (2/2)
3 - Introduzione a Internet (2/2)
 
Architettura web
Architettura webArchitettura web
Architettura web
 
Accessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICTAccessibilità: i nuovi obblighi per gli acquisti ICT
Accessibilità: i nuovi obblighi per gli acquisti ICT
 
Lezione 07/2006
Lezione 07/2006Lezione 07/2006
Lezione 07/2006
 
TYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazioneTYPO3 per la pubblica amministrazione
TYPO3 per la pubblica amministrazione
 
Ricercare nel web
Ricercare nel webRicercare nel web
Ricercare nel web
 
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​ ​
 
Nuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti webNuovi requisiti per l'accessibilità dei siti web
Nuovi requisiti per l'accessibilità dei siti web
 
Un'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti WebUn'Introduzione all'Accessibilità dei Contenuti Web
Un'Introduzione all'Accessibilità dei Contenuti Web
 
Progettazione Web PA
Progettazione Web PAProgettazione Web PA
Progettazione Web PA
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 
Elementi base per conoscere Internet
Elementi base per conoscere InternetElementi base per conoscere Internet
Elementi base per conoscere Internet
 
Esercizio1
Esercizio1Esercizio1
Esercizio1
 
Comunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica AmministrazioneComunicazione digitale a norma nella Pubblica Amministrazione
Comunicazione digitale a norma nella Pubblica Amministrazione
 
7 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/187 - Ricercare nel web - 17/18
7 - Ricercare nel web - 17/18
 

Plus de Vincenzo Caico

HTML + CSS - Lezione 3
HTML + CSS - Lezione 3HTML + CSS - Lezione 3
HTML + CSS - Lezione 3Vincenzo Caico
 
Html + CSS - Lezione 2
Html + CSS - Lezione 2Html + CSS - Lezione 2
Html + CSS - Lezione 2Vincenzo Caico
 
HTML + CSS - Lezione 1
HTML + CSS - Lezione 1HTML + CSS - Lezione 1
HTML + CSS - Lezione 1Vincenzo Caico
 
10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazioneVincenzo Caico
 
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) cittàAlcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) cittàVincenzo Caico
 

Plus de Vincenzo Caico (8)

Grafica bitmap
Grafica bitmapGrafica bitmap
Grafica bitmap
 
HTML + CSS - Lezione 3
HTML + CSS - Lezione 3HTML + CSS - Lezione 3
HTML + CSS - Lezione 3
 
Html + CSS - Lezione 2
Html + CSS - Lezione 2Html + CSS - Lezione 2
Html + CSS - Lezione 2
 
HTML + CSS - Lezione 1
HTML + CSS - Lezione 1HTML + CSS - Lezione 1
HTML + CSS - Lezione 1
 
Il linguaggio HTML
Il linguaggio HTMLIl linguaggio HTML
Il linguaggio HTML
 
10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione10 consigli utili per una buona presentazione
10 consigli utili per una buona presentazione
 
Care_Cassandre Promo
Care_Cassandre PromoCare_Cassandre Promo
Care_Cassandre Promo
 
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) cittàAlcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
Alcamo.it e Gorizia Oggi: quando il blog urbano arriva in (due diverse) città
 

Dernier

XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaStefano Lariccia
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxlorenzodemidio01
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxlorenzodemidio01
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaStefano Lariccia
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxlorenzodemidio01
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxlorenzodemidio01
 

Dernier (6)

XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
 
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptxLorenzo D'Emidio_Vita e opere di Aristotele.pptx
Lorenzo D'Emidio_Vita e opere di Aristotele.pptx
 
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptxLorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
Lorenzo D'Emidio- Lavoro sulla Bioarchittetura.pptx
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
 
Lorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptxLorenzo D'Emidio_Francesco Petrarca.pptx
Lorenzo D'Emidio_Francesco Petrarca.pptx
 
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptxLorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
Lorenzo D'Emidio_Vita di Cristoforo Colombo.pptx
 

Html + CSS - Lezione 4