บทที่ 1 : interaction design basic พื้นฐานการออกแบบระบบโต้ตอบ
IAAD_Agile Interaction Design
-
Upload
cultura-digitale -
Category
Business
-
view
463 -
download
0
description
Transcript of IAAD_Agile Interaction Design
![Page 1: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/1.jpg)
Agile interaction Design L'interazione tra ricerca, IA e usabilità nello sviluppo della user experience
![Page 2: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/2.jpg)
Chi sono
Oi! :-)
![Page 3: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/3.jpg)
Chi sono
![Page 4: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/4.jpg)
Chi siamo
![Page 5: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/5.jpg)
Chi siamo
Una società di consulenza internazionale fondata per aiutare aziende e organizzazioni ad innovare i propri prodotti, servizi e processi, attraverso una piena valorizzazione dell’esperienza degli utenti.
![Page 6: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/6.jpg)
Quante di voi hanno lavorato su un progetto che la prima prova non era perfetta?
http://www.flickr.com/photos/farouqtaj/4049486532/
![Page 7: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/7.jpg)
Un passo alla volta…
http://www.flickr.com/photos/7447470@N06/1927413341/
![Page 8: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/8.jpg)
UCD vs Agile
Ricerca su possibili scenari futuri
Scenari
Profonda comprensione dei bisogni degli utenti tramite osservazione ed analisi
Profili utenti
Valutazione completa dell’esperienza Sostegno all’implementazione
Una esperienza d’uso da ricordare Prototipazione incrementale
Concetti e strategie di progettazione centrata sull’utente
Specifiche di progettazione
Persone
Contesto
Prevedere
Comprendere
Idee
Progettare
Experience
Testare
Insight
Prototipare
![Page 9: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/9.jpg)
UCD vs Agile
Ricerca su possibili scenari futuri
Scenari
Profonda comprensione dei bisogni degli utenti tramite osservazione ed analisi
Profili utenti
Valutazione completa dell’esperienza Sostegno all’implementazione
Una esperienza d’uso da ricordare Prototipazione incrementale
Concetti e strategie di progettazione centrata sull’utente
Specifiche di progettazione
Persone
Contesto
Prevedere
Comprendere
Idee
Progettare
Experience
Testare
Insight
Prototipare
Agile
![Page 10: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/10.jpg)
UCD vs Agile
Ricerca su possibili scenari futuri
Scenari
Profonda comprensione dei bisogni degli utenti tramite osservazione ed analisi
Profili utenti
Valutazione completa dell’esperienza Sostegno all’implementazione
Una esperienza d’uso da ricordare Prototipazione incrementale
Concetti e strategie di progettazione centrata sull’utente
Specifiche di progettazione
Persone
Contesto
Prevedere
Comprendere
Idee
Progettare
Experience
Testare
Insight
Prototipare
Agile UCD
![Page 11: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/11.jpg)
Come scoprire la migliore interfaccia per soddisfare le aspettative degli utenti?
http://www.flickr.com/photos/justastranger/400948910/
![Page 12: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/12.jpg)
Ricerca + architettura dell’informazione + usabilità = comprendere il mondo degli altri
http://www.flickr.com/photos/grilledbabypandas/295705251/
![Page 13: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/13.jpg)
Ricerca
Comprendere il mondo degli altri:
!! i comportamenti
!! i contesti
!! gli aspetti sociali
![Page 14: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/14.jpg)
Ricerca
Comprendere il mondo degli altri:
!! i comportamenti
!! i contesti
!! gli aspetti sociali
Esempi di strumenti:
!!osservazioni sul campo (shadowing, mistery shopping, diari), interviste, benchmarking, personas, etc.
![Page 15: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/15.jpg)
Architettura dell’Informazione
Comprendere il mondo degli altri:
!! i principi organizzativi
!! il linguaggio e vocabolario
!! le priorità
![Page 16: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/16.jpg)
Architettura dell’Informazione
Comprendere il mondo degli altri:
!! i principi organizzativi
!! il linguaggio e vocabolario
!! le priorità
Esempi di strumenti:
!!cardsorting (aperto, chiuso), wireframe, blueprint, albero e flusso di navigazione, vocabolario controllato, etc.
![Page 17: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/17.jpg)
Usabilità
Comprendere il mondo degli altri:
!! i modelli mentali
!! le aspettative
!! la facilità di imparare
!! l’uso dei prodotti
![Page 18: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/18.jpg)
Usabilità
Comprendere il mondo degli altri:
!! i modelli mentali
!! le aspettative
!! la facilità di imparare
!! l’uso dei prodotti
Esempi di strumenti:
!!valutazione euristica, test di usabilità (analisi di compiti), focus group, walkthrough, eye-tracking, contextual inquiry, etc.
![Page 19: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/19.jpg)
L'interazione tra ricerca, IA e usabilità nello sviluppo di un job aggregator
![Page 20: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/20.jpg)
Case study: Jobville
Ricerca Concept Card
sorting
Blueprint Requisiti Test di
usabilità
![Page 21: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/21.jpg)
Case study: Jobville
Ricerca Concept Card
sorting
Blueprint Test di
usabilità Requisiti
Validazione
Design
Codice
![Page 22: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/22.jpg)
Case study: Jobville
Ricerca Concept Card
sorting
Blueprint Test di
usabilità Requisiti
Validazione
Design
Codice
![Page 23: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/23.jpg)
Case study: Jobville
!! innovazione
!! diversi tipi di utenti
!! programmazione iniziata solo dopo i test
!! codice e design sviluppati in parallelo
![Page 24: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/24.jpg)
http://www.flickr.com/photos/dyntr/2282720002/
Conclusioni
![Page 25: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/25.jpg)
L’UCD definisce, l’Agile raffina... E tutti i due insieme creano la vera user experience
http://www.flickr.com/photos/pearlsofjannah/2669187090/
![Page 26: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/26.jpg)
A volte le cose non sono perfette alla prima prova... e questa non è una cosa brutta!
http://www.flickr.com/photos/remcat/3436472849/
![Page 27: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/27.jpg)
“Abbastanza buono” non è abbastanza
http://www.flickr.com/photos/betsssssy/435300495
![Page 28: IAAD_Agile Interaction Design](https://reader033.fdocument.pub/reader033/viewer/2022051611/54b5b9f94a7959da498b45db/html5/thumbnails/28.jpg)
Il segreto: collaborazione multidisciplinare + comunicazione faccia a faccia + piacere di lavorare
http://www.flickr.com/photos/seeminglee/3929959851/