LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI...
-
Upload
simonetta-porta -
Category
Documents
-
view
216 -
download
0
Transcript of LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI...
![Page 1: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/1.jpg)
L’Usabilità del Web:
tre approcci a confronto
Tesi di Laurea di:
Stefania Rizzi
UNIVERSITA’ DEGLI STUDI DI PAVIA
Corso di Laurea Interfacoltà in Comunicazione Interculturale e Multimediale
Relatore: Ing. Marco Porta
Correlatore: Ing. Massimo Cellario
ANNO ACCADEMICO 2003/2004
![Page 2: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/2.jpg)
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!
CONCETTI GENERALI
![Page 3: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/3.jpg)
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à”
![Page 4: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/4.jpg)
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”
![Page 5: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/5.jpg)
ALBERT BADRE E LA STRATEGIA CONTESTUALE
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.
“Designing for context and for the user experience”:
Ordine gerarchico dei contesti: ambiente, utente, genere, sito, pagina
![Page 6: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/6.jpg)
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
![Page 7: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/7.jpg)
HOME PAGE (2)
Differenze principali:
• Nielsen: la Home page deve essere minimalista, rifiutare ogni elemento non strettamente necessario www.useit.com
• 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 www.wmich.edu
![Page 8: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/8.jpg)
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
![Page 9: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/9.jpg)
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
![Page 10: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/10.jpg)
UN ESEMPIO PRATICO
![Page 11: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/11.jpg)
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”.
![Page 12: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/12.jpg)
![Page 13: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/13.jpg)
![Page 14: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/14.jpg)
Barra di navigazione
Colore standard dei link
Motore di ricerca
![Page 15: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/15.jpg)
![Page 16: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/16.jpg)
![Page 17: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/17.jpg)
![Page 18: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/18.jpg)
![Page 19: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/19.jpg)
![Page 20: LUsabilità del Web: tre approcci a confronto Tesi di Laurea di: Stefania Rizzi UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione.](https://reader036.fdocuments.net/reader036/viewer/2022062701/5542eb50497959361e8bf843/html5/thumbnails/20.jpg)