Fondamenti di Informatica

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "Fondamenti di Informatica"

Transcript

1 e usabilità Cazzaniga Paolo Dip. di Scienze Umane e Sociali [email protected]

2 Outline La qualità del Web 1 La qualità del Web 2 3

3 Outline La qualità del Web 1 La qualità del Web 2 3

4 Modelli di qualità di un sito Web Un prodotto del Web viene valutato secondo alcune caratteristiche principali: Grafica Contenuto Autorevolezza Usabilità

5 Modelli di qualità di un sito Web Architettura Struttura Mappa del sito Navigazione Comunicazione Home page Brand image Grafica Funzionalità Adeguatezza Correttezza Contenuto Categorizzazione/labeling Stile Informazione Localizzazione

6 Modelli di qualità di un sito Web Gestione Disponibilità Monitoraggio Aggiornamento Relazioni con gli utenti Tempi di accesso Reperibilità Indipendenza dal browser per i disabili Usabilità Efficacia Efficienza Soddisfazione dell utente I principi di accessibilità sono fondamentali e si riflettono anche su usabilità, contenuto e architettura

7 Valutazione di un sito Web Viene effettuata da un campione di valutatori (esperti e non) Viene definita una scala di valutazione Diversi pesi in base alla tipologia di sito Web Diverse scale e normalizzazione dei valori

8 Risultati della valutazione Visualizzazione e confronto dei risultati della valutazione di siti Web: diagrammi di Kiviat

9 Risultati della valutazione Visualizzazione della dispersione dei dati: grafici a barre

10 Outline La qualità del Web 1 La qualità del Web 2 3

11 Usabilità Secondo l ISO l usabilità è il grado in cui un prodotto può essere usato dai suoi utenti per raggiungere certi obiettivi con efficacia, efficienza e soddisfazione in uno specifico contesto d uso. Curva di apprendimento Semplicità di memorizzazione Efficienza Errori Soddisfazione Il concetto di usabilità si riferisce allo scopo finale per cui un prodotto è stato disegnato, mentre l esperienza d uso alla soddisfazione generale derivata dall utilizzo del prodotto stesso

12 Si seguono diversi principi a seconda degli obiettivi del sito Web, ma l utente è sempre al centro interfaccia trasparente (no ridondanza, popup, messaggi di notifica) breadcrumbs, l utente deve sempre sapere dove si trova feedback per comunicare all utente ciò che il sistema sta facendo minimizzare gli errori istruzioni chiare e non ambigue controlli durante la compilazione di form annullamento delle operazioni Usabilità fondata su teorie cognitive: ridurre il carico di memoria

13 Valutazione dell usabilità del Web Modelli di sviluppo iterativi per migliorare l usabilità Visibilità dello stato del sistema Corrispondenza tra sistema e mondo reale Controllo e libertà dell utente Consistenza e standard Prevenzione dell errore Riconoscimento anziché ricordo Flessibilità d uso Estetica e design minimalisti Supporto all utente Help e documentazione

14 Valutazione dell usabilità del Web Valutazioni da parte di non esperti del settore Lista di task da eseguire Think aloud mentre vengono svolti i task Uso di log (es. Google Analytics) Oculometria (es. eyetracking e heatmap) Invenzione di personaggi fittizi

15 Outline La qualità del Web 1 La qualità del Web 2 3

16 Il termine accessibilità si riferisce in senso lato alla facilità di accesso e fruizione del mondo circostante da parte del maggior numero possibile di individui, senza discriminazioni Eliminazione delle barriere che ostacolano l accesso o l utilizzo delle tecnologie del Web formale (durante lo sviluppo) contenutistica (in fase di inserimento dei contenuti: testo, immagini, ecc.) non significa usabilità

17 Standard e Leggi La qualità del Web Rendere il Web accessibile a tutti, indipendentemente dalla presenza di disabilità Web Accessibility Initiative Fornire alternative equivalenti per il contenuto visivo e audio Non fare affidamento unicamente sul colore Usare marcatori e fogli di stile e farlo in maniera appropriata Rendere chiaro mediante il markup l uso del linguaggio naturale Creare tabelle che si trasformino in maniera elegante Garantire che le pagine che utilizzano le tecnologie più recenti si trasformino in maniera elegante Garantire all utente il controllo dei mutamenti di contenuto dipendenti dal tempo

18 Standard e Leggi La qualità del Web Web Accessibility Initiative Garantire l accessibilità diretta delle Interfacce Utente Incorporate Progettare per garantire l indipendenza dal dispositivo Usare soluzioni temporanee Usare le tecnologie e le linee guida del W3C Fornire informazioni di contesto e orientamento Fornire meccanismi di navigazione chiari Garantire che i documenti siano chiari e semplici Legge Stanca disposizioni per favorire l accesso agli strumenti informatici da parte di disabili per pubbliche amministrazioni e privati concessionari di servizi pubblici

19 : linee guida Utilizzo di canali multisensoriali Livello cromatico ( contrasto elevato evitare schemi cromatici difficilmente leggibili da daltonici usare sfondi monocromatici Livello testuale font semplici e leggibili, dimensione ragionevole interlinea sufficiente allineamento a sinistra evitare immagini con testo evitare testi lampeggianti e in movimento

20 : linee guida per non vedenti seguire gli standard di formattazione delle pagine uso di tag per permettere agli screen reader di leggere in sequenza i contenuti usare il testo alternativo per le immagini collegamenti ipertestuali informativi Disabilità motorie scorciatoie da tastiera comandi vocali Disabilità uditive produrre sottotitoli per i contenuti video trascrizioni dei contenuti audio

21 Valutazione dell accessibilità Pagine che rispettano criteri di accessibilità migliorano il proprio PageRank Valutazione utilizzando strumenti automatici W3C Validator Esempio di sito Consigli per rendere la navigazione accessibile

La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ. Web: Modello di Qualità (Polillo) Web: Modello di Qualità. Qualità: Visualizzazione

La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ. Web: Modello di Qualità (Polillo) Web: Modello di Qualità. Qualità: Visualizzazione La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ Informatica Generale (AA 0-5) Web: Modello di Qualità Web: Modello di Qualità (Polillo) caratteristiche principali grafica autorevolezza accessibilità

Dettagli

Usabilità e accessibilità. Bibliografia:

Usabilità e accessibilità. Bibliografia: Usabilità e accessibilità Bibliografia: Metodi ispettivi: euristiche di Nielsen 1. Visibilità dello stato di sistema: l utente sa cosa sta accadendo e ha feedback continui 2. Accordo tra sistema e mondo

Dettagli

Accessibilità & Tecnologie Assistive. Barbara Leporini ISTI CNR, Pisa

Accessibilità & Tecnologie Assistive. Barbara Leporini ISTI CNR, Pisa Accessibilità & Tecnologie Assistive Barbara Leporini ISTI CNR, Pisa Sommario Introduzione accessibilità e usabilità Tecnologie assistive, alcuni cenni Legge n. 4 del 9 gennaio 2004 Normativa di riferimento

Dettagli

Formare documenti accessibili a tutti

Formare documenti accessibili a tutti Formare documenti accessibili a tutti L accessibilità dei contenuti e dei documenti sul web Gianluca Affinito Requisiti tecnici di accessibilità Normativa italiana e raccomandazioni internazionali maggio

Dettagli

Sommario. Nozioni di base su HTML

Sommario. Nozioni di base su HTML Sommario Parte 1 Ringraziamenti.................................................... xiii Introduzione...................................................... xvi Che cos'è HTML?.................................................

Dettagli

CURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO

CURRICOLO DIPARTIMENTO INFORMATICA PRIMO BIENNIO dei limiti nel contesto culturale e sociale in cui vengono applicate CURRICOLO PARTIMENTO INFORMATICA PRIMO BIENNIO MODULO 1 Concetti di base della tecnologia dell informazione Acquisire e interpretare

Dettagli

Disabilità cognitive. Maria Claudia Buzzi, Marina Buzzi, Susanna Pelagatti. Pisa, Tecnologie assistive per la didattica Informatica Umanistica

Disabilità cognitive. Maria Claudia Buzzi, Marina Buzzi, Susanna Pelagatti. Pisa, Tecnologie assistive per la didattica Informatica Umanistica Disabilità cognitive Maria Claudia Buzzi, Marina Buzzi, Susanna Pelagatti Human-computer interaction progettazione e sviluppo di sistemi interattivi usabili, affidabili, che supportino e facilitino le

Dettagli

IL SITO WEB. Concetti generali

IL SITO WEB. Concetti generali IL SITO WEB Concetti generali CONCETTI GENERALI Il sito Internet è un insieme di pagine web legate tra loro che si riferiscono allo stesso utente. TIPOLOGIE SITI INTERNET Possono essere: STATICI, consentono

Dettagli

Dichiarazione accessibilità

Dichiarazione accessibilità Dichiarazione accessibilità Informazioni generali Il sito è stato sviluppato da 5T in collaborazione con Vobis Media. Il sito è stato realizzato seguendo i principi delineati nella legge 4/2004. In particolare

Dettagli

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a.

Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog. Marco Torciani. (Seconda lezione) Unitre Pavia a.a. Navigare in Internet Laboratorio di approfondimento la creazione di siti web e/o blog (Seconda lezione) Unitre Pavia a.a. 2014-2015 27/01/2015 dott. 1 In informatica l'hypertext Markup Language (HTML)

Dettagli

Documenti accessibili

Documenti accessibili Documenti accessibili Produzione e pubblicazione di un PDF Alessio Mantegna [email protected] 1 Allegato A DM 8 luglio 2005 Verifica del formato e contenuto dei documenti Il formato digitale

Dettagli

ACCESSIBILITA : UNA DEFINIZIONE

ACCESSIBILITA : UNA DEFINIZIONE ACCESSIBILITA : UNA DEFINIZIONE Capacità dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni

Dettagli

L organizzazione dei documenti nei sistemi multimediali

L organizzazione dei documenti nei sistemi multimediali L organizzazione dei documenti nei sistemi multimediali Ornella Nicotra A.A. 2000-2001 Modulo europeo Action Jean Monnet Scuola Speciale per Archivisti e Bibliotecari Universita degli Studi di Roma La

Dettagli

Sommario Prefazione xiii Modulo 1 Concetti di basedell ICT

Sommario Prefazione xiii Modulo 1 Concetti di basedell ICT Sommario Prefazione xiii Modulo 1 Concetti di basedell ICT 1 1.1 Fondamenti 3 Algoritmi... 3 Diagramma di flusso... 4 Progettare algoritmi non numerici... 5 Progettare algoritmi numerici... 6 Rappresentazione

Dettagli

In questa pagina puoi trovare una panoramica sulle funzioni di accessibilità del portale.

In questa pagina puoi trovare una panoramica sulle funzioni di accessibilità del portale. Questo sito, per quanto possibile, è conforme alle raccomandazioni W3C in materia di accessibilità ed è compatibile con i più diffusi dispositivi e software dedicati ai portatori di handicap. Per avere

Dettagli

Guida pratica per la creazione di un documento Word accessibile Sommario

Guida pratica per la creazione di un documento Word accessibile Sommario Guida pratica per la creazione di un documento Word accessibile Sommario Introduzione... 2 Proprietà... 2 Stili e formattazione... 2 Creazione di un sommario... 3 Collegamenti ipertestuali... 3 Colori...

Dettagli

Sommario. 1 Introduzione a SharePoint Designer 1

Sommario. 1 Introduzione a SharePoint Designer 1 Sommario Informazioni per chi utilizza Windows XP.................................xi Gestione dei file di esercitazione......................................xi Utilizzo del menu Start.............................................

Dettagli

Progetto percorso per tutti : superare la disabilità visiva per la conoscenza percettiva della Cittadella di Alessandria

Progetto percorso per tutti : superare la disabilità visiva per la conoscenza percettiva della Cittadella di Alessandria ARCH. MANTELLO M. IRENA Via Trotti, 58 15121 Alessandria tel. e fax. 0131 52773 335-8391793 [email protected] Progetto percorso per tutti : superare la disabilità visiva per la conoscenza percettiva della

Dettagli

Modulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8

Modulo 1 Information Communication Technology. ICT e computer... Pag. 6 Classificazione dei computer...» 8 I Indice generale 1 Introduzione all ICT Modulo 1 Information Communication Technology ICT e computer... Pag. 6 Classificazione dei computer...» 8 2 Come è fatto un computer I componenti di un personal

Dettagli

PROGRAMMAZIONE MODULARE DI INFORMATICA E LABORATORIO CLASSE PRIMA INDIRIZZO SERVIZI COMMERCIALI SEZIONE PROFESSIONALE

PROGRAMMAZIONE MODULARE DI INFORMATICA E LABORATORIO CLASSE PRIMA INDIRIZZO SERVIZI COMMERCIALI SEZIONE PROFESSIONALE PROGRAMMAZIONE MODULARE DI INFORMATICA E LABORATORIO CLASSE PRIMA INDIRIZZO SERVIZI COMMERCIALI SEZIONE PROFESSIONALE Modulo 1 - CONCETTI DI BASE DELLA TECNOLOGIA INFORMATICA Sistemi informatici, architettura

Dettagli

PROGRAMMA DEL CORSO MICROSOFT OFFICE - BASE

PROGRAMMA DEL CORSO MICROSOFT OFFICE - BASE PROGRAMMA DEL CORSO MICROSOFT OFFICE - BASE Il programma del corso Office Base è costituito da 6 moduli (Word, Excel, PowerPoint, Access, Internet e Posta elettronica, Reti e sistemi operativi) di cui

Dettagli

POLO INFORMATICO PER LA DISABILITA

POLO INFORMATICO PER LA DISABILITA CORSO N. 1 TITOLO Programma Modalità di COSTRUZIONE DI PERCORSI DIDATTICI PER ALUNNI CON DIFFICOLTÀ DI APPRENDIMENTO I livello Docenti di scuola primaria, scuola secondaria di primo e secondo grado, insegnanti

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0

EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Pagina I EUROPEAN COMPUTER DRIVING LICENCE SYLLABUS VERSIONE 5.0 Modulo 4 Foglio elettronico Il seguente Syllabus è relativo al Modulo 4, Foglio elettronico, e fornisce i fondamenti per il test di tipo

Dettagli

Modulo III - Creazione di documenti, presentazioni e report

Modulo III - Creazione di documenti, presentazioni e report Modulo III - Creazione di documenti, presentazioni e report Elisabetta Ronchieri Università di Ferrara Dipartimento di Economia e Management e-mail: [email protected] 1 Dicembre 2016 Elisabetta

Dettagli

Sommario. 1. Internet subito Le FAQ di Internet 13. Sommario vii

Sommario. 1. Internet subito Le FAQ di Internet 13. Sommario vii Sommario 1. Internet subito 1 Internet e il web 2 Alla scoperta della finestra di Internet Explorer 3 Ricercare sul Web 4 Usare schede e finestre 6 Scaricare Windows Live 7 Conoscere la posta elettronica

Dettagli

Obiettivi di accessibilità

Obiettivi di accessibilità Centro le per l Istruzione degli Adulti ex Palazzo Cnos via dei Salesiani, n. 2 73100 LEMM31000R Obiettivi di accessibilità per l anno 2016 Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18

Dettagli

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5

PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 PROGRAMMA DEL CORSO ADOBE DREAMWEAVER CS5 Unità didattica 1 - Architettura di pagina statica HTML Dimostrazione 1-1: Visualizzazione del sito Unità didattica 2 - Prime operazioni Introduzione a Dreamweaver

Dettagli

Manuale di Identità. Elementi Base

Manuale di Identità. Elementi Base Manuale di Identità Elementi Base Il Marchio/Logo Il Marchio/Logo iren è l elemento base del sistema di identità visiva ed è costituito dal simbolo grafico (A) e dalla scritta iren. Manuale di Identità

Dettagli

UTEAP Università della Terza Età e del tempo libero di Ascoli Piceno

UTEAP Università della Terza Età e del tempo libero di Ascoli Piceno Disciplina: INFORMATICA E MULTIMEDIALITA Giorno di lezione: LUNEDI 1 Livello dalle ore 15,30 alle ore 17,00 Docente: Sandro CITERONI 2 Livello dalle ore 17,15 alle ore 18,45 DATA CALENDARIO DELLE LEZIONI

Dettagli

M. Editoria elettronica

M. Editoria elettronica M. Editoria elettronica Indice Premessa 01 Testata per pagina web formato 800x600 pixel 02 Testata per pagina web formato 1024x768 pixel 03 Esempio di Home page formato 800x600 pixel 04 Esempio di pagina

Dettagli

ISTITUTO TECNICO INDUSTRIALE ITI "E. MEDI" PIANO DI STUDIO DELLA DISCIPLINA Scienze e Tecnologie Applicate: indirizzo INFORMATICA PIANO DELLE UDA

ISTITUTO TECNICO INDUSTRIALE ITI E. MEDI PIANO DI STUDIO DELLA DISCIPLINA Scienze e Tecnologie Applicate: indirizzo INFORMATICA PIANO DELLE UDA ISTITUTO TECNICO INDUSTRIALE ITI "E. MEDI" PIANO DI STUDIO DELLA DISCIPLINA Scienze e Tecnologie Applicate: indirizzo INFORMATICA PIANO DELLE UDA UDA COMPETENZE della UDA ABILITA UDA CONOSCENZE UDA DISCIPLINA

Dettagli

L'importanza dell'usabilità per i siti Web della PA: rischi e strumenti a supporto della valutazione

L'importanza dell'usabilità per i siti Web della PA: rischi e strumenti a supporto della valutazione L'importanza dell'usabilità per i siti Web della PA: rischi e strumenti a supporto della valutazione Giuseppe Desolda IVU Lab, Dipartimento di Informatica, Università degli Studi di Bari Aldo Moro L importanza

Dettagli

Istruzioni per la modifica del template di profilo personale

Istruzioni per la modifica del template di profilo personale Istruzioni per la modifica del template di profilo personale per qualsiasi informazione: [email protected] Breve presentazione del progetto Il template fornito per la nuova proposta di profilo

Dettagli