SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Downloaden Sie, um offline zu lesen
Ascari
     Andrea Fulciniti
     Gabriele Genta
     Alessandro La Torraca


Corso di Interaction Design 2009
Obiettivi

  COSA

     Progettazione di un oggetto
      o sistema interattivo
  PERCHÈ
     Supporto alla collaborazione
      all’interno di una comunità
  COME

   Dispositivi mobili
   Output non testuale
   Oggetti o dispositivi
    completamente nuovi
Come, non Cosa




       Requisiti   Persone   Scenari
Scelta Dominio




 Comunità
 Contatti diretti
 Aspetti migliorabili
Scelta Dominio




  Comunità
  Contatti diretti
  Aspetti migliorabili




IL NOSTRO
     CASO           Commissari di percorso
                    dell’Autodromo Nazionale di Monza
    6h
Analisi Dominio

   Raccolta                     Osservazione
 informazioni     tramite    diretta, interviste e
  sul dominio                    questionari




                    Cosa funziona
                      e cosa no         Scenari
Analisi Dominio

      Raccolta
                                            Interviste e
    informazioni          tramite
                                            questionari
     sul dominio




                             Cosa funziona
                               e cosa no             Scenari




IL NOSTRO
     CASO             Interviste dirette con i commissari
                      Questionario con Google Docs
   80 h
Requisiti


DICONO

 Cosa il prodotto deve fare
 Non come deve farlo

COSA SONO

 Elenco frasi semplici
  e concise identificate
  da un codice
 Descrizioni ad alto livello
Requisiti - Tipi

                    Funzionali
                       cosa




    Requisiti


                   Non Funzionali
                       vincoli
Requisiti - Tipi

                                       Funzionali
                                           cosa




       Requisiti


                                     Non Funzionali
                                           vincoli


            [RF-05] Indicazione delle bandiere che la propria
IL NOSTRO
               postazione, quella precedente e quella successiva
     CASO
               stanno esponendo.
            [RN-08] Resistenza alle intemperie.
Requisiti - Specificazione

COS’È
 Descrizione dettagliata dei requisiti

COSA CONTIENE

 Motivi
 Problematiche che risolve

IMPORTANTE

 Non modificare ciò che funziona bene
Requisiti - Specificazione

COS’È
 Descrizione dettagliata dei requisiti

COSA CONTIENE

 Motivi
 Problematiche che risolve

IMPORTANTE

 Non modificare ciò che funziona bene
Requisiti - Specificazione

 COS’È
  Descrizione dettagliata dei requisiti

 COSA CONTIENE

  Motivi
  Problematiche che risolve

 IMPORTANTE

  Non modificare ciò che funziona bene

IL NOSTRO
     CASO        Esempi pratici in cui si manifestano le
                 problematiche
   24 h
Costruzione delle Persone

                  COSA SONO
                   Descrizioni inventate
                   Utenti tipo del prodotto



                  A COSA SERVONO
                   Guidano nelle scelte di
                    design
Costruzione delle Persone

                   COSA SONO
                    Descrizioni inventate
                    Utenti tipo del prodotto



                   A COSA SERVONO
                    Guidano nelle scelte di
                     design


IL NOSTRO
     CASO              Pietro, il commissario principiante
                       Filippo, quello esperto
   18 h
Ideazione Prodotto




       Requisiti




    Descrizione del
       Prodotto
Ideazione Prodotto – Il nostro caso




  4h
Prototipo di Interazione – Scenari Esistenti

COSA SONO
 Descrizioni dettagliate
  di situazioni rilevanti
SERVONO A

 Evidenziare tutte le
  problematiche
 Capire dove e come si
  inserisce il nuovo
  prodotto
Prototipo di Interazione – Scenari Esistenti

 COSA SONO
  Descrizioni dettagliate
   di situazioni rilevanti
 SERVONO A

  Evidenziare tutte le
   problematiche
  Capire dove e come si
   inserisce il nuovo
   prodotto

IL NOSTRO
     CASO              3 scenari che descrivono le
                       situazioni più critiche
Prototipo di Interazione

              COME PROCEDERE

               Ripercorrere gli scenari
               Inserire le interazioni con il
                nuovo prodotto
                Esempi:
                 “L’utente preme il bottone X”
                 “Il dispositivo reagisce vibrando brevemente”


              IMPORTANTE

               Mai dimenticarsi dei requisiti
               Seguire le leggi
                dell’Interaction Design
Prototipo di Interazione - Strumenti




                               MOCKUP CARTACEI
                                Veloci
                                Efficaci
                                Test
                                 immediato
                                 dell’interfaccia
Prototipo di Interazione - Revisione



 Requisiti




                                  Mockup
Prototipo di Interazione - Risultati




                            Mockup completo
     Nuovi scenari
                              e dettagliato




           30 h                        42 h
Prototipo di Interazione – Presentazione

       Microsoft
       Office
       PowerPoint

               ADOBE
               FLASH               Microsoft
                                   Expression
               CATALYST            Blend


                                    AXURE
                                    RP PRO
Prototipo di Interazione – Presentazione

       Microsoft
       Office
       PowerPoint

               ADOBE
               FLASH               Microsoft
                                   Expression
               CATALYST            Blend


                                    AXURE
                                    RP PRO
Prototipo di Interazione - Flash Catalyst


VANTAGGI

 Editor visuale
 Transizioni e
  animazioni
 Prototipazione rapida

SVANTAGGI

 Ambiente di sviluppo
  lento

  60 h
Pianificazione della Prototipazione

COS’È
 Fasi evoluzione prodotto

PER OGNI FASE

   Livello prototipale
   Configurazione e numero dispositivi
   Stima costi
   Obiettivo chiaro e preciso
Pianificazione della Prototipazione

                                        Costo
Fase           Obiettivo
                                       Stimato
         Testare la validità
  0                                     ~ 1.500 €
         dell’interfaccia




                                                    Punto di non ritorno
         Testare il prodotto in
  1                                    ~ 14.000 €
         condizioni di uso reali
         Testare il prodotto
  2                                   ~ 262.200 €
         lungo tutto il tracciato
         Mettere in opera il
  3                                    ~ 14.675 €
         sistema completo
  12 h                         Tot.   ~ 292.375 €
Riepilogo

          Fase Progettuale          Tempo
Scelta Dominio                         6h
Analisi Dominio                       80 h
Requisiti                             24 h
Persone                               18 h
Ideazione Prodotto                     4h
Scenari                               30 h
Mockup                                42 h
Prototipo di Interazione              60 h
Pianificazione                        15 h
                             Tot.   279 h
Riepilogo

          Fase Progettuale          Tempo
Scelta Dominio                         6h
Analisi Dominio                       80 h
Requisiti                             24 h
Persone                               18 h
Ideazione Prodotto                     4h
Scenari                               30 h
Mockup                                42 h
Prototipo di Interazione              60 h
Pianificazione                        15 h
                             Tot.   279 h
FINE
                                                Ascari




Questa fotografia e le altre utilizzate nella presentazione
        sono tratte dal sito www.fotomorale.com
Riferimenti
Materiale progetto
     (non ancora disponibile)
Persona Creation and Usage Toolkit
     http://www.interactionbydesign.com/presentations/olsen_persona_toolkit.pdf
MockFlow
     http://www.mockflow.com/
Mockingbird
     http://gomockingbird.com/
Balsamiq
     http://www.balsamiq.com/products/mockups
Axure RP Pro
     http://www.axure.com/
Microsoft Expression Blend
     http://www.microsoft.com/expression/products/StudioUltimate_Overview.aspx
Flash Catalyst
     http://www.adobe.com/products/flashcatalyst/
Google Sketch Up
     http://sketchup.google.com/intl/it/
Autodromo di Monza         (se volete fare i commissari)
     http://www.monzanet.it/it

Weitere ähnliche Inhalte

Ähnlich wie Ascari Project

Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da UsareRoberto Polillo
 
Massimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodottoMassimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodottoQIRIS
 
Fe05 test drivenjavascriptdevelopment
Fe05   test drivenjavascriptdevelopmentFe05   test drivenjavascriptdevelopment
Fe05 test drivenjavascriptdevelopmentDotNetCampus
 
AgileIoT, da Arduino al Delivery
AgileIoT, da Arduino al DeliveryAgileIoT, da Arduino al Delivery
AgileIoT, da Arduino al DeliveryFelice Pescatore
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazioneOana Tatar
 
Lean Prototyping
Lean PrototypingLean Prototyping
Lean PrototypingLuca Scarpa
 
Introduzione ai Design Pattern
Introduzione ai Design PatternIntroduzione ai Design Pattern
Introduzione ai Design PatternRiccardo Cardin
 
iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 marcocarnesecchi
 
Agileday2013 pratiche agili applicate all'infrastruttura
Agileday2013 pratiche agili applicate all'infrastrutturaAgileday2013 pratiche agili applicate all'infrastruttura
Agileday2013 pratiche agili applicate all'infrastrutturaXPeppers
 
festival ICT 2013: Vivere open source dalle applicazioni ad arduino
festival ICT 2013: Vivere open source dalle applicazioni ad arduinofestival ICT 2013: Vivere open source dalle applicazioni ad arduino
festival ICT 2013: Vivere open source dalle applicazioni ad arduinofestival ICT 2016
 
lantichi project work Generazione Web
lantichi project work Generazione Weblantichi project work Generazione Web
lantichi project work Generazione WebLaura Antichi
 
Loosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain modelLoosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain modelFrancesca1980
 
lezione interaction design 18 marzo 2009
lezione interaction design 18 marzo 2009lezione interaction design 18 marzo 2009
lezione interaction design 18 marzo 2009Marco Loregian
 
Predictive Maintenance per le aziende del nord-est con Azure e IoT
Predictive Maintenance per le aziende del nord-est con Azure e IoTPredictive Maintenance per le aziende del nord-est con Azure e IoT
Predictive Maintenance per le aziende del nord-est con Azure e IoTMarco Parenzan
 
User experience matters
User experience mattersUser experience matters
User experience mattersPaolo Costa
 
LEAN IT - Pensiero snello per migliorare risultati e prestazioni
LEAN IT - Pensiero snello per migliorare risultati e prestazioniLEAN IT - Pensiero snello per migliorare risultati e prestazioni
LEAN IT - Pensiero snello per migliorare risultati e prestazioniProject Group Srl
 

Ähnlich wie Ascari Project (20)

Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da Usare
 
C lab pretotyping
C lab pretotypingC lab pretotyping
C lab pretotyping
 
Massimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodottoMassimo Aliberti - Dal concept al prototipo al prodotto
Massimo Aliberti - Dal concept al prototipo al prodotto
 
Fe05 test drivenjavascriptdevelopment
Fe05   test drivenjavascriptdevelopmentFe05   test drivenjavascriptdevelopment
Fe05 test drivenjavascriptdevelopment
 
AgileIoT, da Arduino al Delivery
AgileIoT, da Arduino al DeliveryAgileIoT, da Arduino al Delivery
AgileIoT, da Arduino al Delivery
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
Lean Prototyping
Lean PrototypingLean Prototyping
Lean Prototyping
 
Introduzione ai Design Pattern
Introduzione ai Design PatternIntroduzione ai Design Pattern
Introduzione ai Design Pattern
 
Agile Engineering
Agile EngineeringAgile Engineering
Agile Engineering
 
iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010
 
Agileday2013 pratiche agili applicate all'infrastruttura
Agileday2013 pratiche agili applicate all'infrastrutturaAgileday2013 pratiche agili applicate all'infrastruttura
Agileday2013 pratiche agili applicate all'infrastruttura
 
festival ICT 2013: Vivere open source dalle applicazioni ad arduino
festival ICT 2013: Vivere open source dalle applicazioni ad arduinofestival ICT 2013: Vivere open source dalle applicazioni ad arduino
festival ICT 2013: Vivere open source dalle applicazioni ad arduino
 
lantichi project work Generazione Web
lantichi project work Generazione Weblantichi project work Generazione Web
lantichi project work Generazione Web
 
Loosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain modelLoosely Coupled Complexity - Unleash the power of your domain model
Loosely Coupled Complexity - Unleash the power of your domain model
 
lezione interaction design 18 marzo 2009
lezione interaction design 18 marzo 2009lezione interaction design 18 marzo 2009
lezione interaction design 18 marzo 2009
 
Predictive Maintenance per le aziende del nord-est con Azure e IoT
Predictive Maintenance per le aziende del nord-est con Azure e IoTPredictive Maintenance per le aziende del nord-est con Azure e IoT
Predictive Maintenance per le aziende del nord-est con Azure e IoT
 
User experience matters
User experience mattersUser experience matters
User experience matters
 
Agile software lifecycle
Agile software lifecycleAgile software lifecycle
Agile software lifecycle
 
LEAN IT - Pensiero snello per migliorare risultati e prestazioni
LEAN IT - Pensiero snello per migliorare risultati e prestazioniLEAN IT - Pensiero snello per migliorare risultati e prestazioni
LEAN IT - Pensiero snello per migliorare risultati e prestazioni
 
Agile UX - AR Meetup
Agile UX - AR MeetupAgile UX - AR Meetup
Agile UX - AR Meetup
 

Mehr von Gabriele Genta

Ascari Project (discorso)
Ascari Project (discorso)Ascari Project (discorso)
Ascari Project (discorso)Gabriele Genta
 
Giovanni's Restaurant (discorso)
Giovanni's Restaurant (discorso)Giovanni's Restaurant (discorso)
Giovanni's Restaurant (discorso)Gabriele Genta
 
PMO - Project Management Office (Discorso)
PMO - Project Management Office (Discorso)PMO - Project Management Office (Discorso)
PMO - Project Management Office (Discorso)Gabriele Genta
 
PMO - Project Management Office
PMO - Project Management OfficePMO - Project Management Office
PMO - Project Management OfficeGabriele Genta
 
Ascari Project Brochure
Ascari Project BrochureAscari Project Brochure
Ascari Project BrochureGabriele Genta
 
Un modello per il supporto all'awareness in ambienti collaborativi
Un modello per il supporto all'awareness in ambienti collaborativiUn modello per il supporto all'awareness in ambienti collaborativi
Un modello per il supporto all'awareness in ambienti collaborativiGabriele Genta
 
Confronto Online Website Builders
Confronto Online Website BuildersConfronto Online Website Builders
Confronto Online Website BuildersGabriele Genta
 

Mehr von Gabriele Genta (10)

Ascari Project (discorso)
Ascari Project (discorso)Ascari Project (discorso)
Ascari Project (discorso)
 
Giovanni's Restaurant (discorso)
Giovanni's Restaurant (discorso)Giovanni's Restaurant (discorso)
Giovanni's Restaurant (discorso)
 
Giovanni's Restaurant
Giovanni's RestaurantGiovanni's Restaurant
Giovanni's Restaurant
 
PMO - Project Management Office (Discorso)
PMO - Project Management Office (Discorso)PMO - Project Management Office (Discorso)
PMO - Project Management Office (Discorso)
 
PMO - Project Management Office
PMO - Project Management OfficePMO - Project Management Office
PMO - Project Management Office
 
Ascari Project Brochure
Ascari Project BrochureAscari Project Brochure
Ascari Project Brochure
 
Un modello per il supporto all'awareness in ambienti collaborativi
Un modello per il supporto all'awareness in ambienti collaborativiUn modello per il supporto all'awareness in ambienti collaborativi
Un modello per il supporto all'awareness in ambienti collaborativi
 
Pandora
PandoraPandora
Pandora
 
Amigo
AmigoAmigo
Amigo
 
Confronto Online Website Builders
Confronto Online Website BuildersConfronto Online Website Builders
Confronto Online Website Builders
 

Ascari Project

  • 1. Ascari Andrea Fulciniti Gabriele Genta Alessandro La Torraca Corso di Interaction Design 2009
  • 2. Obiettivi COSA  Progettazione di un oggetto o sistema interattivo PERCHÈ  Supporto alla collaborazione all’interno di una comunità COME  Dispositivi mobili  Output non testuale  Oggetti o dispositivi completamente nuovi
  • 3. Come, non Cosa Requisiti Persone Scenari
  • 4. Scelta Dominio  Comunità  Contatti diretti  Aspetti migliorabili
  • 5. Scelta Dominio  Comunità  Contatti diretti  Aspetti migliorabili IL NOSTRO CASO Commissari di percorso dell’Autodromo Nazionale di Monza 6h
  • 6. Analisi Dominio Raccolta Osservazione informazioni tramite diretta, interviste e sul dominio questionari Cosa funziona e cosa no Scenari
  • 7. Analisi Dominio Raccolta Interviste e informazioni tramite questionari sul dominio Cosa funziona e cosa no Scenari IL NOSTRO CASO  Interviste dirette con i commissari  Questionario con Google Docs 80 h
  • 8. Requisiti DICONO  Cosa il prodotto deve fare  Non come deve farlo COSA SONO  Elenco frasi semplici e concise identificate da un codice  Descrizioni ad alto livello
  • 9. Requisiti - Tipi Funzionali cosa Requisiti Non Funzionali vincoli
  • 10. Requisiti - Tipi Funzionali cosa Requisiti Non Funzionali vincoli [RF-05] Indicazione delle bandiere che la propria IL NOSTRO postazione, quella precedente e quella successiva CASO stanno esponendo. [RN-08] Resistenza alle intemperie.
  • 11. Requisiti - Specificazione COS’È  Descrizione dettagliata dei requisiti COSA CONTIENE  Motivi  Problematiche che risolve IMPORTANTE  Non modificare ciò che funziona bene
  • 12. Requisiti - Specificazione COS’È  Descrizione dettagliata dei requisiti COSA CONTIENE  Motivi  Problematiche che risolve IMPORTANTE  Non modificare ciò che funziona bene
  • 13. Requisiti - Specificazione COS’È  Descrizione dettagliata dei requisiti COSA CONTIENE  Motivi  Problematiche che risolve IMPORTANTE  Non modificare ciò che funziona bene IL NOSTRO CASO Esempi pratici in cui si manifestano le problematiche 24 h
  • 14. Costruzione delle Persone COSA SONO  Descrizioni inventate  Utenti tipo del prodotto A COSA SERVONO  Guidano nelle scelte di design
  • 15. Costruzione delle Persone COSA SONO  Descrizioni inventate  Utenti tipo del prodotto A COSA SERVONO  Guidano nelle scelte di design IL NOSTRO CASO  Pietro, il commissario principiante  Filippo, quello esperto 18 h
  • 16. Ideazione Prodotto Requisiti Descrizione del Prodotto
  • 17. Ideazione Prodotto – Il nostro caso 4h
  • 18. Prototipo di Interazione – Scenari Esistenti COSA SONO  Descrizioni dettagliate di situazioni rilevanti SERVONO A  Evidenziare tutte le problematiche  Capire dove e come si inserisce il nuovo prodotto
  • 19. Prototipo di Interazione – Scenari Esistenti COSA SONO  Descrizioni dettagliate di situazioni rilevanti SERVONO A  Evidenziare tutte le problematiche  Capire dove e come si inserisce il nuovo prodotto IL NOSTRO CASO 3 scenari che descrivono le situazioni più critiche
  • 20. Prototipo di Interazione COME PROCEDERE  Ripercorrere gli scenari  Inserire le interazioni con il nuovo prodotto Esempi: “L’utente preme il bottone X” “Il dispositivo reagisce vibrando brevemente” IMPORTANTE  Mai dimenticarsi dei requisiti  Seguire le leggi dell’Interaction Design
  • 21. Prototipo di Interazione - Strumenti MOCKUP CARTACEI  Veloci  Efficaci  Test immediato dell’interfaccia
  • 22. Prototipo di Interazione - Revisione Requisiti Mockup
  • 23. Prototipo di Interazione - Risultati Mockup completo Nuovi scenari e dettagliato 30 h 42 h
  • 24. Prototipo di Interazione – Presentazione Microsoft Office PowerPoint ADOBE FLASH Microsoft Expression CATALYST Blend AXURE RP PRO
  • 25. Prototipo di Interazione – Presentazione Microsoft Office PowerPoint ADOBE FLASH Microsoft Expression CATALYST Blend AXURE RP PRO
  • 26. Prototipo di Interazione - Flash Catalyst VANTAGGI  Editor visuale  Transizioni e animazioni  Prototipazione rapida SVANTAGGI  Ambiente di sviluppo lento 60 h
  • 27. Pianificazione della Prototipazione COS’È  Fasi evoluzione prodotto PER OGNI FASE  Livello prototipale  Configurazione e numero dispositivi  Stima costi  Obiettivo chiaro e preciso
  • 28. Pianificazione della Prototipazione Costo Fase Obiettivo Stimato Testare la validità 0 ~ 1.500 € dell’interfaccia Punto di non ritorno Testare il prodotto in 1 ~ 14.000 € condizioni di uso reali Testare il prodotto 2 ~ 262.200 € lungo tutto il tracciato Mettere in opera il 3 ~ 14.675 € sistema completo 12 h Tot. ~ 292.375 €
  • 29. Riepilogo Fase Progettuale Tempo Scelta Dominio 6h Analisi Dominio 80 h Requisiti 24 h Persone 18 h Ideazione Prodotto 4h Scenari 30 h Mockup 42 h Prototipo di Interazione 60 h Pianificazione 15 h Tot. 279 h
  • 30. Riepilogo Fase Progettuale Tempo Scelta Dominio 6h Analisi Dominio 80 h Requisiti 24 h Persone 18 h Ideazione Prodotto 4h Scenari 30 h Mockup 42 h Prototipo di Interazione 60 h Pianificazione 15 h Tot. 279 h
  • 31. FINE Ascari Questa fotografia e le altre utilizzate nella presentazione sono tratte dal sito www.fotomorale.com
  • 32. Riferimenti Materiale progetto  (non ancora disponibile) Persona Creation and Usage Toolkit  http://www.interactionbydesign.com/presentations/olsen_persona_toolkit.pdf MockFlow  http://www.mockflow.com/ Mockingbird  http://gomockingbird.com/ Balsamiq  http://www.balsamiq.com/products/mockups Axure RP Pro  http://www.axure.com/ Microsoft Expression Blend  http://www.microsoft.com/expression/products/StudioUltimate_Overview.aspx Flash Catalyst  http://www.adobe.com/products/flashcatalyst/ Google Sketch Up  http://sketchup.google.com/intl/it/ Autodromo di Monza (se volete fare i commissari)  http://www.monzanet.it/it