UNIVERSITA’ DEGLI STUDI DI PAVIA
Corso di Laurea Interfacoltà in Comunicazione Interculturale e
Multimediale
Usabilità dei Siti Flash: problemi e
strategie di progettazione efficace
Relatore: Ing. Marco Porta
Tesi di Laurea di
Chiara Nanni
Anno Accademico 2005/2006
L’USABILITA’ DEI SITI WEB
La diffusione del termine “Usabilità” è piuttosto recente ed è avvenuta
soprattutto con lo sviluppo di questo concetto nel World Wide Web
Anni 80- 90: diffusione del personal computer
I progettisti iniziano a spostare l’attenzione sull’utente finale
Diviene l’obiettivo dell’HCI
FLASH
Macromedia: software house di
prodotti per la grafica e per il
web development
6 Dicembre 2006:
Adobe System acquisisce la
Macromedia
Strumenti
Menù
Linea temporale
divide i filmati in fotogrammi
Stage
qui si posizionano gli oggetti del filmato
Due parole-chiave per definire Flash:
Interattività: esperienze multimediali con
partecipazione attiva dell’utente
animazioni interattive per
visualizzare dati,
riprodurre suoni,
reagire ad eventi del
mouse o della tastiera,
trascinare e manipolare
elementi
giochi o applicazioni Web
complete con una propria
logica interna
effetti sonori e la loro
sincronizzazione con
ciò che accade sullo
schermo
Versatilità: Flash può anche essere
utilizzato per creare un intero Sito Web
multimediale
Caratteristiche principali di Flash
opera nel formato vettoriale
Utilizza immagini definite da
equazioni matematiche vettoriali
animazioni grafiche molto
complesse, ma leggere,
compatte e di ottima qualità
grafica
Flash Player
Risolve i problemi di compatibilità e di visualizzazione di una stessa pagina su
browser diversi
http://www.adobe.com/
shockwave/download
I problemi di Flash fino al 2002

Non può essere visto da una percentuale importante di utenti

Il tasto “Back” del browser non funziona come tale

I contenuti in Flash sono poco flessibili
limitare l’uso dei moduli multimediali in Flash
ai casi in cui essi possano costituire un reale
valore aggiunto per il sito
Dal 2002 sino ad oggi
la tecnologia Flash ha conosciuto un enorme sviluppo:
diffusione del plugin e standard Flash sempre nuovi
Ma ancora oggi divide a metà il
Mondo dell’informatica…
http://www.devilwearspradamovie.com

Accedendo al link del sito si apre
una pagina con un breve
spezzone del film

Necessita del Flash Player
http://www.devilwearspradamovie.com

Home page con i personaggi
sullo sfondo

Colonna sonora di sottofondo
 “sound on/off”

Passaggio del mouse su uno dei
personaggi
 sfondo sfuocato
compare il nome e il ruolo
I personaggi sono dei bottoni  ma non si riconoscono
I bottoni sono spesso poco chiari
http://www.devilwearspradamovie.com/

Home page con i personaggi
sullo sfondo

Colonna sonora di sottofondo
 “sound on/off”

Posizionamento del mouse su
uno dei personaggi
 sfondo sfuocato
compare il nome e il ruolo
I personaggi sono dei bottoni  ma non si riconoscono
I bottoni sono spesso poco chiari
http://www.devilwearspradamovie.com/

Test ironico di valutazione
cartelletta con fogli che si
strappano
Interazione dell’utente
http://www.devilwearspradamovie.com

Poche parti testuali
“Cast notes” si accede alle
biografie degli attori

testo piccolo e poco leggibile

Punta sull’aspetto visivo
Flash fondamentale
http//:www.mcdonalds.co.uk
Versione Flash



Home page dinamica
Musica di sottofondo
Oggetti che escono dalla scatola
Versione HTML
 Home Page statica
 No musica
 Scatola chiusa
http//:www.mcdonalds.co.uk
http//:www.mcdonalds.co.uk
Versione Flash
 Pagina interattiva: giochi, wallpapers
 Musica di sottofondo
 Ogni oggetto è un bottone
menù verticale a sinistra
Versione HTML
 E’ necessario il plugin
www.liquiddiamond.it
www.liquiddiamond.it
Versione in Flash
 Immagini che scorrono
 Musica di sottofondo
 Bottone “apri il menù”
 Poche voci nel menù
 Solo col passaggio del
mousesi visualizzano
le sottovoci
www.liquiddiamond.it
Versione HTML
 Home Page statica
 Menù verticale con sottovoci visibili
 Possibilità di modificare dimensioni
 Le parti testuali sono numerose
Il sito punta sulla parte testuale
Non sono fondamentali audio
video e immagini
La versione HTML è meno dispersiva dal punto di vista dell’usabilità
Conclusioni
È divenuto uno strumento completo per il Web per la
realizzazione di contenuti altamente interattivi
Potenza e flessibilità
Pagina in HTML: a volte più usabile di una Pagina in Flash
Siti in Flash: in genere sono più gradevoli da un punto di vista grafico
Dovrebbe essere sempre fornita l’alternativa in HTML
Conclusioni
permette la creazione di siti di successo
Flah
non è esente da problemi riguardo l’usabilità
Flash può essere usabile?
Sì, tenendo conto degli accorgimenti necessari
bisogna fare affidamento sul
buon senso degli sviluppatori dei
siti in Flash
Ma la questione rimane ancora oggi aperta…