Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La...
-
Upload
santuzza-mancuso -
Category
Documents
-
view
238 -
download
4
Transcript of Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La...
![Page 1: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/1.jpg)
Sistemi di navigazione
![Page 2: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/2.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
2
Disegnare la navigazione• La parte più consistente dell’interazione.• La navigazione esplicita la struttura
gerarchica dell’informazione• Partire dal flowchart
• Contestualizza l’informazione• Favorisce la conoscenza per associazione
• Fornisce flessibilità nell’interazione• Definire cammini di accesso aggiuntivi
• Il problema è bilanciare la flessibilità di movimento con il pericolo di sovraccaricare l’utente con troppe opzioni
![Page 3: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/3.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
3
Costruire il contesto
• Mancanza degli indizi tipici del mondo fisico
• Costruire appropriati Voi siete qui• Ricordarsi che tramite motori di ricerca
o accessi diretti a pagine la Home page può essere non vista• Tutte le pagine interne devono includere il
nome dell’organizzazione e i rimandi
![Page 4: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/4.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
4
Navigazione tramite browser
• Non dimenticarsi dell’ambiente in cui è inserito il sistema• Aprire un URL direttamente• Funzioni Back e Forward del browser• Funzione Storia• Funzione Bookmark• Codice colore del link visitati e non• URL di destinazione di un link
![Page 5: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/5.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
5
Sovrascrivere le funzionalità
• Riduce l’usabilità a favore dell’estetica• Modificare o eliminare il codice colore dei
link visitati e non• Considerare il colore di default e modificarlo se
necessario richiamandolo
• Eliminare la vista prospettica• Uso di mappe cliccabili (lato server)• Meglio sistemi grafici (lato client)
![Page 6: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/6.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
6
Navigazione e links
![Page 7: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/7.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
7
• Il bottone Back del browser effettua un rimando relativo all’utente
• Per sfogliare le pagine occorrono altri strumenti di navigazione• bottoni
Link statici e relativi
![Page 8: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/8.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
8
![Page 9: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/9.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
9
Aumentare la flessibilità
• La gerarchia del contentuo può essere limitante per la navigazione• Confrontate il sistema di navigazione del
file system o dei sistemi Gopher• Spostamenti solo in profondità nella gerarchia e
all’indietro
• Con gli ipertesti• Da qualunque punto si può raggiungere ogni
altro punto
![Page 10: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/10.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
10
Principi di base
• Nel definire i cammini di accesso, oltre ai link diretti della struttura gerarchica del contenuto:• Minimo cammino tra due punti.• Minima profondità per raggiungere i livelli.• Minima ridondanza: evitare cammini
multipli per raggiungere le stesse pagine, causa confusione.
![Page 11: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/11.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
11
Tipi di sistemi di navigazione• Navigazione gerarchica
• La più importante• Le opzioni principali ad ogni pagina si appoggiano sulla struttura
gerarchica definita nel flowchart
• Navigazione globale• Fornisce accessi laterali
• Spesso fornita da menù grafici a barra
• Navigazione locale• Individuare sotto capitoli consistenti
• Complementa il sistema di navigazione globale
• Navigazione ad hoc• Link embedded nel testo
![Page 12: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/12.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
12
![Page 13: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/13.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
13
![Page 14: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/14.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
14
Navigazione gerarchica
Main
Sez 3Sez 2Sez 1
Arg 1 Arg 3Arg 2
Il flowchart mostra la relazione gerarchica tra livelli ma non gli accessi diretti
![Page 15: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/15.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
15
Simulazione di navigazione
Sezione 1
Sezione 2
Sezione 3
Menù principale: accesso in profondità
Main
![Page 16: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/16.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
16
Simulazione di navigazione
Argomento 1
Argomento 2
Argomento 3
Accesso in profondità e indietro al menù principale
Sezione 1
![Page 17: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/17.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
17
Simulazione di navigazione
Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore
Argomento 1
![Page 18: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/18.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
18
Simulazione di navigazione
Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore
Argomento 2
![Page 19: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/19.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
19
Simulazione di navigazione
Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore
Argomento 3
![Page 20: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/20.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
20
![Page 21: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/21.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
21
![Page 22: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/22.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
22
![Page 23: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/23.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
23
![Page 24: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/24.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
24
![Page 25: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/25.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
25
![Page 26: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/26.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
26
![Page 27: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/27.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
27
Accesso diretto
• Fornire il cammino più semplice tra due punti, minimizzando il numero di passi, ma senza introdurre disorientamento.
• Il contenuto può suggerire un punto di vista.
• Metodi per accesso diretto:• Menù, liste, linee dei tempi, mappe di
immagini, bottone, icone.
![Page 28: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/28.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
28
Accesso diretto - 2
Leonardo
scrittoreingegnerepittore
![Page 29: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/29.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
29
Livelli di accesso
• Accesso ad un nuovo argomento• Può provocare un forte cambiamento di scena
• Accesso nell’argomento• Il cambiamento deve essere subdolo. Il nuovo
materiale deve essere portato nell’immagine e l’utente deve sentirsi in controllo
• Se il cambiamento è grande allora è meglio far risalire e poi ridiscendere i livelli
![Page 30: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/30.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
30
Il costo di un link
• Aumentare i link introduce flessibilità
• Ciascun link ha un costo in termini di design• Se il link manda a una nuova locazione,
occorre ridefinire il controllo in modo da consentire il rientro
• Se il link manda ad altro argomento può essere necessario ridefinirne il design
![Page 31: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/31.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
31
![Page 32: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/32.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
32
![Page 33: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/33.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
33
![Page 34: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/34.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
34
![Page 35: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/35.jpg)
Tipi di accesso
![Page 36: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/36.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
36
Tipi di accesso
• I metodi di accesso suggeriscono un punto di vista, come già l’organizzazione del contenuto
• In funzione del tipo di informazione e di enfasi:• Menù, liste, barre di bottoni e icone• Immagini sensibili• Linee temporali• Scale
![Page 37: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/37.jpg)
Menu e barre
![Page 38: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/38.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
38
Bars & menus
![Page 39: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/39.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
39
Pie’ di pagina
Intestazione di Virgilio
![Page 40: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/40.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
40
![Page 41: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/41.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
41
![Page 42: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/42.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
42
![Page 43: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/43.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
43
![Page 44: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/44.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
44
![Page 45: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/45.jpg)
Linee temporali
![Page 46: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/46.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
46
![Page 47: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/47.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
47
![Page 48: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/48.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
48
![Page 49: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/49.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
49
![Page 50: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/50.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
50
![Page 51: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/51.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
51
![Page 52: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/52.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
52
![Page 53: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/53.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
53
![Page 54: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/54.jpg)
Usabilità
![Page 55: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/55.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
55
Usabilità
• Evitare conflitti nel controllo• Evitare messaggi oscuri (tipo: avete raggiunto
l’applicazione anonimo)
• Redifinizioni di messaggi di interfaccia standard
• Eccessi di strumenti di controllo
Non create il problema di dover imparare ad usare il prodotto
![Page 56: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/56.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
56
Un processo evolutivo• Un’interfaccia è intuitiva solo se consente quello
che l’utente si aspetta• E perciò solo se il designer è stato in grado di
anticipare
• Un’interfaccia intuitiva è frutto di un processo di ridefinizione laborioso• L’interfaccia deve comunicare l’organizzazione del
contenuto• E deve corrispondere alle aspettative dell’utenza
![Page 57: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/57.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
57
Conflitto
Conflitto nel controllo tra operazioni simili
Argomento 2
![Page 58: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/58.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
58
Messaggi ambigui
![Page 59: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/59.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
59
![Page 60: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/60.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
60
Controlli ridondanti
![Page 61: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/61.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
61
Usabilità: il brutto
Secondo Jakob Nielsen in Current Issues in Web Usability
• http://www.useit.com/alertbox/
• 90% dei siti commerciali insufficiente usabilità:• Tempo di scaricamento• Autoreferenziali e non informativi• Povera struttura• Povera navigabilità• Stile di narrazione per carta stampata più che per
video
![Page 62: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/62.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
62
Tempi di accesso
Tempi di download in secondi
Modem 10k 20k 30k 50k
56K 2-3 4-6 6-9 10-15
28.8K 3-5 6-10 9-15 15-25
Usare un approccio minimalista,progettando pagine leggere
fra 10K e 50K
![Page 63: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/63.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
63
Usabilità: il bello
• L’utenza va nel 10% dei siti usabili.
• L’utenza non sa quanto meglio potrebbe essere.
• Quando il web funziona, FUNZIONAAA.
![Page 64: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/64.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
64
Frustrazione nell’e-com
• 75% abbandona senza comperare. Bizrate.com
• 27% abbandona alla vista della pagina di pagamento. Forrester Research
• Informazioni non complete • Es. il tempo di consegna
![Page 65: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/65.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
65
![Page 66: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/66.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
66
![Page 67: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/67.jpg)
Funzionalità
![Page 68: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/68.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
68
Funzionalità
• Il controllo dell’interazione• Obiettivi specifici di ciascuno schermo, ma anche
la funzionalità globale data dall’integrazione.
• La gestione delle eccezioni• Nessun insieme di dati corrisponde ad una
struttura perfettamente.
• Assicurare la consistenza• Contribuisce molto all’apprendimento
dell’interfaccia• Ad esempio: il testo accompagnato dall’audio in
una pagina, crea uguale aspettativa su tutte
![Page 69: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/69.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
69
Funzionalità• Gestire le interdipendenze
• Vedere il prodotto in modo globale oltre che locale in ogni pagina
• Problema se le dipendenze sono influenzate dall’ordine della visita
• Disorientamento sullo stato in cui si è• Ad esempio: evidenziare nelle bottoniere la posizione
attuale e le scelte alternative.
• Confusione sulla funzione • Ad esempio dove portano i bottoni.
• Controllo dei media• Inizio, fine, come si controlla audio, video e testo.
![Page 70: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/70.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
70
Esempio di errore
![Page 71: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/71.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
71
Esempio ripensato
![Page 72: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/72.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
72
ambiguità
![Page 73: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/73.jpg)
Coinvolgimento
![Page 74: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/74.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
74
![Page 75: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/75.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
75
![Page 76: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/76.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
76
![Page 77: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/77.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
77
![Page 78: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/78.jpg)
Critica
![Page 79: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/79.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
79
Navigazione poco chiara
![Page 80: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/80.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
80
![Page 81: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/81.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
81
![Page 82: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/82.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
82
![Page 83: Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.](https://reader030.fdocumenti.com/reader030/viewer/2022013111/5542eb58497959361e8c3ac1/html5/thumbnails/83.jpg)
AA 2004/05 Sistemi multimedialiNavigazione
83