LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è...
Transcript of LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è...
![Page 1: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/1.jpg)
LINGUAGGI E AMBIENTI MULTIMEDIALI BLaurea Specialistica in Ingegneria del Cinema e dei Mezzi di Comunicazione
docente: Gabriella Taddeomail: [email protected]
1
mercoledì 25 marzo 15
![Page 2: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/2.jpg)
SOCIAL NETWORKLezione 4: Concept e Information architecture
2
mercoledì 25 marzo 15
![Page 3: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/3.jpg)
IL PROCESSO DI DESIGN
mercoledì 25 marzo 15
![Page 4: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/4.jpg)
IL PROCESSO DEL DESIGN
http://www.boxesandarrows.com/files/banda/card_sorting_a_definitive_guide/designProcessDiagram.jpg
mercoledì 25 marzo 15
![Page 5: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/5.jpg)
OBIETTIVI: EQUILIBRIO STRATEGICO
mercoledì 25 marzo 15
![Page 6: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/6.jpg)
OBIETTIVI: FARE QUALCOSA NON SOLO DI USABILE, MA ANCHE DI UTILE
mercoledì 25 marzo 15
![Page 7: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/7.jpg)
OBIETTIVO: FARE QUALCOSA DI DIVERSO DAI COMPETITOR
content driven
friend driven
generalista di nicchia
mercoledì 25 marzo 15
![Page 8: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/8.jpg)
OBIETTIVI: DALLA USABILITÀ ALLA USER EXPERIENCE
mercoledì 25 marzo 15
![Page 9: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/9.jpg)
SENSORIAL DESIGN
mercoledì 25 marzo 15
![Page 10: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/10.jpg)
L'Information Design ha come oggetto l'organizzazione e la presentazione dei dati, la loro trasformazione in informazione utile e significativa.
Creare informazione è qualcosa che, a vari livelli, facciamo tutti; solo recentemente però si è giunti all'identificazione di una disciplina caratterizzata da processi ben definiti, che possono essere adottati o insegnati.
INFORMATION DESIGN
mercoledì 25 marzo 15
![Page 11: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/11.jpg)
INFORMATION DESIGN
http://www.visual-literacy.org/periodic_table/periodic_table.html
mercoledì 25 marzo 15
![Page 12: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/12.jpg)
INTERACTION DESIGN
L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia.
Storie ed esperienze sono state sempre create e narrate attraverso i mezzi di comunicazione, ma i nuovi media offrono opportunità fino ad oggi inesplorate nella storia dell'interazione e della rappresentazione. In particolare - fatta eccezione per i narratori più esperti - tutto ciò che riguarda l'interattività è stato sovente mal interpretato.Come le tecnologie interattive possano supportare questo tipo di processi e quali siano in questo senso le reali necessità dell'utenza rimangono aspetti tutti da indagare.
mercoledì 25 marzo 15
![Page 13: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/13.jpg)
SENSORIAL DESIGN
ll Sensorial Design tratta delle tecniche che utilizziamo per comunicare con gli altri attraverso i nostri sensi. Dopo la scrittura, le tecniche di progettazione visuale caratteristiche della grafica, del cinema, dell'illustrazione e della fotografia sono le più note; le discipline che comunicano attraverso altri sensi non sono tuttavia meno importanti. La progettazione e l'ingegneria del suono, la musica e il canto possono risultare molto efficaci in circostanze appropriate. A volte si rivelano di fatto essere l'unico modo possibile per comunicare un determinato messaggio. Il senso tattile, quello olfattivo e quello cinestetico sono impiegati più raramente (spesso a causa di vincoli tecnologici o di mercato), ma sono ugualmente validi e possono contribuire all'arricchimento dell'esperienza.
mercoledì 25 marzo 15
![Page 14: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/14.jpg)
IL TARGET: USER CENTERED
mercoledì 25 marzo 15
![Page 15: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/15.jpg)
interfacciacontenuti
cooperazione
interattività
communityricerca
IL TARGET: USER CENTERED
mercoledì 25 marzo 15
![Page 16: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/16.jpg)
interfacciacontenuti
cooperazione
interattività
communityricerca
l’utente al centro
IL TARGET: USER CENTERED
mercoledì 25 marzo 15
![Page 17: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/17.jpg)
Tecniche di analisi:
► interviste,
► focus group,
► osservazione etnografica
► personae e scenari
TECNICHE DI ANALISI DEL TARGET
mercoledì 25 marzo 15
![Page 18: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/18.jpg)
CREAZIONE DI PERSONAE
La creazione di personae, (dal latino maschere), è una tecnica di derivazione teatrale.
I designer creano un loro personaggio, possibile utente, e gli danno vita attraverso la descrizione dettagliata (circa 1 cartella) del suo profilo socio-anagrafico, carattere, delle abitudini e stile di vita
mercoledì 25 marzo 15
![Page 19: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/19.jpg)
mercoledì 25 marzo 15
![Page 20: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/20.jpg)
Ruben:
►Argentino, vive in Italia da un anno
►Lavora presso una cooperativa di servizi culturali
►Vuole conoscere a fondo il paese, per “mettersi al passo” con i colleghi
►Utilizza molto tutti i tipi di tecnologie
mercoledì 25 marzo 15
![Page 21: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/21.jpg)
mercoledì 25 marzo 15
![Page 22: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/22.jpg)
Teresa:
►Insegnante di scuola elementare, referente scolastica per progetti con musei
►Molto motivata a livello individuale, ha difficoltà a coinvolgere i colleghi
mercoledì 25 marzo 15
![Page 23: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/23.jpg)
Teresa:
►Insegnante di scuola elementare, referente scolastica per progetti con musei
►Molto motivata a livello individuale, ha difficoltà a coinvolgere i colleghi
►Non usa molto le nuove tecnologie. A casa non ha
mercoledì 25 marzo 15
![Page 24: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/24.jpg)
mercoledì 25 marzo 15
![Page 25: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/25.jpg)
Sergio:
►Da pochi giorni è diventato papà
►Lavora come magazziniere in un supermercato
mercoledì 25 marzo 15
![Page 26: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/26.jpg)
Sergio:
►Da pochi giorni è diventato papà
►Lavora come magazziniere in un supermercato
►Turista della domenica, ama girare alla scoperta di luoghi nuovi e delle tradizioni
mercoledì 25 marzo 15
![Page 27: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/27.jpg)
Sergio:
►Da pochi giorni è diventato papà
►Lavora come magazziniere in un supermercato
►Turista della domenica, ama girare alla scoperta di luoghi nuovi e delle tradizioni
►E’ un fanatico del cellulare
mercoledì 25 marzo 15
![Page 28: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/28.jpg)
UTILITÀ DELLE PERSONAE
►Possibilità di fuoriuscire dal proprio habitus mentale
►Utilizzo della dimensione-capacità narrativa per descrivere e prevedere situazioni ed esperienze
►Economicità rispetto a metodi di analisi che usano utenti reali
mercoledì 25 marzo 15
![Page 29: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/29.jpg)
CRITICITÀ DELLE PERSONAE
►Rischio di chiudersi in una dimensione fiction molto distante dagli utenti reali
►Difficoltà nella standardizzazione dei risultati
mercoledì 25 marzo 15
![Page 30: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/30.jpg)
SCENARI
Uno scenario è la descrizione dell’interazione di un soggetto con un sistema.
Esso, al di là dei requisiti tecnici o economici, serve a rappresentare le reali esigenze e situazioni degli utenti
mercoledì 25 marzo 15
![Page 31: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/31.jpg)
L’analisi di scenario dovrebbe:
§ permettere di identificare le differenze tra lo stato socio-tecnico attuale e quello susseguente l’innovazione tecnologica.
§ mettere in risalto le innovazioni più rilevanti dal punto di vista dell’utente ed evidenziarne le implicazioni sulle abitudini di lavoro ed i comportamenti della vita individuale e di gruppo.
§ fornire evidenza sulle ragioni dell’accettazione da parte dell’utente in riferimento alle innovazioni che la visione offerta dallo scenario propone di introdurre.
mercoledì 25 marzo 15
![Page 32: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/32.jpg)
UNA DONNA DOPPIO-RUOLO: ANALISI BISOGNI
Cristina è da poco mamma e continua a mantenere alcune collaborazioni con una società
di mediazione culturale, per la quale svolge ricerche sociali
Tutti i giorni ha bisogno di avere un quadro aggiornato delle interviste svolte sul territorio,
localizzare le aree (quartieri ecc) ancora scoperte e programmare in base a questo nuove interviste.
Necessita di un sistema semplice e integrato per combinare dati territoriali con quelli degli
intervistati e per ottimizzare le interviste anche in base alle prossimità di zona.
Tuttavia, sistemi di database in questo momento le risultano troppo difficili da apprendere e
implementare…
mercoledì 25 marzo 15
![Page 33: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/33.jpg)
UNA DONNA DOPPIO-RUOLO: ANALISI BISOGNI
Cristina è da poco mamma e continua a mantenere alcune collaborazioni con una società
di mediazione culturale, per la quale svolge ricerche sociali
Tutti i giorni ha bisogno di avere un quadro aggiornato delle interviste svolte sul territorio,
localizzare le aree (quartieri ecc) ancora scoperte e programmare in base a questo nuove interviste.
Necessita di un sistema semplice e integrato per combinare dati territoriali con quelli degli
intervistati e per ottimizzare le interviste anche in base alle prossimità di zona.
Tuttavia, sistemi di database in questo momento le risultano troppo difficili da apprendere e
implementare…
mercoledì 25 marzo 15
![Page 34: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/34.jpg)
AL LAVORO
•A partire dal target di interesse scelto da ciascun gruppo, elaborare:
•1 persona che rappresenta il target tipo (descrivere la persona nel suo contesto quotidiano e attribuirle spessore sociologico e psicologico)
•1 scenario d’uso che evidenzia i bisogni del target, ai quali risponderà l’applicazione (descrivere come oggi si comporta l’utente per rispondere a quel bisogno, problematiche e aree di miglioramento)
mercoledì 25 marzo 15
![Page 35: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/35.jpg)
ORGANIZZARE IL PROCESSO: FLOW CHART
mercoledì 25 marzo 15
![Page 36: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/36.jpg)
ORGANIZZARE IL FLUSSO: FLOW CHART
Ad ogni quadrato del flow chart corrisponderà una “pagina” dell’applicazione.Ogni pagina racchiude un
task decisivo di azione dell’utente.
Ogni task può essere composto da più funzioni.
mercoledì 25 marzo 15
![Page 37: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/37.jpg)
ORGANIZZARE IL FLUSSO: FLOW CHART
Es. pagina “Registrazione” contiene:
-diversi campi da compilare (nome, cognome, ecc);
-opzioni newsletter ;-pulsante Accetta.
Ogni pagina quindi è un blocco semantico di azioni
riferite allo stesso task, non una singola azione.
mercoledì 25 marzo 15
![Page 38: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/38.jpg)
SITI WEB/APPLICAZIONI
Nei siti web, il flow chart mostra i singoli macro-
blocchi informativi del sito.
mercoledì 25 marzo 15
![Page 39: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/39.jpg)
MA COME CLASSIFICARE AZIONI E CONTENUTI?
Classificare, dare un ordine, pare
un’operazione banale e oggettiva. Invece
scoprirete che ciascuno di noi classifica e ordina in
modo diverso.Bisogna quindi rintracciare
il modo più comune.
mercoledì 25 marzo 15
![Page 40: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/40.jpg)
ORGANIZZARE LE IDEE: CARD SORTING
L’approccio di design user-centered prevede il supporto della tecnica del card sorting per
organizzare l’informazione: esistono due metodi di card sorting: chiuso e
aperto.-card sorting “chiuso”. Agli utenti vengono
dati un mazzetto di cartellini, ognuno con un’unità di contenuto/funzione.
Gli utenti, in gruppo, devono raggruppare i cartellini secondo gli schemi di classificazione per loro
funzionali.Il loro ordinamento bottom-up dei contenuti aiuta i
designer ad organizzare, ad esempio, le funzioni-aree di un sito.
mercoledì 25 marzo 15
![Page 41: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/41.jpg)
ORGANIZZARE LE IDEE: CARD SORTING
-Card sorting “aperto”. Gli utenti creano da loro anche gli stessi cartellini per le categorie del sito, e poi li
ordinano.I gruppi di cartellini costituiscono le voci che
compariranno in un menu.
mercoledì 25 marzo 15
![Page 42: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/42.jpg)
ORGANIZZARE LE IDEE PER UNA LAVATRICE: CARD SORTING
Imposta temperatura
Imposta per tempo lavaggio
Imposta coloratiImposta tessuto
Imposta risparmio energia
mercoledì 25 marzo 15
![Page 43: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/43.jpg)
Imposta temperatura
Imposta tessuto
Imposta per tempo lavaggio
Imposta per colore
Imposta tessuto
Imposta temperatura
ORGANIZZARE LE IDEE PER UNA LAVATRICE: CARD SORTING
mercoledì 25 marzo 15
![Page 44: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/44.jpg)
ORGANIZZARE LE IDEE: USER SCENARIO
Bisogna progettare i task a partire dai reali scenari d’uso degli utenti, raccolti attraverso le tecniche di analisi degli utenti (interviste, focus, etnografia
ecc. cfr. lezione 4).Organizzare le funzioni secondo il flusso reale di azione degli utenti.
mercoledì 25 marzo 15
![Page 45: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/45.jpg)
ORGANIZZARE LE IDEE: USER SCENARIO
Come procedere:1)focalizzare i diversi scenari d’uso
dell’utente(cosa vorrà fare, cosa si aspetta)
2) ogni scenario d’uso sarà un task: segmentare il task in sotto-task (azioni
necessarie a compiere il task).3) ogni sotto-task sarà una funzione
da implementare.
mercoledì 25 marzo 15
![Page 46: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/46.jpg)
ORGANIZZARE IL FLUSSO: FLOW CHART
Una pagina può contenere più sotto-task, quindi più funzioni.
mercoledì 25 marzo 15
![Page 47: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/47.jpg)
ORGANIZZARE IL FLUSSO: FLOW CHART
Spesso l’intero task (coi suoi sotto-task) è contenuto in una
pagina. In alcuni casi, tuttavia, servono
più pagine: suddividere il task in più pagine è utile, sopratutto, per marcare un cambiamento
di stato dell’utente (es. da utente non registrato a utente
registrato).
mercoledì 25 marzo 15
![Page 48: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/48.jpg)
FLOW-CHART STORYBOARD
ATTENZIONE:L’organizzazione visiva dei sotto-task, quindi delle funzioni, all’interno della
pagina, avviene in un momento successivo, con la creazione degli
storyboard.Nel flow-chart si organizza il flusso di
azione ad alto livello.La disposizione visiva dei sotto-task
nella pagina avviene nello storyboard.
mercoledì 25 marzo 15
![Page 49: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/49.jpg)
MACROPROGETTAZIONE FLOWCHART
Progettazione dell’architettura ad alto livello.
mercoledì 25 marzo 15
![Page 50: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/50.jpg)
MICROPROGETTAZIONE STORYBOARD
Progettazione dell’architettura a micro-livello.
mercoledì 25 marzo 15
![Page 51: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/51.jpg)
INDIVIDUARE PER PRIMA LE FUNZIONALITÀ BASE
mercoledì 25 marzo 15
![Page 52: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/52.jpg)
SVILUPPARE OGNI FUNZIONALITÀ IN FLUSSO D’AZIONE
mercoledì 25 marzo 15
![Page 53: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/53.jpg)
INFORMATION ARCHITECTURE: ORGANIZZARE LE INFORMAZIONI
• alfabetica
• temporale
• georeferenziata
• sequenza
• numerica
• per attività
• per categorie
• per faccette
Organizzazione:
mercoledì 25 marzo 15
![Page 54: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/54.jpg)
ORGANIZZAZIONE ALFABETICA
-background alfabetico-forte astrazione-uso in pochi casi (dizionari, elenchi)-dipende dalle lingue
mercoledì 25 marzo 15
![Page 55: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/55.jpg)
ORGANIZZAZIONE SPAZIALE
Uso di mappe-problema quando ci sono molti item
mercoledì 25 marzo 15
![Page 56: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/56.jpg)
ORGANIZZAZIONE SPAZIALE
-mappatura degli spazi fisici-problema quando ci sono molti item.-difficoltà uso delle metafore
mercoledì 25 marzo 15
![Page 57: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/57.jpg)
ORGANIZZAZIONE TEMPORALE
calendario, orario:-strutturazione in unità temporali idonee(scegliere la giusta unità di tempo, altrimenti troppe/poche informazioni)
mercoledì 25 marzo 15
![Page 58: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/58.jpg)
ORGANIZZAZIONE TEMPORALE
mercoledì 25 marzo 15
![Page 59: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/59.jpg)
ORGANIZZAZIONE TEMPORALE
mercoledì 25 marzo 15
![Page 60: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/60.jpg)
ORGANIZZAZIONE TEMPORALE
http://www.chronozoomproject.org
mercoledì 25 marzo 15
![Page 61: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/61.jpg)
ORGANIZZAZIONE PER SEQUENZA
La sequenza stabilisce un ordine gerarchico di tipo semantico
mercoledì 25 marzo 15
![Page 62: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/62.jpg)
POSIZIONARE LE INFORMAZIONI
mercoledì 25 marzo 15
![Page 63: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/63.jpg)
ORGANIZZAZIONE PER ATTIVITÀ
Utile nel caso si voglia segmentare per scenari di azione
mercoledì 25 marzo 15
![Page 64: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/64.jpg)
ORGANIZZAZIONE PER TIPO DI UTENTI
Utile nel caso si voglia
segmentare per target
mercoledì 25 marzo 15
![Page 65: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/65.jpg)
ORGANIZZAZIONE PER CATEGORIE
mercoledì 25 marzo 15
![Page 66: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/66.jpg)
ORGANIZZAZIONE A FACCETTE
http://trovabile.org/articoli/guida-alla-classificazione
mercoledì 25 marzo 15
![Page 67: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/67.jpg)
ORGANIZZAZIONE A FACCETTE
mercoledì 25 marzo 15
![Page 68: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/68.jpg)
ORGANIZZAZIONE A FACCETTE: UN APPROCCIO MULTI-ACCESSO
http://trovabile.org/articoli/guida-alla-classificazione
Non sempre chi effettua un ricerca ha semplicemente l’obiettivo di trovare un oggetto specifico (know-item seeking); spesso ha anche l’esigenza di acquisire maggiori informazioni o risorse su un dato argomento (exhaustive seeking), oppure al contrario non sa bene cosa sta cercando (exploratory seeking). Sfruttando proprio le diverse faccette in cui ogni item è scomposto, un sistema multidimensionale può fornire una navigazione contestuale più raffinata e flessibile.
mercoledì 25 marzo 15
![Page 69: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/69.jpg)
ORGANIZZAZIONE A FACCETTE: UN APPROCCIO MULTI-ACCESSO
http://trovabile.org/articoli/guida-alla-classificazione
Secondo Ranganathan qualsiasi oggetto può essere classificato secondo queste dimensioni:
-entità
-materia
-energia (processi, fenomeni)
-spazio
-tempo
Egli suggerisce questo ordine di priorità:
PMEST: Personalità, Materia, Energia, Spazio, Tempo
mercoledì 25 marzo 15
![Page 70: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/70.jpg)
ORGANIZZAZIONE PER CLOUD E FOLKSONOMY
mercoledì 25 marzo 15
![Page 71: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/71.jpg)
ORGANIZZAZIONE PER METAFORE
http://solidsoup.com/
mercoledì 25 marzo 15
![Page 72: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/72.jpg)
ORGANIZZAZIONE PER METAFORE
http://solidsoup.com/
mercoledì 25 marzo 15
![Page 73: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/73.jpg)
ORGANIZZAZIONE PER METAFORE
mercoledì 25 marzo 15
![Page 74: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/74.jpg)
ORGANIZZAZIONE PER METAFORE: ATTENZIONE ALLE METAFORE
ABUSATE
mercoledì 25 marzo 15
![Page 75: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/75.jpg)
ORGANIZZAZIONE PER METAFORE: ATTENZIONE ALLA CONSISTENCY
http://www.justdot.gr/
mercoledì 25 marzo 15
![Page 76: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/76.jpg)
LE METAFORE POSSONO ESSERE VISSUTE
http://www.disturbance.fr/flash/#/ENTREE
mercoledì 25 marzo 15
![Page 77: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/77.jpg)
LE METAFORE POSSONO ESSERE ORGANICHE
http://rumpetroll.com/
mercoledì 25 marzo 15
![Page 78: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/78.jpg)
USIAMOLE SOLO SE SANNO SORPRENDERCI
http://www.jkvc.me/
mercoledì 25 marzo 15
![Page 79: LINGUAGGI E AMBIENTI MULTIMEDIALI B - polito.it · !L‘ Interaction Design nella sua essenza è creare e raccontare storie, è insieme un'antica arte e una nuova tecnologia. !Storie](https://reader036.fdocuments.in/reader036/viewer/2022071005/5fc269afd39f283fa628d267/html5/thumbnails/79.jpg)
AL LAVORO!
Elaborare il flow chart di macroprogettazione del
proprio SNS.
mercoledì 25 marzo 15