teorie e tecniche di all ambiente web

Transcript

1 teorie e tecniche di u s a b i l i t à a p p l i c a t e all ambiente web rigutti@psico.units.it orario di ricevimento giovedì stanza 217 II piano

2

3 W W W È u n s i s t e m a d i s t r i b u i t o : informazioni collocate su computer i p e r t e s t u a l e : collegamenti tra informazioni m u l t i m e d i a l e : informazioni in vari formati

4 I p e r t e s t o un testo tradizionale ha una organizzazione lineare (inizio, c e n t r o e f i n e ) l ipertesto non inizia e continua in progressione lineare fino alla fine ma si sviluppa in direzioni diverse

5 I p e r t e s t o ha un organizzazione a rete: una pagina può essere unita a qualsiasi altra tramite collegamenti in zone attive è c o s t i t u i t o d a : unità informative (nodi) c o l l e g a m e n t i ( l i n k ) le zone attive possono essere incorporate in parole, immagini, mappe, animazioni

6 I p e r t e s t o struttura lineare(testo tradizionale) struttura a rete (ipertesto)

7 un sito è un insieme di pagine web[calvo,ciotti,zela 1999] la responsabilità autoriale è attribuita ad un individuo o collettivo il contenuto è accessibile tramite browser (explorer; mozilla, netscape ) l indirizzo URL (Uniform Resource Locators) identifica la risorsa/sito s p e c i f i c a t a

8 t a s s o n o m i a business to business commercio e vendita al dettaglio periodici e giornali di informazione intrattenimento e divertimento diffusione di conoscenze e formazione siti istituzionali e governativi intranet aziendali dimostrativi e vetrine servizi per comunità servizi privati gruppi di interesse speciale blog personali e a tema

9 t a s s o n o m i a business to business siti per le transizioni tra aziende, scambi commerciali, negoziazione di beni di fornitura, aste per grossi quantitativi di materia prima

10 t a s s o n o m i a vendita al dettaglio siti per la vendita al dettaglio di vestiti, computer, libri ecc..

11 t a s s o n o m i a informazione periodica siti di giornali, periodici elettronici, webzine

12 t a s s o n o m i a intrattenimento e divertimento siti per bambini, ragazzi e adulti con formati video audio speciali dotati di plug-in autoistallanti

13 t a s s o n o m i a conoscenze e formazione siti per la FaD e per il lavoro in gruppo con elevato contenuto tecnologico

14 t a s s o n o m i a intranet aziendali siti per migliorare la comunicazione interna e con i fornitori

15 t a s s o n o m i a vetrine siti con funzione pubblicitaria, poco interattivi

16 t a s s o n o m i a servizi per la comunità siti istituzionali di enti, pubbliche amministrazioni e autorità garanti

17 t a s s o n o m i a servizi privati siti di banche, assicurazioni, turismo, trasporti

18 t a s s o n o m i a gruppi di interesse speciale siti con funzione di informazione tematica per comunità specifiche

19 architettura dell informazione Il fattore fondamentale per garantire il successo dei siti web è l organizzazione dell informazione Rosenfeld e Morville, 1998

20 architettura dell informazione è l organizzazione dei contenuti di un sito in categorie informative una chiara organizzazione dei contenuti consente di ottenere l'informazione desiderata con pochi clic due componenti dell architettura dell informazione [Rosenfeld & Morville] schemi organizzativi strutture organizzative

21 architettura dell informazione schemi organizzativi uno schema organizzativo definisce le caratteristiche comuni dei contenuti informativi le informazioni sono raggruppate in categorie in base alle caratteristiche comuni schemi organizzativi esatti schemi organizzativi ambigui

22 architettura dell informazione schemi organizzativi esatti dividono le informazioni in raggruppamenti ben definiti e mutuamente esclusivi risorse informative raggruppate per ordine alfabetico, cronologico e geografico (dizionari linguistici, mappe e cartine, guida televisiva) gli argomenti correlati non sono necessariamente presentati vicini (l utente deve sapere quale informazione sta ricercando)

23 architettura dell informazione schemi organizzativi ambigui i contenuti vengono classificati per argomento, per tipologie d utenza, per tipo di servizi offerti uno stesso termine può comparire in sezioni differenti e sotto diverse categorie (classificazione plurima dei libri in una biblioteca)

24 architettura dell informazione strutture organizzative una struttura organizzativa definisce le relazioni tra contenuti informativi all interno di un sito due strutture organizzative frequenti nei siti struttura gerarchica struttura ipertestuale

25 architettura dell informazione strutture organizzative gerarchiche prevede un'organizzazione del sito ad albero l albero è costituito da nodi e ogni nodo può avere un numero qualsiasi di figli la radice (o Home Page) è un nodo che non ha genitori home

26 architettura dell informazione strutture organizzative gerarchiche home animali pesci rettili trota squalo specie cibo abitudini rifiuti altri pesci la gerarchia parte dai concetti più generali e scende fino agli argomenti più specifici

27 architettura dell informazione strutture organizzative gerarchiche la strutturazione dell'informazione in gerarchie è il modo più comune e accreditato di organizzare i contenuti di un sito studi di usabilità dimostrano che la struttura gerarchica fornisce all utente un modello mentale del sito semplice e familiare che consente una veloce comprensione delle modalità d interazione

28 architettura dell informazione strutture organizzative ipertestuali una struttura ipertestuale permette di formare relazioni multiple tra parole, frasi, concetti ed unità informative ha la massima flessibilità in quanto ogni elemento può essere correlato ad ogni altro i legami ipertestuali sono difficili da capire e prevedere: spesso generano disorientamento e confusione struttura implementata con cautela, preferibilmente come integrazione in una struttura gerarchica principale o in piccoli siti con liste di link HOME

29 sistema di etichettatura L'etichetta delle categorie ha un ruolo fondamentale nella definizione del contenuto di queste categorie. Rosenfeld e Morville, 1998

30 sistema di etichettatura è una forma di rappresentazione dei contenuti (labelling system) è l insieme di parole link attraverso cui si accede ad aree o ad altre pagine di un sito [Visciola] un etichetta verbale deve indirizzare in modo corretto verso le aree informative desiderate un etichetta verbale può rappresentare una o più unità informative connesse ad un tema

31 sistema di etichettatura card sorting ordinamento di schede: tecnica per definire il sistema di etichettatura si usano schede che riportano il nome delle diverse informazioni e i partecipanti danno un ordine significativo alle schede non ci sono limiti né sul numero di informazioni per ogni raggruppamento, né sul numero di sottogruppi nei quali l info può essere distribuita

32 sistema di etichettatura card sorting l utente ha inoltre a disposizione schede vuote per aggiungere info che ritiene utili l utente deve spiegare le ragioni delle scelte l analisi è di tipo qualitativo mettendo a confronto le scelte di tutti i partecipanti (8-10)

33 sistema di etichettatura tecniche applicabili dopo il card sorting identificazione di categorie per ogni raggruppamento, sottogruppo o categoria viene assegnato un nome. Gli utenti indicano sotto quale categoria ogni info andrebbe inserita descrizione di categorie l utente descrive con poche frasi ciascuna categoria e indica quali info si aspetta di trovare per ciascuna categoria classificazione delle categorie a ogni utente sono presentate definizioni e raggruppamenti di info. L utente produce 4/5 nomi per ogni raggruppamento o categoria

34 e l e m e n t i w e b varietà di elementi usati nei siti con differenti funzioni elementi di Decorazione Orientamento Navigazione

35 e l e m e n t i w e b Decorazione definiscono il look & feel di un sito sfondi immagini decorative animazioni

36 e l e m e n t i w e b Orientamento fungono da suggerimenti per orientare l utente logo intestazione URL tracciato di briciole di pane

37 e l e m e n t i w e b Navigazione servono per passare da un punto all altro del sito e/o della rete tra i più comuni: barra di navigazione menu link immersi motore di ricerca mappa del sito nel loro insieme formano il sistema di navigazione

38 e l e m e n t i w e b Navigazione barra di navigazione è l elemento più comune (testuale, a icone, di varie forme, colori, ) le opzioni della barra indicano le macroaree tematiche principali del sito

39 e l e m e n t i w e b Navigazione menu testuale, a icone di varie forme, colori, le opzioni dei menu indicano gli argomenti correlati alla macroarea tematica a cui si riferiscono

40 e l e m e n t i w e b Navigazione link immersi sono inseriti nel testo (embedded) spesso sono collegamenti a informazioni specifiche

41 e l e m e n t i w e b Navigazione motore di ricerca interno a siti ampi permette di cercare info all interno del sito

42 e l e m e n t i w e b mappa del sito Navigazione rappresentazione grafica al livello più alto di astrazione della architettura del sito

43 l a y o u t il layout è la disposizione degli elementi di un sito (impaginazione) comunica informazioni sulla struttura del sito 3 layout ricorrenti sul web schema a 3 pannelli design LSD struttura a schede

44 area di lavoro area di navigazione s i t i w e b l a y o u t schema a 3 pannelli tre aree principali costituiscono la pagina web area del nome

45 logo search directory s i t i w e b l a y o u t design LSD tre elementi principali costituiscono la pagina web: Logo Search box Directories

46 l a y o u t struttura a schede tre elementi principali e elementi a schede (tab) costituiscono la pagina web area di navigazione area del nome schede area di lavoro

47 USABILITÀ WEB

48 u n s i t o è u n s i s t e m a con cui l utente interagisce per raggiungere un obiettivo goal! USABILITÀ WEB

49 u s a b i l i t à w e b grado in cui un sito può essere usato da specifici utenti per raggiungere specifici obiettivi con efficacia, efficienza e soddisfazione in uno specifico contesto d uso ( I S O ) USABILITÀ WEB

50 u s a b i l i t à w e b e f f i c a c i a accuratezza e completezza con cui gli utenti, navigando raggiungono gli obiettivi informativi La misura dell efficacia, data dal numero di errori commessi e dal grado di completezza del compito, deve tener conto del numero di clic eseguiti e del numero di pagine visitate USABILITÀ WEB

51 u s a b i l i t à e f f i c i e n z a risorse spese per raggiungere gli obiettivi La misura dell efficienza, data dal tempo necessario per completare il compito, deve tener conto del tempo di caricamento della pagina, della presenza/assenza di un motore di ricerca USABILITÀ WEB

52 u s a b i l i t à w e b s o d d i s f a z i o n e piacevolezza e accettabilità del sito La misura della soddisfazione viene eseguita t r a m i t e q u e s t i o n a r i USABILITÀ WEB

53 u s a b i l i t à w e b System Acceptability social acceptability practical acceptability Nielsen, 1993 cost compatibility reliability usefulness utility Model usability q u a l i t à dell interazione richiesta per eseguire le funzioni del sito (recupero, consultazione di informazioni) learnability efficiency memorability errors satisfaction USABILITÀ WEB

54 u s a b i l i t à w e b System Acceptability a t t r i b u t i learnability Nielsen, 1993 Model Il funzionamento del sito è facile da apprendere in tempi brevi (zero learning time) l info necessaria per agire sui controlli e comandi è immediatamente disponibile e non necessita di istruzioni per l uso USABILITÀ WEB

55 u s a b i l i t à w e b System Acceptability a t t r i b u t i efficiency Nielsen, 1993 Model il sito deve essere efficiente così che l utente riesca a completare i compiti prefissati. se l utente raggiunge il proprio obiettivo con difficoltà (o non lo raggiunge) abbandona il sito USABILITÀ WEB

56 u s a b i l i t à w e b System Acceptability a t t r i b u t i memorability Nielsen, 1993 Model la logica d interazione del sito deve essere facile da ricordare così che l utente non è costretto a riapprenderla dopo un periodo di non utilizzo i processi di recupero dell informazione in memoria vengono ridotti al minimo mediante l attivazione di processi automatici di azione e riconoscimento es: pulsante home conduce sempre all home menu sempre nella stessa area motore sempre visibile USABILITÀ WEB

57 u s a b i l i t à w e b System Acceptability a t t r i b u t i errors Nielsen, 1993 Model il sito riduce il tasso di errori e non determina errori catastrofici (reversibilità) es. : uso di tecnologie gestite in modo stabile dai browser stessa visualizzazione con diversi browser USABILITÀ WEB

58 u s a b i l i t à w e b System Acceptability a t t r i b u t i satisfaction Nielsen, 1993 Model il sito deve essere piacevole da navigare e consultare es. : misurazione della soddisfazione mediante confronto di siti simili USABILITÀ WEB

59 u s a b i l i t à w e b "Un sito Web è usabile quando soddisfa i bisogni informativi dell'utente finale che lo sta visitando e interrogando, fornendogli facilità di accesso e di navigabilità e consentendo un adeguato livello di comprensione dei contenuti. Nel caso in cui non sia disponibile tutta l'informazione, un buon sito demanda ad altre fonti informative. Visciola USABILITÀ WEB

60 r e q u i s i t i Visciola, requisiti dell usabilità dei siti navigabilità utilità attesa e completezza dei contenuti comprensibilità ed efficacia comunicativa attrattività grafica USABILITÀ WEB

61 r e q u i s i t i navigabilità Visciola, 2006 il sistema di navigazione aiuta l utente ad orientarsi e a raggiungere l informazione es: formazione di anticipazioni corrette sulla pagina di destinazione (prevedibilità dei link) uso di ausili alla navigazione USABILITÀ WEB

62 r e q u i s i t i Visciola, 2006 utilità e completezza dei contenuti il sito dispone di informazioni e servizi che corrispondono alle aspettative degli utenti. Disponibilità di contenuti a livello di dettaglio es: definire il livello di completezza dei contenuti mediante testing di usabilità (bisogni informativi) USABILITÀ WEB

63 r e q u i s i t i Visciola, 2006 comprensibilità ed efficacia comunicativa il sito adotta un linguaggio e forme di rappresentazione dell informazione vicine a quelle in uso dagli utenti es: problema del linguaggio specialistico labelling system intuitivo USABILITÀ WEB

64 r e q u i s i t i Visciola, 2006 attrattività grafica il sito adotta una veste grafica piacevole USABILITÀ WEB

65 p e r c h é s i t i u s a b i l i? UTENTE limitate risorse di tempo per raggiungere l obiettivo diminuzione degli errori eliminazione di stress e frustrazione grazie a modalità di funzionamento intuitive COMMITTENTE il sito dell azienda è l interfaccia principale con i clienti gli utenti hanno prima a che fare con l usabilità e poi pagano i concorrenti sono ad un clic di distanza USABILITÀ WEB

66 r i c a p i t o l a n d o un sito web è caratterizzato dall architettura dell informazione, il labelling system, il sistema di navigazione e il layout la web usability si rifà ai principi di usabilità dei sistemi informatici l usabilità dei siti web è fondamentale perché i concorrenti sono ad un clic di distanza USABILITÀ WEB