Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web

elementi di architettura dell’informazione, usabilità e scrittura per il web Alberto Rota La Comunicazione tra enti pubblici tramite strumenti di informatica individuale e di rete Centro di Formazione Professionale Pavia - gennaio 2006

aspetti del world wide web ,[object Object],[object Object],[object Object],[object Object]

aspetti e vincoli tecnologici ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

aspetti comunicativi ,[object Object],[object Object],[object Object],[object Object]

testi e ipertesti ,[object Object],[object Object]

testi e ipertesti (2) ,[object Object],home page secondo livello primo livello Lo schema “ad albero” di un sito web con home page e due livelli di organizzazione dei contenuti

testi e ipertesti (3) Immagine tratta da Rosenfield, Morville, Information Architecture for the World Wide Web , O’Really, 2002 (1988)

il web non è un libro… ,[object Object],[object Object],[object Object],[object Object]

il web non è un giornale... ,[object Object],[object Object],[object Object],[object Object]

il web non è la tv... ,[object Object],[object Object],[object Object],[object Object]

il web è... ,[object Object],[object Object],[object Object]

elementi di usabilità per il web ,[object Object],[object Object],[object Object]

esempi di interfaccia ,[object Object],[object Object],[object Object],[object Object]

interfacce ,[object Object],[object Object],[object Object]

hci: human-computer interaction ,[object Object],[object Object],[object Object]

hci: human-computer interaction (2) ,[object Object],[object Object],[object Object],[object Object]

hci: i paradigmi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

interfacce e usabilità ,[object Object],[object Object],[object Object]

cos’è l’usabilità? ,[object Object],[object Object]

attributi dell’usabilità (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

attributi dell’usabilità (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

cosa coinvolge l’usabilità ,[object Object],[object Object],[object Object],[object Object]

organizzazione visuale della pagina ,[object Object],[object Object],[object Object],[object Object],[object Object]

coerenza ,[object Object],[object Object],[object Object],[object Object]

metafore ,[object Object],[object Object],[object Object],[object Object]

don’t make me think! ,[object Object],[object Object],[object Object],[object Object]

struttura-tipo ,[object Object],header contenuti navigazione

struttura-tipo (2) header contenuti navigazione

tipi di pagine ,[object Object],[object Object],[object Object],[object Object],[object Object]

usabilità dei link ,[object Object],[object Object],[object Object],[object Object],[object Object]

usabilità dei link (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],usabilità dei link (3) marcatore dei link indirizzo il title è la casella di testo che compare quando il mouse si sofferma sopra il link testo del link

errori da non fare ,[object Object],[object Object],[object Object],[object Object],[object Object],Jacob Nielsen (www.useit.com), guru dell’usabilità, non approverebbe...

la user experience ,[object Object],[object Object],[object Object],[object Object],[object Object]

la user experience: emotività / razionalità ,[object Object],[object Object],[object Object]

i test di usabilità ,[object Object],[object Object],[object Object],[object Object]

i test di usabilità (2) ,[object Object],[object Object],[object Object],[object Object],[object Object]

elementi di architettura dell’informazione per il web ,[object Object],[object Object],[object Object],[object Object],[object Object]

l’architettura dell’informazione... ,[object Object],[object Object],[object Object]

l’architettura dell’informazione (2) ,[object Object],[object Object],[object Object],[object Object],[object Object]

catalogazione e reperibilità ,[object Object],[object Object]

la catalogazione dell’informazione ,[object Object],[object Object],[object Object],[object Object]

dati e metadati ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

dati e metadati (2) ,[object Object],[object Object],[object Object],[object Object],[object Object]

sistemi, schemi e struttura di organizzazione ,[object Object],[object Object],[object Object],[object Object],[object Object]

schemi di organizzazione dell’informazione ,[object Object],[object Object],[object Object],[object Object],[object Object]

schemi percettivi ,[object Object],[object Object]

schemi esatti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

schemi ambigui ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

schemi ibridi ,[object Object],[object Object]

card sorting ,[object Object],[object Object],[object Object]

multi-categorizzazione ,[object Object],[object Object],[object Object]

l’albero del sito ,[object Object],[object Object],[object Object],[object Object],[object Object]

alberi profondi, alberi piatti Albero profondo: la maggior parte dell’informazione è in profondità Albero piatto: la maggior parte dell’informazione è in superficie home page home page

content management sistems ,[object Object],[object Object],[object Object]

tipi di metadati ,[object Object],[object Object],[object Object],[object Object],[object Object]

thesauri ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

tipi di link ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

global, local, contextual navigation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

supplemental navigation systems: index nell’indice i contenuti del sito sono disposti in ordine alfabetico

supplemental navigation systems: sitemap nella mappa del sito i contenuti sono disposti per sezione tematica

supplemental navigation systems: guides nella visita guidata il sito è presentato nelle sue componenti e funzionalità

scopi della navigazione ,[object Object],[object Object],[object Object],[object Object]

bread crumbs ,[object Object],[object Object],percorso compiuto dall’utente

il test del portabagagli ,[object Object],[object Object],[object Object],[object Object],[object Object]

strumenti di navigazione logo navigazione locale navigazione globale utilità e ricerca link associativi

labels ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

labels (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

elementi di scrittura per il web ,[object Object],[object Object]

la “lettura” sul web ,[object Object],[object Object],[object Object],[object Object]

regole di base ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

la piramide rovesciata ,[object Object],[object Object],[object Object]

spezzare l’informazione ,[object Object],[object Object]

labeling dei link ,[object Object],[object Object],[object Object],[object Object]

gli spazi bianchi e i grassetti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

colori e contrasto ,[object Object],[object Object]

allineamento ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

tipografia: bastoni o grazie? ,[object Object],[object Object],carattere a bastoni (sans) carattere graziato (serif)

font per il web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web

Ähnlich wie Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web (20)

Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web