Ingegneria del Software Interattivo. - La qualità dei siti web- Un modello di qualità. Parte sesta: I siti web

Transcript

1 Parte sesta: I siti web Ingegneria del Software Interattivo - La qualità dei siti web- Docente: Daniela Fogli 1. I siti web Nel Contesto Riferimenti: Brajnik, Umano G., Toppano, E. Creare siti web multimediali, Pearson, 2007 Polillo R., Il check-up dei siti Web, Apogeo, 2004Calcolatore Polillo R., Plasmare il Web - Road map per siti di qualità, Apogeo, La qualità dei siti web 3. L accessibilità Processo di Sviluppo 2 Un modello di qualità Esempio: un modello di qualità per alberghi Insieme di caratteristiche, sottocaratteristiche e rispettive relazioni, che fornisce la base per specificare requisiti di qualità e valutare la qualità di un prodotto o servizio Caratteristiche Sottocaratteristiche 1 Camere comfort, dimensioni, eleganza, pulizia 2 Spazi comuni comfort, dimensioni, eleganza, pulizia 3 Servizio reception, servizi in camera, cortesia del personale 4 Ristoranti qualità del cibo, ambiente, servizio, varietà del cibo 5 Piscina comfort, dimensioni, ambiente, attrezzature, pulizia Un modello di qualità è sempre, in una certa misura, arbitrario 6 Spiaggia vicinanza, privata/pubblica, attrezzature, paesaggio 7 Dintorni possibilità di escursioni, vicinanza a un centro abitato 8 Impianti sportivi tennis, golf, fitness, altri 9 Bambini nursery, zone riservate 3 4

2 La qualità dei siti Ulteriori problemi Realizzare siti di buona qualità è difficile; infatti, bisogna tenere sotto controllo molti aspetti di natura diversa: - comunicazione - contenuto - tecnologia - organizzazione E indispensabile un approccio multidisciplinare e sistematico 5 La tecnologia è complessa, ed evolve continuamente: le possibilità aumentano Queste possibilità suggeriscono nuove modalità operative, e le nuove modalità operative suggeriscono ulteriori evoluzioni tecnologiche Nuovi modelli di business vengono ideati, sperimentati e modificati continuamente Tecnologia, modalità operative e modelli di business evolvono in modo estremamente rapido Ne segue che il ciclo di evoluzione delle applicazioni web non seguono i canoni tradizionali... 6 Evolutionary delivery Evolutionary delivery Qualità interna/esterna/in uso modifiche Il tempo fra un rilascio e il successivo tende ad accorciarsi QUALITÀ INTERNA influenza dipende da QUALITÀ ESTERNA influenza dipende da QUALITÀ IN USO tempo requisiti di qualità interna requisiti di qualità esterna necessità dell utente nel contesto d uso 7 A noi interessano queste, sono qualità percepite dagli utenti 8

3 Un modello di qualità per i siti web Una selezione delle caratteristiche che fanno di un sito web un buon sito Scopi: valutare un sito orientarci nella sua realizzazione Individuare poche caratteristiche, per potersi concentrare sugli aspetti più importanti 9 La qualità di un sito Non può essere una grandezza assoluta, ma deve essere relativa a: -lo scopo del sito -la tipologia di utenti a cui si indirizza -il suo contesto d uso Noi useremo un modello basato su 7 caratteristiche, derivate dal modello di produzione e gestione di un sito 10 Le caratteristiche di qualità del modello Nuove dimensioni dell usabilità Obiettivi Architettura Comunicazione Usabilità Accessibilità Funzionalità Contenuto Possibilità di accedere al sito in presenza di impedimenti di vario tipo (e.g. tecnologici, fisiologici, cognitivi, culturali) Accessibilità Il sito è di facile accesso per tutti? Architettura La struttura e la navigazione del sito sono adeguate? Comunicazione Il sito raggiunge i suoi obiettivi di comunicazione? Strategia e fattibilità Web design & user experience Visual design Sviluppo del software dei contenuti Esercizio del sito dei server Connettività internet Garantisce corretto funzionamento del sito durante il tempo in cui deve essere attivo. Non dipende solo dall organizzazione cui appartiene l utente L operatività del sito è ben gestita? Usabilità Il sito è facile da usare? Funzionalità Le funzioni del sito sono adeguate e corrette? 1 2 Web designer 3 Visual designer 4 System integrator 5 Content editor 6 Web master 7 Web farm Da Polillo R., il check-up dei siti Web, Apogeo, Milano Internet Service Provider 11 Contenuto Il contenuto informativo è corretto, e adeguato agli scopi del sito? Da Polillo R., il check-up dei siti Web, Apogeo, Milano

4 La metrica da utilizzare Per ogni caratteristica: si stabiliscono a priori le scale di valutazione (almeno semantico differenziali o di valutazione a punti) Accessibilità Sintesi grafiche Usabilità 4 3,5 3 2,5 2 1,5 Architettura 1 Si danno voti tenendo conto di come si misurano le diverse caratteristiche 0,5 0 Comunicazione In pratica: ciascuna verrà analizzata e valutata in termini più specifici sulla base di un certo numero di sottocaratteristiche L esperienza mostra che, con una ventina di sottocaratteristiche (complessivamente 3-4 per ogni caratteristica) si possono Funzionalità tenere sotto controllo i principali aspetti della qualità di un sito Da Polillo R., il check-up dei siti Web, Apogeo, Milano Contenuto Facilitano il confronto Usabilità 4 3,5 Il modello di qualità per i siti web: analisi delle caratteristiche del modello Architettura La struttura e la navigazione del sito sono adeguate? Accessibilità 3 2,5 2 1,5 1 0,5 Architettura Accessibilità Il sito è di facile accesso per tutti? Comunicazione Il sito raggiunge i suoi obiettivi di comunicazione? 0 Comunicazione Usabilità Il sito è facile da usare? L operatività del sito è ben gestita? Funzionalità Le funzioni del sito sono adeguate e corrette? Contenuto Funzionalità Da Polillo R., il check-up dei siti Web, Apogeo, Milano Contenuto Il contenuto informativo è corretto, e adeguato agli scopi del sito? 16

5 1. Architettura Organizzazione del sito nelle sue parti costitutive (pagine) Struttura del sito E molto utile rappresentare la struttura del sito con un diagramma ad albero, e quindi valutarne la adeguatezza La struttura e la navigazione sono adeguate? HOME Struttura: La struttura del sito è adeguata? A B C D E 1 livello Mappa del sito: La mappa del sito esiste e ne rappresenta con chiarezza la struttura? A1 A2 D1 D2 D3 2 livello Navigazione: La navigazione del sito è adeguata? A2.1 A2.2 A2.3 3 livello Mappa del sito Vari tipi di navigazione HOME A B C D E A1 A2 D1 D2 D3 A2.1 A2.2 A2.3 navigazione orizzontale navigazione trasversale Ma questa si sviluppa su più schermate: è scomoda navigazione verticale 19 I percorsi NON canonici si ottengono introducendo link aggiuntivi 20

6 Una struttura di navigazione tipica HOME Esempio A B C D E A1 D A2 D1 D2 D3 navigazione globale A2.1 A2.2 A2.3 A B C D E navigazione locale D1 D2 D3 pagina D1 contenuti della pagina Il ruolo dei sistemi di navigazione Una variante: navigazione globale a tab (metafora dello schedario) Dove posso andare? A B C D E Navigazione globale Dove posso andare? Dove posso andare? Navigazione locale Navigazione contestuale Navigazione Dove sono? e con navigazione locale I tre sistemi di navigazione se utilizzati bene e in modo integrato costituiscono al contempo un apparato di navigazione Cosa c è vicino? Cosa è relativo a cosa? A B C D E D1 D2 D3 pagina D1 A B C D E pagina D1 Orientamento D3 e orientamento D1 D2

7 Un difetto tipico: duplicazione degli accessi a una stessa pagina Orientamento: breadcrumb La trappola della pagina invisibile Evitare le redirezioni di link, che impediscono al tasto back di funzionare come l utente si attende 1 2 A B C 2. Comunicazione Il sito raggiunge i suoi obiettivi di comunicazione? La home page comunica chiaramente gli obiettivi del sito? Il sito è coerente con la brand image? (sensazioni evocate da un brand - marca, nome di prodotto etc.) La grafica del sito è adeguata? Indietro 27 28

8 Home page: i payoff (o tag-line ) Sono frasi che caratterizzano sinteticamente lo scopo del sito Sono quasi sempre accostate al logo Spesso sono accompagnate da una descrizione più estesa dello scopo del sito titolo slogan frase esplicativa Che cos è un brand? Una miscela di attributi tangibili e intangibili, simbolizzata in un marchio, che, se gestita correttamente, crea influenza e genera valore (da: R.Clifton, E.Maughan (a cura di), The future of brands, Interbrand, MacMillan, 2000) La grafica del sito è adeguata? Il layout delle pagine è adeguato ai formati video? (Layout) Il layout delle pagine facilita la comprensione dei contenuti? (Gestalt) Il colore è utilizzato in modo adeguato? (Colore) I caratteri rendono il testo ben leggibile? (Tipografia) La grafica è attraente? (Attrattiva) 31 32

9 Colori: quanti? Tipografia Attrattiva: vi piace? (tranquilli è cambiato) 3. Funzionalità 35 Le funzionalità sono adeguate agli scopi del sito? (Adeguatezza) Le funzioni per effetture le transazioni sono adeguate? (e.g. privacy) (Transazioni) Il trattamento degli errori è adeguato? ( errori) Gli strumenti di ricerca delle informazioni sono adeguati? (Ricerca) E possibile comunicare con chi gestisce il sito? (Comunicazione) Il sito funziona correttamente? (Correttezza) Si verificano malfunzionamenti durante l uso? Sono riproducibili? I messaggi prodotti sono comprensibili? 36

10 Funzioni incomplete o mancanti: esempi Non riuscire a comprare via Internet un regalo a un amico (dati del destinatario diversi da quelli della carta di credito) Non riuscire a prenotare un albergo perchè non c è alcuna indicazione della zona della città in cui è situato Non riuscire a comunicare un cambio di indirizzo senza che il sito perda le informazioni che ha accumulato su di me Contenuto Il contenuto informativo del sito è adeguato ai suoi scopi? L informazione è classificata in modo adeguato? (Categorizzazione/Labelling) Lo stile del testo è adeguato al web? (Stile) Strutturazione testo (principio della piramide invertita) I link, il linguaggio usato sono non ambigui? L informazione è adeguata, pertinente, affidabile e aggiornata? (Informazione) Il sito è correttamente localizzato? (Localizzazione) Le traduzioni sono corrette e accurate? I contenuti che richiedono localizzazione sono trattati correttamente? La scelta della lingua è visibile? 38 Esempio di categorizzazione: La metafora degli eventi della vita La Direttiva del 18 Dicembre 2003 (Linee guida in materia di digitalizzazione dell amministrazione per l anno 2004) del Ministero per l Innovazione e le Tecnologie stabilisce che entro il 2005 tutti i siti della pubblica amministrazione forniscano almeno una navigazione per eventi della vita Il ministero ha formulato un albero degli eventi della vita a cui si devono attenere tutti gli enti 39 40

11 La piramide invertita SINTESI DETTAGLIO 1 2 Esempio di pagina localizzata MATERIALE AGGIUNTIVO Pagine mancanti o in costruzione L operatività del sito è ben gestita? Il sito è sempre attivo e disponibile? (Disponibilità) Durata media interruzioni accettabile? L informativa agli utenti è adeguata in caso di indisponibilità? L uso del sito è adeguatamente monitorato? (Monitoraggio) Vengono periodicamente elaborati i log del sito? Il sito viene costantemente aggiornato e migliorato? (Aggiornamento) Presenta evidenti indizi di aggiornamenti recenti? Numero di link spezzati accettabile? Le relazioni con gli utenti sono adeguadamente presidiate? (Relazioni con gli utenti) Risposte alle richieste degli utenti tempestive, pertinenti, adeguate, ma anche La presenza di pagine in costruzione, anche se correttamente segnalate, comunica all utente una impressione di provvisorietà e di scarsa professionalità, e va assolutamente evitata. cortesi, personalizzate 43 44

12 6. Accessibilità Il sito è facilmente accessibile? Le prestazioni di accesso sono sempre adeguate? Il sito è facilmente raggiungibile tramite i più comuni motori di ricerca? E adeguatamente referenziato da altri siti? L URL si ricorda facilmente? Il sito è indipendente dal browser usato? E accessibile a utenti disabili? E conforme alle leggi in vigore? E conforme alle linee guida del WAI? 45 Fattori che influenzano le prestazioni di accesso Ampiezza di banda del collegamento internet dell utente Caratteristiche del fornitore di accesso dell utente Itinerario e condizioni del traffico sulla rete Caratteristiche del fornitore di accesso del sito Ampiezza di banda del collegamento internet del sito Prestazioni dei server che ospitano il sito Internet Utente Fornitore di accesso dell utente Fornitore di accesso del sito Web Server dimensione delle pagine del sito 46 Disabilità: alcuni numeri 7. Usabilità Almeno il 10% della popolazione mondiale è disabile Nell Unione Europea, almeno 37 milioni di cittadini sono disabili, e il 70% ha un età superiore ai 70 anni In Italia, i disabili sono oltre , pari a circa il 5% della popolazione. Di questi, il 75% ha almeno 65 anni (Fonte: Istat) Il sito è facile da capire, facile da usare? Riassume e dipende da tutte le altre dimensioni Nelle valutazioni finali, quando si analizzano i problemi, è opportuno associarli alle diverse dimensioni 47 48

13 Usabilità: alcuni problemi tipici Tempi di accesso eccessivi Ricercadell informazione difficoltosa Funzionalità non autoesplicative Disorientamento durante la navigazione Leggibilità sul video scarsa errori rispetto all utente Si veda anche J. Nielsen Top Ten Web Design Mistakes 2005, Usabilità dei siti: a che punto siamo Il 90% dei siti web ha un livello di usabilità giudicato insufficiente (J.Nielsen) Il 50% delle vendite potenziali on-line viene perso perchè non si riesce ad accedere all informazione (Forrester Research) Il 40% degli utenti non soddisfatti alla prima ricerca non torna al sito (Forrester Research) 51 52