La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione.

Presentazioni simili


Presentazione sul tema: "Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione."— Transcript della presentazione:

1

2 Sistemi di navigazione

3 AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione esplicita la struttura gerarchica dellinformazione Partire dal flowchart Contestualizza linformazione Favorisce la conoscenza per associazione Fornisce flessibilità nellinterazione Definire cammini di accesso aggiuntivi Il problema è bilanciare la flessibilità di movimento con il pericolo di sovraccaricare lutente con troppe opzioni

4 AA 2004/05Sistemi multimediali Navigazione 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 dellorganizzazione e i rimandi

5 AA 2004/05Sistemi multimediali Navigazione 4 Navigazione tramite browser Non dimenticarsi dellambiente 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

6 AA 2004/05Sistemi multimediali Navigazione 5 Sovrascrivere le funzionalità Riduce lusabilità a favore dellestetica 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)

7 AA 2004/05Sistemi multimediali Navigazione 6 Navigazione e links

8 AA 2004/05Sistemi multimediali Navigazione 7 Il bottone Back del browser effettua un rimando relativo allutente Per sfogliare le pagine occorrono altri strumenti di navigazione bottoni Link statici e relativi

9 AA 2004/05Sistemi multimediali Navigazione 8

10 AA 2004/05Sistemi multimediali Navigazione 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 allindietro Con gli ipertesti Da qualunque punto si può raggiungere ogni altro punto

11 AA 2004/05Sistemi multimediali Navigazione 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.

12 AA 2004/05Sistemi multimediali Navigazione 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

13 AA 2004/05Sistemi multimediali Navigazione 12

14 AA 2004/05Sistemi multimediali Navigazione 13

15 AA 2004/05Sistemi multimediali Navigazione 14 Navigazione gerarchica Main Sez 3Sez 2 Sez 1 Arg 1Arg 3Arg 2 Il flowchart mostra la relazione gerarchica tra livelli ma non gli accessi diretti

16 AA 2004/05Sistemi multimediali Navigazione 15 Simulazione di navigazione Sezione 1 Sezione 2 Sezione 3 Menù principale: accesso in profondità Main

17 AA 2004/05Sistemi multimediali Navigazione 16 Simulazione di navigazione Argomento 1 Argomento 2 Argomento 3 Accesso in profondità e indietro al menù principale Sezione 1

18 AA 2004/05Sistemi multimediali Navigazione 17 Simulazione di navigazione Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore Argomento 1

19 AA 2004/05Sistemi multimediali Navigazione 18 Simulazione di navigazione Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore Argomento 2

20 AA 2004/05Sistemi multimediali Navigazione 19 Simulazione di navigazione Accesso laterale ad argomenti allo stesso livello e indietro al livello superiore Argomento 3

21 AA 2004/05Sistemi multimediali Navigazione 20

22 AA 2004/05Sistemi multimediali Navigazione 21

23 AA 2004/05Sistemi multimediali Navigazione 22

24 AA 2004/05Sistemi multimediali Navigazione 23

25 AA 2004/05Sistemi multimediali Navigazione 24

26 AA 2004/05Sistemi multimediali Navigazione 25

27 AA 2004/05Sistemi multimediali Navigazione 26

28 AA 2004/05Sistemi multimediali Navigazione 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.

29 AA 2004/05Sistemi multimediali Navigazione 28 Accesso diretto - 2 Leonardo scrittoreingegnere pittore

30 AA 2004/05Sistemi multimediali Navigazione 29 Livelli di accesso Accesso ad un nuovo argomento Può provocare un forte cambiamento di scena Accesso nellargomento Il cambiamento deve essere subdolo. Il nuovo materiale deve essere portato nellimmagine e lutente deve sentirsi in controllo Se il cambiamento è grande allora è meglio far risalire e poi ridiscendere i livelli

31 AA 2004/05Sistemi multimediali Navigazione 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

32 AA 2004/05Sistemi multimediali Navigazione 31

33 AA 2004/05Sistemi multimediali Navigazione 32

34 AA 2004/05Sistemi multimediali Navigazione 33

35 AA 2004/05Sistemi multimediali Navigazione 34

36 Tipi di accesso

37 AA 2004/05Sistemi multimediali Navigazione 36 Tipi di accesso I metodi di accesso suggeriscono un punto di vista, come già lorganizzazione del contenuto In funzione del tipo di informazione e di enfasi: Menù, liste, barre di bottoni e icone Immagini sensibili Linee temporali Scale

38 Menu e barre

39 AA 2004/05Sistemi multimediali Navigazione 38 Bars & menus

40 AA 2004/05Sistemi multimediali Navigazione 39 Pie di pagina Intestazione di Virgilio

41 AA 2004/05Sistemi multimediali Navigazione 40

42 AA 2004/05Sistemi multimediali Navigazione 41

43 AA 2004/05Sistemi multimediali Navigazione 42

44 AA 2004/05Sistemi multimediali Navigazione 43

45 AA 2004/05Sistemi multimediali Navigazione 44

46 Linee temporali

47 AA 2004/05Sistemi multimediali Navigazione 46

48 AA 2004/05Sistemi multimediali Navigazione 47

49 AA 2004/05Sistemi multimediali Navigazione 48

50 AA 2004/05Sistemi multimediali Navigazione 49

51 AA 2004/05Sistemi multimediali Navigazione 50

52 AA 2004/05Sistemi multimediali Navigazione 51

53 AA 2004/05Sistemi multimediali Navigazione 52

54 AA 2004/05Sistemi multimediali Navigazione 53

55 Usabilità

56 AA 2004/05Sistemi multimediali Navigazione 55 Usabilità Evitare conflitti nel controllo Evitare messaggi oscuri (tipo: avete raggiunto lapplicazione anonimo) Redifinizioni di messaggi di interfaccia standard Eccessi di strumenti di controllo Non create il problema di dover imparare ad usare il prodotto

57 AA 2004/05Sistemi multimediali Navigazione 56 Un processo evolutivo Uninterfaccia è intuitiva solo se consente quello che lutente si aspetta E perciò solo se il designer è stato in grado di anticipare Uninterfaccia intuitiva è frutto di un processo di ridefinizione laborioso Linterfaccia deve comunicare lorganizzazione del contenuto E deve corrispondere alle aspettative dellutenza

58 AA 2004/05Sistemi multimediali Navigazione 57 Conflitto Conflitto nel controllo tra operazioni simili Argomento 2

59 AA 2004/05Sistemi multimediali Navigazione 58 Messaggi ambigui

60 AA 2004/05Sistemi multimediali Navigazione 59

61 AA 2004/05Sistemi multimediali Navigazione 60 Controlli ridondanti

62 AA 2004/05Sistemi multimediali Navigazione 61 Usabilità: il brutto Secondo Jakob Nielsen in Current Issues in Web Usability 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

63 AA 2004/05Sistemi multimediali Navigazione 62 Tempi di accesso Tempi di download in secondi Modem 10k 20k 30k 50k 56K K Usare un approccio minimalista, progettando pagine leggere fra 10K e 50K

64 AA 2004/05Sistemi multimediali Navigazione 63 Usabilità: il bello Lutenza va nel 10% dei siti usabili. Lutenza non sa quanto meglio potrebbe essere. Quando il web funziona, FUNZIONAAA.

65 AA 2004/05Sistemi multimediali Navigazione 64 Frustrazione nelle-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

66 AA 2004/05Sistemi multimediali Navigazione 65

67 AA 2004/05Sistemi multimediali Navigazione 66

68 Funzionalità

69 AA 2004/05Sistemi multimediali Navigazione 68 Funzionalità Il controllo dellinterazione Obiettivi specifici di ciascuno schermo, ma anche la funzionalità globale data dallintegrazione. La gestione delle eccezioni Nessun insieme di dati corrisponde ad una struttura perfettamente. Assicurare la consistenza Contribuisce molto allapprendimento dellinterfaccia Ad esempio: il testo accompagnato dallaudio in una pagina, crea uguale aspettativa su tutte

70 AA 2004/05Sistemi multimediali Navigazione 69 Funzionalità Gestire le interdipendenze Vedere il prodotto in modo globale oltre che locale in ogni pagina Problema se le dipendenze sono influenzate dallordine 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.

71 AA 2004/05Sistemi multimediali Navigazione 70 Esempio di errore

72 AA 2004/05Sistemi multimediali Navigazione 71 Esempio ripensato

73 AA 2004/05Sistemi multimediali Navigazione 72 ambiguità

74 Coinvolgimento

75 AA 2004/05Sistemi multimediali Navigazione 74

76 AA 2004/05Sistemi multimediali Navigazione 75

77 AA 2004/05Sistemi multimediali Navigazione 76

78 AA 2004/05Sistemi multimediali Navigazione 77

79 Critica

80 AA 2004/05Sistemi multimediali Navigazione 79 Navigazione poco chiara

81 AA 2004/05Sistemi multimediali Navigazione 80

82 AA 2004/05Sistemi multimediali Navigazione 81

83 AA 2004/05Sistemi multimediali Navigazione 82

84 AA 2004/05Sistemi multimediali Navigazione 83


Scaricare ppt "Sistemi di navigazione AA 2004/05Sistemi multimediali Navigazione 2 Disegnare la navigazione La parte più consistente dellinterazione. La navigazione."

Presentazioni simili


Annunci Google