UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione Interculturale e Multimediale Usabilità dei Siti Flash: problemi e strategie.

Presentazione sul tema: "UNIVERSITA DEGLI STUDI DI PAVIA Corso di Laurea Interfacoltà in Comunicazione Interculturale e Multimediale Usabilità dei Siti Flash: problemi e strategie."— Transcript della presentazione:

1 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 Chiara Nanni Anno Accademico 2005/2006 Anno Accademico 2005/2006

2 LUSABILITA DEI SITI WEB La diffusione del termine Usabilità è piuttosto recente ed è avvenuta soprattutto con lo sviluppo di questo concetto nel World Wide Web I progettisti iniziano a spostare lattenzione sullutente finale Anni 80- 90: diffusione del personal computer Diviene lobiettivo dellHCI

3 FLASH Macromedia: software house di prodotti per la grafica e per il web development Macromedia: software house di prodotti per la grafica e per il web development 6 Dicembre 2006: Adobe System acquisisce la Macromedia Menù Linea temporale divide i filmati in fotogrammi Stage qui si posizionano gli oggetti del filmato Strumenti

4 Due parole-chiave per definire Flash: Versatilità: Flash può anche essere utilizzato per creare un intero Sito Web multimediale Versatilità: Flash può anche essere utilizzato per creare un intero Sito Web multimediale Interattività: esperienze multimediali con partecipazione attiva dellutente 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

5 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 Risolve i problemi di compatibilità e di visualizzazione di una stessa pagina su browser diversi Flash Player http://www.adobe.com/ shockwave/download

6 I problemi di Flash fino al 2002 Non può essere visto da una percentuale importante di utenti Non può essere visto da una percentuale importante di utenti Il tasto Back del browser non funziona come tale Il tasto Back del browser non funziona come tale I contenuti in Flash sono poco flessibili I contenuti in Flash sono poco flessibili limitare luso dei moduli multimediali in Flash ai casi in cui essi possano costituire un reale valore aggiunto per il sito

7 Dal 2002 sino ad oggi Ma ancora oggi divide a metà il Mondo dellinformatica… la tecnologia Flash ha conosciuto un enorme sviluppo: diffusione del plugin e standard Flash sempre nuovi

8 http://www.devilwearspradamovie.com Accedendo al link del sito si apre una pagina con un breve spezzone del film Necessita del Flash Player

9 http://www.devilwearspradamovie.com Home page con i personaggi sullo sfondo Home page con i personaggi sullo sfondo Home page Home page Colonna sonora di sottofondo sound on/off Colonna sonora di sottofondo sound on/off Passaggio del mouse su uno dei personaggi sfondo sfuocato compare il nome e il ruolo 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

10 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

11 http://www.devilwearspradamovie.com/ Test ironico di valutazione cartelletta con fogli che si strappano Interazione dellutente

12 http://www.devilwearspradamovie.com Poche parti testuali Cast notes si accede alle biografie degli attori testo piccolo e poco leggibile Punta sullaspetto visivo Flash fondamentale

13 http//:www.mcdonalds.co.uk Versione Flash Versione HTML Home page dinamica Musica di sottofondo Musica di sottofondo Oggetti che escono dalla scatola Oggetti che escono dalla scatola Home Page statica No musica No musica Scatola chiusa Scatola chiusa

14 http//:www.mcdonalds.co.uk

15 http//:www.mcdonalds.co.uk Versione Flash Versione HTML Pagina interattivaPagina interattiva: giochi, wallpapers Pagina interattiva Musica di sottofondo Musica di sottofondo Ogni oggetto è un bottone Ogni oggetto è un bottone menù verticale a sinistra menù verticale a sinistra E necessario il plugin

16 www.liquiddiamond.it

17 www.liquiddiamond.it Versione in Flash Immagini che scorrono Musica di sottofondo Bottone apri il menù Poche voci nel menù Poche voci nel menù Solo col passaggio del Solo col passaggio del mouse si visualizzano mouse si visualizzano le sottovoci le sottovoci

18 www.liquiddiamond.it Versione HTML Home Page statica Menù verticale con sottovoci visibili Menù verticale con sottovoci visibili Possibilità di modificare dimensioni Possibilità di modificare dimensioni Le parti testuali sono numerose 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 dellusabilità

19 Conclusioni È divenuto uno strumento completo per il Web per la realizzazione di contenuti altamente interattivi 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 lalternativa in HTML Potenza e flessibilità

20 Conclusioni Flah permette la creazione di siti di successo non è esente da problemi riguardo lusabilità bisogna fare affidamento sul buon senso degli sviluppatori dei siti in Flash Flash può essere usabile? Sì, tenendo conto degli accorgimenti necessari Ma la questione rimane ancora oggi aperta…