ݺߣ

ݺߣShare a Scribd company logo
Share your mood!
Progettazione e design di una touchscreen interface


Katarzyna Leszczynska




                                                                             Relatore:
                                                         Prof. Carlo Maria Medaglia
                                                                           Correlatore:
                                                     Prof.ssa Francesca Comunello



          Facoltà di Scienze Politiche, Sociologia e Comunicazione
              Dipartimento di Comunicazione e Ricerca Sociale
   Corso di laurea in Editoria, Comunicazione Multimediale e Giornalismo
Introduzione al progetto




          Touchscreen
         di navigazione



                                         Pannello
                                      retroproiettato


      Share your mood!                             15/07/2011   Pagina 1
      Progettazione e design di una
      touchscreen interface
Introduzione al progetto




      Share your mood!                15/07/2011   Pagina 1
      Progettazione e design di una
      touchscreen interface
Definizione dei requisiti
                                              •   Studio della psicologia del visitatore;
                                              •   Personas-based scenarios;
                                              •   Definizione target di riferimento.



•   Interfaccia utente usabile che
    permetta una user experience
    soddisfacente;
                                                     Utenti
•   Applicazione principi di buon design
    per superfici touch e non solo;
•   Analisi       delle       installazioni                                       •     Studio principi di progettazione per
    touchscreen nei musei.                                                              sistemi di accesso pubblico;
                                                                                  •     Spazio espositivo a disposizione;
                                                                                  •     Coerenza con l’immagine coordinata
                                                                                        del progetto “The Italian Mood”.


            Obiettivi

                                                                                                Ambienti



             Share your mood!                                  15/07/2011                                     Pagina 2
             Progettazione e design di una
             touchscreen interface
Architettura e meccanismi di navigazione del sistema
                                              Redazione
 Albero dei                                               Gabbie            Prototipo di
                        Flow chart               dei
 contenuti                                                logiche           navigazione
                                              contenuti




              Share your mood!                                      15/07/2011             Pagina 3
              Progettazione e design di una
              touchscreen interface
Visual design: il giusto mix di creatività ed usabilità
                                                     Prototipo di
   Layout grafici                  Guida di stile
                                                    comunicazione




          Share your mood!                                15/07/2011   Pagina 4
          Progettazione e design di una
          touchscreen interface
Prototipo funzionale e beta release


                                      Display lcd output




                                                   Microfono




                                         Display touchscreen input




      Share your mood!                                     15/07/2011   Pagina 5
      Progettazione e design di una
      touchscreen interface
Valutazione del sistema
                                                         Rilevazione punti
  Somministrazione
                                    Analisi dei dati         di forza e
   del questionario
                                                             debolezza




                                                       Punti di forza:
                                                       • End goal raggiunto da parte di tutti gli utenti intervistati;
                                                       • Grafica gradevole;
                                                       • Font facilmente leggibile;
                                                       • Dimensione pulsanti adeguata;
                                                       • Disposizione degli elementi dell’interfaccia chiara;
                                                       • Generale riscontro positivo presso il pubblico.



          Share your mood!                                        15/07/2011                                             Pagina 6
          Progettazione e design di una
          touchscreen interface
Sviluppi futuri
Restyling dell’interfaccia per una seconda release da
realizzare per ottobre 2011 attraverso l’applicazione dei
suggerimenti evinti dalle risposte al questionario di
valutazione avute dagli utenti.




              Share your mood!                              15/07/2011   Pagina 7
              Progettazione e design di una
              touchscreen interface
Sviluppi futuri
Restyling dell’interfaccia per una seconda release da
realizzare per ottobre 2011 attraverso l’applicazione dei
suggerimenti evinti dalle risposte al questionario di
valutazione avute dagli utenti.




              Share your mood!                              15/07/2011   Pagina 7
              Progettazione e design di una
              touchscreen interface
Sviluppi futuri
Restyling dell’interfaccia per una seconda release da       Esposizione all’interno di “Digital Life”, evento previsto per
realizzare per ottobre 2011 attraverso l’applicazione dei   ottobre 2011 presso l’EX GIL a Trastevere, Roma.
suggerimenti evinti dalle risposte al questionario di
valutazione avute dagli utenti.
                                                            • Restyling importanti come il cambio della metafora;
                                                            • Utilizzo di nuovi device (es. gli handheld device);
                                                            • Adattamento ad altri contesti espositivi.




              Share your mood!                              15/07/2011                                     Pagina 7
              Progettazione e design di una
              touchscreen interface
Grazie per
l’attenzione!

More Related Content

Share your mood_ Katarzyna-Leszczynska

  • 1. Share your mood! Progettazione e design di una touchscreen interface Katarzyna Leszczynska Relatore: Prof. Carlo Maria Medaglia Correlatore: Prof.ssa Francesca Comunello Facoltà di Scienze Politiche, Sociologia e Comunicazione Dipartimento di Comunicazione e Ricerca Sociale Corso di laurea in Editoria, Comunicazione Multimediale e Giornalismo
  • 2. Introduzione al progetto Touchscreen di navigazione Pannello retroproiettato Share your mood! 15/07/2011 Pagina 1 Progettazione e design di una touchscreen interface
  • 3. Introduzione al progetto Share your mood! 15/07/2011 Pagina 1 Progettazione e design di una touchscreen interface
  • 4. Definizione dei requisiti • Studio della psicologia del visitatore; • Personas-based scenarios; • Definizione target di riferimento. • Interfaccia utente usabile che permetta una user experience soddisfacente; Utenti • Applicazione principi di buon design per superfici touch e non solo; • Analisi delle installazioni • Studio principi di progettazione per touchscreen nei musei. sistemi di accesso pubblico; • Spazio espositivo a disposizione; • Coerenza con l’immagine coordinata del progetto “The Italian Mood”. Obiettivi Ambienti Share your mood! 15/07/2011 Pagina 2 Progettazione e design di una touchscreen interface
  • 5. Architettura e meccanismi di navigazione del sistema Redazione Albero dei Gabbie Prototipo di Flow chart dei contenuti logiche navigazione contenuti Share your mood! 15/07/2011 Pagina 3 Progettazione e design di una touchscreen interface
  • 6. Visual design: il giusto mix di creatività ed usabilità Prototipo di Layout grafici Guida di stile comunicazione Share your mood! 15/07/2011 Pagina 4 Progettazione e design di una touchscreen interface
  • 7. Prototipo funzionale e beta release Display lcd output Microfono Display touchscreen input Share your mood! 15/07/2011 Pagina 5 Progettazione e design di una touchscreen interface
  • 8. Valutazione del sistema Rilevazione punti Somministrazione Analisi dei dati di forza e del questionario debolezza Punti di forza: • End goal raggiunto da parte di tutti gli utenti intervistati; • Grafica gradevole; • Font facilmente leggibile; • Dimensione pulsanti adeguata; • Disposizione degli elementi dell’interfaccia chiara; • Generale riscontro positivo presso il pubblico. Share your mood! 15/07/2011 Pagina 6 Progettazione e design di una touchscreen interface
  • 9. Sviluppi futuri Restyling dell’interfaccia per una seconda release da realizzare per ottobre 2011 attraverso l’applicazione dei suggerimenti evinti dalle risposte al questionario di valutazione avute dagli utenti. Share your mood! 15/07/2011 Pagina 7 Progettazione e design di una touchscreen interface
  • 10. Sviluppi futuri Restyling dell’interfaccia per una seconda release da realizzare per ottobre 2011 attraverso l’applicazione dei suggerimenti evinti dalle risposte al questionario di valutazione avute dagli utenti. Share your mood! 15/07/2011 Pagina 7 Progettazione e design di una touchscreen interface
  • 11. Sviluppi futuri Restyling dell’interfaccia per una seconda release da Esposizione all’interno di “Digital Life”, evento previsto per realizzare per ottobre 2011 attraverso l’applicazione dei ottobre 2011 presso l’EX GIL a Trastevere, Roma. suggerimenti evinti dalle risposte al questionario di valutazione avute dagli utenti. • Restyling importanti come il cambio della metafora; • Utilizzo di nuovi device (es. gli handheld device); • Adattamento ad altri contesti espositivi. Share your mood! 15/07/2011 Pagina 7 Progettazione e design di una touchscreen interface