SlideShare una empresa de Scribd logo
1 de 46
[object Object],[object Object],[object Object],PROGETTARE PER L’UTENTE Edizione 2010-11
Scopo di questa lezione ,[object Object]
Progettare vs realizzare ,[object Object],[object Object],[object Object],[object Object]
Progettare  Ciò che  esiste “ Visione” Bisogni, desideri Ciò che  vogliamo che esista Conoscenza della situazione attuale Descrizione della  situazione desiderata
L’approccio tradizionale
L’approccio tradizionale Ci chiediamo quali  funzioni   il sistema deve fornire al suo utente,  le progettiamo e le realizziamo
Il nuovo approccio  Ci chiediamo quali sono i  “casi d’uso”  dell’utente rispetto al sistema...
Il nuovo approccio  …  e  progettiamo l’interazione  di conseguenza. E’ completamente diverso!
Interaction design Utente Oggetto interattivo Interazione fisica Interazione cognitiva
Esempio: il mio sistema HIFI ,[object Object],[object Object],[object Object],[object Object],[object Object]
Esempio: il mio sistema HIFI + 48 pulsanti = 320 Telecomando universale circa 200 pulsanti (+ 70 sui pannelli frontali)
Disegno  cortesia di Alberto Iobbolo
Invece: partire dall’utente per progettare l’interazione
In sostanza, dobbiamo analizzare… ,[object Object],[object Object],[object Object],[object Object],[object Object]
Il mio sistema HI-FI: Analisi dell’utente
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Il mio sistema HI-FI: Analisi dei casi d’uso
Il mio sistema HI-FI: Analisi del contesto TV TV DIVANO SISTEMA HIFI MIA SCRIVANIA PRANZO Qui vedo il telegiornale Qui vedo gli altri programmi e i DVD Qui ascolto musica mentre lavoro
La soluzione (diversa da quella fornita) TV TV DIVANO SISTEMA HIFI MIA SCRIVANIA PRANZO Azione telecomando Web radio Ripetitore di segnale
La nozione di “caso d’uso” ,[object Object],Esempio:  Guardare  il telegiornale
Attenzione! ,[object Object],[object Object]
Come si analizzano i casi d’uso ,[object Object],[object Object],[object Object],[object Object],[object Object],Un caso d’uso ha un  nome  e una  descrizione Spesso, verbo + complemento oggetto
Casi d’uso e funzionalità ,[object Object],[object Object],[object Object],[object Object]
Esempio: cellulare
Descrizione di un caso  d’uso Esempio
Diagrammi dei casi d’uso ATTORE : CASO D’USO : Utente Acquista prodotto significa: L’Utente invoca il caso d’uso Acquista prodotto
Esempio
Progettazione universale ,[object Object],[object Object],[object Object]
Usabilità universale R.Polillo - Ottobre 2010 contesto d’uso utenti specifici generici particolare generale
Usabilità universale R.Polillo - Ottobre 2010 contesto d’uso utenti usabilità universale usabilità particolare generale specifici generici
Progettazione universale
Barriere all’accesso tecnologie inadeguate R.Polillo - Ottobre 2010 Un sistema si dice  accessibile  se minimizza le barriere all’accesso  connessione  lenta disabilità menomazione
Usabilità vs accessibilità R.Polillo - Ottobre 2010 Utenti per cui il sistema è usabile Utenti per cui il sistema è accessibile
In sintesi: Human Centred Design (HCD) Anche UCD:  User Centered Design (ma è meglio non usare questa dizione) Mettere l’utente al centro del processo di  progettazione
Interdisciplinarietà dell’Interaction Design (ID) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Il “triangolo” dell’interaction design Interaction design Psicologia e  scienze  della comunicazione Informatica  e tecnologie della  comunicazione Progettualità orientata a prodotti / servizi  interattivi
Livelli di maturità della progettazione ,[object Object],[object Object],[object Object],[object Object]
Un prodotto “invisibile” ,[object Object],[object Object]
Quale di questi prodotti è più “invisibile”? 1 2 3 4 5
Esercizio ,[object Object]
Esercizio ,[object Object],[object Object],[object Object],[object Object]
Soluzione 1
Soluzione 2
“ There are no simple answers,only tradeoffs” Donald A.Norman
Sulla carta forse funziona, ma... …  provare è indispensabile
In sintesi… ,[object Object],[object Object],[object Object],[object Object]
Queste slides… ,[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Lezione ID 2010 - 2 / 3
Lezione ID 2010 - 2 / 3Lezione ID 2010 - 2 / 3
Lezione ID 2010 - 2 / 3
Marco Loregian
 
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Irene Raineri
 
Studio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphoneStudio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphone
Riccardo Venturato
 

La actualidad más candente (13)

Presentazione ergonomia
Presentazione ergonomiaPresentazione ergonomia
Presentazione ergonomia
 
Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazione
 
Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza Utente
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto Pedalami
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User Experience
 
Ottimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile TouchOttimizzazione e Analisi Cognitiva di Contesti Mobile Touch
Ottimizzazione e Analisi Cognitiva di Contesti Mobile Touch
 
Ergonomia app esselunga
Ergonomia app esselunga Ergonomia app esselunga
Ergonomia app esselunga
 
Lezione ID 2010 - 2 / 3
Lezione ID 2010 - 2 / 3Lezione ID 2010 - 2 / 3
Lezione ID 2010 - 2 / 3
 
UX TTC
UX TTCUX TTC
UX TTC
 
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
Ricaricare un abbonamento; studio sull'usabilità delle biglietterie elettroni...
 
Studio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphoneStudio sull'ergonomia del touchscreen dell' iphone
Studio sull'ergonomia del touchscreen dell' iphone
 
11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione11. Conoscere l'utente (ii): la visione
11. Conoscere l'utente (ii): la visione
 
Tesi Laurea Magistrale
Tesi Laurea MagistraleTesi Laurea Magistrale
Tesi Laurea Magistrale
 

Similar a 3. Progettare per l’utente

Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCE
Lella Varesano
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
Argentea
 

Similar a 3. Progettare per l’utente (20)

3. Progettare per l utente
3. Progettare per l utente3. Progettare per l utente
3. Progettare per l utente
 
Progetto ergonomia
Progetto ergonomiaProgetto ergonomia
Progetto ergonomia
 
Waz.Up Presentazione
Waz.Up PresentazioneWaz.Up Presentazione
Waz.Up Presentazione
 
1. Introduzione
1. Introduzione1. Introduzione
1. Introduzione
 
Ux for nerds
Ux for nerdsUx for nerds
Ux for nerds
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corso
 
HCI to UX to HCI - Parte A
HCI to UX to HCI - Parte AHCI to UX to HCI - Parte A
HCI to UX to HCI - Parte A
 
Progettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica InformatizzataProgettazione di Cartella Clinica Informatizzata
Progettazione di Cartella Clinica Informatizzata
 
lezione interaction design 11 marzo 2009
lezione interaction design 11 marzo 2009lezione interaction design 11 marzo 2009
lezione interaction design 11 marzo 2009
 
Waz.Up
Waz.UpWaz.Up
Waz.Up
 
Waz.Up
Waz.UpWaz.Up
Waz.Up
 
4. La ingegneria della usabilita
4. La ingegneria della usabilita4. La ingegneria della usabilita
4. La ingegneria della usabilita
 
User Centered Design per il Mobile, Un Approccio Cognitivo
User Centered Design per il Mobile, Un Approccio CognitivoUser Centered Design per il Mobile, Un Approccio Cognitivo
User Centered Design per il Mobile, Un Approccio Cognitivo
 
Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCE
 
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
 
Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009
 
Sistemi Context Aware Esercitazione 1
Sistemi Context Aware   Esercitazione 1Sistemi Context Aware   Esercitazione 1
Sistemi Context Aware Esercitazione 1
 
HCI -> Human Computer Interaction
HCI -> Human Computer InteractionHCI -> Human Computer Interaction
HCI -> Human Computer Interaction
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
 
1. Introduzione al corso
1. Introduzione al corso1. Introduzione al corso
1. Introduzione al corso
 

Más de Roberto Polillo

Más de Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
16. Social media
16. Social media16. Social media
16. Social media
 

Último

Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
sasaselvatico
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
giorgiadeascaniis59
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
lorenzodemidio01
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
lorenzodemidio01
 

Último (20)

Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptxAdducchio.Samuel-Steve_Jobs.ppppppppppptx
Adducchio.Samuel-Steve_Jobs.ppppppppppptx
 
Descrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptxDescrizione Piccolo teorema di Talete.pptx
Descrizione Piccolo teorema di Talete.pptx
 
Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................Oppressi_oppressori.pptx................
Oppressi_oppressori.pptx................
 
case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....case passive_GiorgiaDeAscaniis.pptx.....
case passive_GiorgiaDeAscaniis.pptx.....
 
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptxProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
ProgettoDiEducazioneCivicaDefinitivo_Christian Tosone.pptx
 
Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.Vuoi girare il mondo? educazione civica.
Vuoi girare il mondo? educazione civica.
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
descrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptxdescrizioni della antica civiltà dei sumeri.pptx
descrizioni della antica civiltà dei sumeri.pptx
 
Tosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptxTosone Christian_Steve Jobsaaaaaaaa.pptx
Tosone Christian_Steve Jobsaaaaaaaa.pptx
 
discorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptxdiscorso generale sulla fisica e le discipline.pptx
discorso generale sulla fisica e le discipline.pptx
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................LE ALGHE.pptx ..........................
LE ALGHE.pptx ..........................
 
Aristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptxAristotele, vita e opere e fisica...pptx
Aristotele, vita e opere e fisica...pptx
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptxNicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
Nicola pisano aaaaaaaaaaaaaaaaaa(1).pptx
 
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptxScienza Potere Puntoaaaaaaaaaaaaaaa.pptx
Scienza Potere Puntoaaaaaaaaaaaaaaa.pptx
 
TeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdfTeccarelliLorenzo-Mitodella.cavernaa.pdf
TeccarelliLorenzo-Mitodella.cavernaa.pdf
 

3. Progettare per l’utente