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

Sistemi di navigazione

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

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

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

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)

AA 2004/05Sistemi multimediali Navigazione 6 Navigazione e links

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

AA 2004/05Sistemi multimediali Navigazione 8

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

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.

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

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

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

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

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

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.

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

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

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

Tipi di accesso

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

Menu e barre

AA 2004/05Sistemi multimediali Navigazione 38 Bars & menus

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

Linee temporali

Usabilità

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

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

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

AA 2004/05Sistemi multimediali Navigazione 58 Messaggi ambigui

AA 2004/05Sistemi multimediali Navigazione 60 Controlli ridondanti

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

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

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.

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

Funzionalità

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

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.

AA 2004/05Sistemi multimediali Navigazione 70 Esempio di errore

AA 2004/05Sistemi multimediali Navigazione 71 Esempio ripensato

AA 2004/05Sistemi multimediali Navigazione 72 ambiguità

Coinvolgimento

Critica

AA 2004/05Sistemi multimediali Navigazione 79 Navigazione poco chiara

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:

Presentazioni simili

Sul progetto

Feed-back

Entrare

Autorizzarsi attraverso i social network:

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:

Presentazioni simili

Sul progetto

Feed-back