Che materia stai cercando?

Anteprima

ESTRATTO DOCUMENTO

Usabilità > Valutazione

Tecniche > Inspection > Errori

Non si può “inquinare” lo schermo dell’utente con nuove

finestre.

Questo processo rende inutile il bottone “indietro” del

browser, che è uno dei più utilizzati. 20

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Errori

La navigazione è sempre guidata

dall’obiettivo: chi visita il nostro sito lo fa

perché vuole sapere qualcosa.

Il problema maggiore che può avere un sito

web è di non rispondere alle necessità

dell’utente.

La risposta, se c’è, deve essere sempre

resa evidente, non essere nascosta

sotto montagne di informazioni inutili. 21

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Buone regole

1. Visibilità dello stato del sistema: il sistema dovrebbe

tenere sempre informato l’utente su cosa sta succedendo,

mediante feedback appropriati.

2. Corrispondenza tra sistema e mondo reale: il sistema

dovrebbe parlare il linguaggio dell’utente. Seguire le

convenzioni del mondo reale.

3. Controllo all’utente e libertà: è necessario fornire sempre

una uscita d’emergenza. Fornire supporto per l’”annulla –

ripristina”.

4. Coerenza e standard: l’utente non dovrebbe mai chiedersi

se due link diversi portano alla stessa pagina. 22

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Buone regole

5. Prevenzione dell’errore: può essere effettuata

ricontrollando le condizioni che portano agli errori e

chiedendo conferma delle operazioni più rischiose.

6. Riconoscimento anziché ricordo: minimizzare il carico di

memoria dell’utente, rendendo visibili le opzioni.

7. Flessibilità d’uso: prevedere scorciatoie per gli utenti

esperti per azioni ripetitive.

8. Design minimalista: non fornire informazione irrilevante.

9. Aiuto all’utente in caso di errore: messaggi di errore chiari

e comprensibili, con la spiegazione del problema.

10. Documentazione: semplice da consultare, in caso di

bisogno. 23

Usabilità Web Usabilità > Valutazione

Tecniche > Test

Si individuano compiti importanti, e si

osservano utenti “cavie” mentre li eseguono,

senza interferire.

Osservatore Osservato 24

Usabilità Web Usabilità > Valutazione

Tecniche > Test > Fasi

1. Preparazione del test:

Definire lo scopo generale dell’applicazione

– Definire quali utenti, compiti, contesto d’uso

– Definire gli obiettivi di usabilità: quali misure

– Individuazione dei partecipanti

– Preparazione materiali e logistica

2. Esecuzione del test:

Spiegazioni agli utenti

– Osservazione e registrazione del loro comportamento (note, “think aloud”,

– videotape...) senza interferire

Discussione con gli utenti

3. Analisi e conclusioni: Azioni

Analisi e organizzazione dei dati raccolti

– Individuazione dei risultati migliorative

– Raccomandazioni

– 25

Usabilità Web Usabilità > Valutazione

Tecniche > Test > “Regola di Nielsen”

Dopo il quinto utente, sprecherete il vostro tempo osservando più

volte gli stessi risultati, senza imparare molto di nuovo.

Dopo avere osservato 5 utenti, eliminate i problemi individuati, e

provate di nuovo con 5 utenti (Jakob Nielsen). 26

Usabilità Web Usabilità > Valutazione

Tecniche > Test > “Regola di Nielsen”

riscontrati 100%

75%

usabilità 50% Con 5 utenti si scopre

l’85%

di dei problemi Con 15 utenti

25%

Problemi li si scopre

tutti

0% 0 3 6 9 12 15

Numero di utenti campione 27

Usabilità Web Usabilità > Valutazione

Tecniche > Test > Quando Qui è troppo tardi!

Modello a cascata 28

Usabilità Web Usabilità > Valutazione

Tecniche > Test > Costo modifiche

100

modifiche 10

delle

costo 0 t

SVILUPPO RILASCIO USO 29

Usabilità Web Usabilità > Valutazione

Tecniche > Test Dai risultati della valutazione

emergono i miglioramenti da

apportare al progetto.

Quindi si reitera il ciclo dal

punto in cui vengono

individuate le criticità.

Release 30

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection

Vediamo le fasi di una

usability inspection 31

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Qualità web

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, derivanti da un semplice

modello di produzione e gestione di un sito 32

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Qualità > Caratteristiche

experience contenuti

& design server Connettività

software Esercizio Gestione

fattibilità design

Strategia sito

Gestione

Sviluppo internet

La qualità complessiva di un sito è il risultato del

dei

del

Visual

user

Web

lavoro armonico e integrato di tutti questi attori

dei

del

e 3 5 6 7

1 2 4 8

Web Visual Internet

Management, Web

System Content Web

designer designer Service

Consulenti farm

integrator editor master Provider 33

Usabilità Web Usabilità > Valutazione

Tecniche > Inspection > Qualità > Regola base

La robustezza di una catena

è pari a quella del suo anello

più debole 34

Usabilità Web Usabilità > Valutazione

Modello sito

Requisiti del sito

1 2 3 4 5

Definizione degli Definizione della Definizione del Effettuazione Preparazione delle

OBIETTIVI METODOLOGIA PIANO della RACCOMANDA-

della valutazione di valutazione di valutazione VALUTAZIONE ZIONI

Cap.1: Obiettivi Cap.2: Metodologia Piano di valutazione Cap.3: Risultati Cap.4:

della valutazione usata della valutazione Raccomandazioni

- Budget della valuta-

- Requisiti generali - Team di valutazione zione (n.giornate) - Architettura - Priorità 1

del sito - Criteri di valutazione - Comunicazione - Priorità 2

- Chi fa cosa e

- Scala dei voti - Priorità 3

- Obiettivi della - Funzionalità

quando

valutazione - Criteri di - Contenuti

- Caratteristiche di valutazione finale - Gestione

qualità da valutare e - Accessibilità

livello di - Usabilità

approfondimento - Sintesi

RAPPORTO DI VALUTAZIONE 35

Usabilità Web Usabilità > Valutazione

Modello di qualità

Architettura

La struttura e la navigazione

del sito sono adeguate?

Accessibilità Comunicazione

Il sito è di facile Il sito raggiunge i suoi

accesso per tutti? obiettivi di

comunicazione?

Usabilità

Il sito è facile

da usare? Funzionalità

Gestione Le funzioni del sito sono

L’operatività del sito adeguate e corrette?

è ben gestita ? Contenuto

Il contenuto informativo

è corretto, e adeguato

agli scopi del sito? 36

Usabilità Web 1. Architettura dell’informazione

37

Usabilità Web Modello di qualità

Architettura

La struttura e la navigazione sono adeguate?

• Struttura: La struttura del sito è adeguata?

• Mappa del sito: La mappa del sito esiste e ne rappresenta

con chiarezza la struttura?

• Navigazione: La navigazione del sito è adeguata? 38

Usabilità Web Modello di qualità

Architettura > Struttura del sito

E’ molto utile rappresentare la struttura del sito con un diagramma ad

albero, e quindi valutarne la adeguatezza

HOME

A B C D E 1° livello

2° livello

D1 D2 D3

A1 A2 3° livello

A2.1 A2.2 A2.3 39

Usabilità Web Modello di qualità

Architettura > Struttura del sito > esempio 40

Usabilità Web Modello di qualità

Architettura > Struttura del sito > esempio 41

Usabilità Web Modello di qualità

Architettura > Struttura del sito > esempio

HOME

Punti Mondo Lavorare

Azienda Prodotti 1° livello

vendita Fidaty con noi

Catalogo Le carte

Valori e 2° livello

Vantaggi

Storia Fidaty Fidaty

principi Fidaty

Le risorse 3° livello

Il cliente I fornitori oro

umane 42

Usabilità Web Modello di qualità

Architettura > Struttura del sito > esempio

Analizzando meglio il sito, si vede però che la mappa del sito non

ne rappresenta completamente la struttura, che è più complessa:

Spesa on line “scorciatoie”

HOME varie

Parlare

Punti Mondo Lavorare

Azienda Prodotti con noi

vendita Fidaty con noi

Area Area Intratte- Mappa Ricerca Info English

Saper utenti stampa nimento

scegliere servizi “standard”

Accesso

utenti

registrati 43

Usabilità Web Modello di qualità

Architettura

La struttura e la navigazione sono adeguate?

• Struttura: La struttura del sito è adeguata?

• Mappa del sito: La mappa del sito esiste e ne rappresenta

con chiarezza la struttura?

• Navigazione: La navigazione del sito è adeguata? 44

Usabilità Web Modello di qualità

Architettura > Mappa del sito 45

Usabilità Web Modello di qualità

Architettura > Mappa del sito 46

Usabilità Web Modello di qualità

Architettura > Mappa del sito 47

Usabilità Web Modello di qualità

Architettura > Mappa del sito

Due mappe ben fatte

Ma questa si sviluppa

su più schermate: è

scomoda 48

Usabilità Web Modello di qualità

Architettura

La struttura e la navigazione sono adeguate?

• Struttura: La struttura del sito è adeguata?

• Mappa del sito: La mappa del sito esiste e ne rappresenta

con chiarezza la struttura?

• Navigazione: La navigazione del sito è adeguata? 49

Usabilità Web Modello di qualità

Architettura > Navigazione > Tipi

HOME

A B C D E

D1 D2 D3

A1 A2 navigazione orizzontale

A2.1 A2.2 A2.3 navigazione trasversale

navigazione verticale 50

Usabilità Web Modello di qualità

Architettura > Navigazione > Esempio

HOME

A B C D E navigazione globale

D1 D2 D3

A1 A2 A B C D E

A2.1 A2.2 A2.3 D1 pagina D1

navigazione locale D2

D3 contenuti della pagina 51

Usabilità Web


PAGINE

72

PESO

2.76 MB

AUTORE

Atreyu

PUBBLICATO

+1 anno fa


DESCRIZIONE DISPENSA

Questa lezione fa riferimento al Laboratorio sui nuovi contenuti online tenuto dai prof. Medaglia e Mallozzi, ed è abbinato al corso di Sistemi tecnologici e informazione online. Viene approfondito il concetto di usabilità e le tecniche di valutazione: inquiry, inspection e test.Infine viene illustrato un modello di qualità a più fasi,utili per la produzione e gestione di un sito web.


DETTAGLI
Corso di laurea: Corso di laurea magistrale in editoria multimediale e nuove professioni dell'informazione
SSD:
A.A.: 2010-2011

I contenuti di questa pagina costituiscono rielaborazioni personali del Publisher Atreyu di informazioni apprese con la frequenza delle lezioni di LABORATORIO SUI NUOVI CONTENUTI ONLINE e studio autonomo di eventuali libri di riferimento in preparazione dell'esame finale o della tesi. Non devono intendersi come materiale ufficiale dell'università La Sapienza - Uniroma1 o del prof Medaglia Carlo.

Acquista con carta o conto PayPal

Scarica il file tutte le volte che vuoi

Paga con un conto PayPal per usufruire della garanzia Soddisfatto o rimborsato

Recensioni
Ti è piaciuto questo appunto? Valutalo!

Altri appunti di Laboratorio sui nuovi contenuti online

Siti web - Design universale e accessibilità
Dispensa
Progettazione e usabilità
Dispensa
Usabilità, tecniche e fasi
Dispensa
Usabilità, contenuti e interazione
Dispensa