tre approcci a confronto

Presentazione sul tema: "tre approcci a confronto"— Transcript della presentazione:

1 tre approcci a confronto
UNIVERSITA’ DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione Interculturale e Multimediale L’Usabilità del Web: tre approcci a confronto Relatore: Ing. Marco Porta Correlatore: Ing. Massimo Cellario Tesi di Laurea di: Stefania Rizzi ANNO ACCADEMICO 2003/2004

2 CONCETTI GENERALI Web Usability: branca della HCI che si occupa specificamente del Web e cerca di proporre soluzioni per la realizzazione di siti usabili. HCI (Human - Computer Interaction): disciplina che studia l’interazione tra l’uomo e la macchina al fine di migliorarne la qualità. Sito usabile: soddisfa le esigenze dell’utente e gli permette di svolgere determinati compiti in modo efficace, efficiente e soddisfacente. User Centered Design: porre l’utente al centro del progetto. L’Usabilità ha senso solo in presenza dell’utente!

3 JAKOB NIELSEN E L’APPROCCIO DELLA SEMPLICITA’
“Fare tesoro della semplicità e concentrarsi sugli obiettivi dell’utente”: progettare al “minimo comun denominatore” “Si deve provare a togliere a turno ciascun elemento dell’interfaccia. Se essa funziona altrettanto bene anche senza un particolare elemento, lo si elimina. La semplicità vince sempre sulla complessità”

4 STEVE KRUG E L’APPROCCIO DEL “BUON SENSO”
Le tre leggi di Krug: 1 - “Non farmi pensare!” (“Don’t make me think!”): le pagine devono essere autoevidenti e autoesplicative 2 - “Tre chiari e non equivoci clic equivalgono ad uno che richiede di pensare” 3 - “Sbarazzati della metà delle parole di ogni pagina e poi ancora della metà di quello che resta”

5 ALBERT BADRE E LA STRATEGIA CONTESTUALE
“Designing for context and for the user experience”: Progettare secondo una metodologia contestuale, considerando cinque diversi livelli di contesto, per realizzare siti facili da usare che forniscono all’utente un’esperienza piacevole, soddisfacente e di successo. Ordine gerarchico dei contesti: ambiente, utente, genere, sito, pagina

6 Condivisione degli obiettivi generali:
HOME PAGE (1) Condivisione degli obiettivi generali: chiarire l’identità e la missione del sito fornire una panoramica sui contenuti principali con link diretti ad essi sottolineare le novità più importanti presentare una modalità di ricerca

7 Differenze principali:
HOME PAGE (2) Differenze principali: Nielsen: la Home page deve essere minimalista, rifiutare ogni elemento non strettamente necessario Krug: sulla Home page ogni particolare deve risultare chiaro al primo sguardo ­ utili le tag-line ­ attenzione ai banner pubblicitari Badre: la Home page può includere abbellimenti estetici per aumentare la piacevolezza dell’esperienza dell’utente

8 Deve aiutare l’utente a orientarsi e muoversi nel sito.
LA NAVIGAZIONE (1) Deve aiutare l’utente a orientarsi e muoversi nel sito. Utili si rivelano: barre di navigazione nome o identificatore del sito su ogni pagina link esaustivi motore di ricerca sulle pagine più visitate

9 LA NAVIGAZIONE (2) In particolare:
Nielsen: utilizzare semplici link testuali che utilizzano i colori standard Krug: realizzare una navigazione “persistente” sfruttare le possibilità delle tab Badre: inserire mappe e indici introdurre bottoni per avanzare e indietreggiare tra le pagine

10 UN ESEMPIO PRATICO

11 In conclusione… Nel campo della Web Usability non è possibile determinare in modo assoluto quale approccio risulti più valido degli altri: tutto è relativo alla specifica situazione. Ogni principio deve essere calato nel contesto adeguato, adattato al particolare tipo di sito che si intende realizzare e agli utenti ai quali ci si vuole rivolgere, seguendo sempre un processo di sviluppo “user centered”.

12

13

14 Colore standard dei link
Barra di navigazione Motore di ricerca Colore standard dei link

15

16

17

18

19

20