際際滷

際際滷Share a Scribd company logo
Corso WebApp iOS
                Design Touch Mobile
                                       Lezione 02/10
..the thing that has struck me the most
is the difference between how we think people use
the website and how they actually use them
  Steve Krug
    Author of Dont Make Me Think!
Chapter 02
Agile Project Building for iOS Devices




   http://www.apress.com/9781430232469
Diario Lezioni
                  LEZIONE 02

             Design Touch Mobile
   User Centered Design (UCD) per il Mobile
Definire un Ciclo di Vita per Sviluppatori Singoli
          Definire una Strategia Mobile
         Definire una Roadmap Mobile
      Definire un Documento dei Requisiti
UCD ISO 13407
 Protocollo ISO 13407 (1999)
    User Centered Design

 Protocollo ISO 12207 (1994)
 Software Lifecycle Processes
UCD ISO 13407
               Protocollo ISO 13407
               User Centered Design
                    Risponde alle Domande
                Cosa 竪 importante per lUtente?
 Che Task compie lUtente? Con che Frequenza? In che Ordine?
                Quale 竪 lAmbiente di Utilizzo?
        Quali sono i Vincoli Utente in Ottica Funzionale?
             Quali sono le Aspettative dellUtente?
Come il Design pu嘆 Ottimizzare i Processi Cognitivi dellUtente?
UCD ISO 13407
               Protocollo ISO 13407
               User Centered Design
       Non 辿 una specifica metodologia di progettazione
                  ma un approccio generale

complementa i vari metodi e approcci alla progettazione esistenti
UCD ISO 13407
                  Protocollo ISO 13407
                  User Centered Design
 ISO 13407 specifica che 辿 caratterizzato dei seguenti 4 punti:

1.   coinvolgimento degli utenti e comprensione dei loro requisiti
2.   assegnazione appropriata delle funzioni fra utenti e tecnologia
3.   iterazione della soluzione di progetto
4.   progettazione multi-disciplinare
Approcci a Confronto
User Centered                         Technology Driven
   Focus sulle Soluzioni                Focus sui Componenti
   Focus sulla Robustezza della UI      Focus sulla Robustezza Sistema
   Scenario Driven (Real World)         System Driven (Use Case)
Qualit basta su                     Qualit basata su
Completamento Task                    Difetti del Prodotto
UCD
Approccio Technology Driven
UCD
Approccio User Driven
IxD
Interaction Design
Interaction Designer
                  De鍖nizione IxD della IXDA
               (Interaction Design Association)

..interaction design (IxD) crea prodotti e servizi utili ed usabili
                 [..] seguendo i principi dello UCD
      [..] fondandosi sulla comprensione degli utenti reali..
Multi Disciplina

Informatica                   Psicologia
                 IxD




              Progettazione
Multi Disciplina
                       Psicologia
     psicologia cognitiva, sociale e comunicazione

                     Informatica
    tecnologia e standard relativi allarea di lavoro

                     Progettazione
metodi e tecniche di progettazione, ingegneria usabilit
UCD ISO 13407
             Protocollo ISO 13407 (Principi)
                Coinvolgimento Attivo Utenti
                Assegnazione Ruoli Sistema ed Utente*
                Iterare Soluzioni Design
                Usare Team Multi-Disciplinare


     *Utente visto come Parte Centrale del Processo
UCD ISO 13407
       Protocollo ISO 13407 (Attivit)
          Specificare Contesto Uso
          Specificare Requisiti
          Creare Soluzioni Progettuali
          Valutare Design
UCD ISO 13407
    1

            2 Fasi di Analisi*
               Specificare Contesto Uso
               Specificare Requisiti
        2

            *Esercitazione Odierna
UCD ISO 13407
    1

        Speci鍖care Contesto Uso
           Chi la User?
           Che Cosa ci Far?
           In Quali Condizioni la User?
UCD ISO 13407
        Speci鍖care Requisiti
           Quali sono gli User Task?
           Quali sono gli Obiettivi Business?
    2
UCD ISO 13407
    1

            Alcuni Strumenti Fase 1 e 2
            Pianificazione Vincoli e
            Aspettative
        2      Analisi Concorrenti
               Interviste con Potenziali Utenti
               Questionari
               Creazione Profili Utenti
               Creazione Elenco Compiti
               Creazione di Scenari
UCD ISO 13407

       Alcuni Strumenti Fase 3
          Brainstorming e Discussioni Libere
          Sketching delle Interfacce
          Analisi Cognitiva Interfacce
          Prototipi delle Interfacce




 3
UCD ISO 13407

           Alcuni Strumenti Fase 4
              Test con Utenti
              Questionari
              Analisi Ispettive ed Euristiche
              Analisi Comparative
              Simulazioni Cognitive
              Implementazione
4
UCD ISO 13407
           Doppia Fase di Analisi
Analisi Contesto dUso e Comprensione Utente

              Ritorno Pratico
            Riduzione dei Rischi
Costi Errore
UCD ISO 13407
     Processo Rigido?
            NO

 Processo Personalizzabile?
             SI
Esempio
Diario Lezioni
                  LEZIONE 02

             Design Touch Mobile
   User Centered Design (UCD) per il Mobile
Definire un Ciclo di Vita per Sviluppatori Singoli
          Definire una Strategia Mobile
         Definire una Roadmap Mobile
      Definire un Documento dei Requisiti
Project Workflow
Analisi       Design            Implementazione            Test

1




0
    step 1      step 2       step 3        step 4       step 5
Analisi       Design            Implementazione            Test

1




0
    step 1      step 2       step 3        step 4       step 5
Analisi       Design            Implementazione            Test

1




0
    step 1      step 2       step 3        step 4       step 5
Analisi       Design            Implementazione            Test

1




0
    step 1      step 2       step 3        step 4       step 5
Diario Lezioni
                  LEZIONE 02

             Design Touch Mobile
   User Centered Design (UCD) per il Mobile
Definire un Ciclo di Vita per Sviluppatori Singoli
          Definire una Strategia Mobile
         Definire una Roadmap Mobile
      Definire un Documento dei Requisiti
Strategia Mobile
            un piano che combina
  obiettivi a corto, medio e lungo termine
   con laiuto di soluzioni tecnologiche
che permettono di raggiungere tali obiettivi
    allinterno di un ecosistema mobile
Definire la Strategia
   1: Definire gli Obiettivi di Progetto

       Obiettivi dellApplicazione
         Obiettivi di Business
Definire la Strategia
     2: Definire lAmbito del Progetto

      Analisi del Profilo degli Utenti
        Analisi Bisogni degli Utenti
   Analisi delle Funzionalit del Sistema
Definire la Strategia
       3: Prioritizzare un Area di Mercato

         Scelta Segmento di Mercato
Comparazione delle Categorie (es: Apple WebApp)
Definire la Strategia
  4: Pianificare lUso del Tempo di Lavoro

        Gestione Tempo del Team
          Orizzonte Temporale
Definire la Strategia
   5: Definire una Roadmap del Progetto

          Analisi delle Deadline
          Design delle Deadline
          Rilascio delle Deadline
Diario Lezioni
                  LEZIONE 02

             Design Touch Mobile
   User Centered Design (UCD) per il Mobile
Definire un Ciclo di Vita per Sviluppatori Singoli
          Definire una Strategia Mobile
         Definire una Roadmap Mobile
      Definire un Documento dei Requisiti
Roadmap
          pu嘆 essere vista come

            un piano di azione
con un insieme di milestone da raggiungere
       con delle scadenze prefissate
Roadmap
    processo roadmap

     attivit preliminari
 definizione della Roadmap
completamento delle attivit
Roadmap
         Timeline

  pu嘆 essere rappresentata
 con una generica Timeline
o con un diagramma di Gantt
Timeline 3D
Timeline 3D
Diario Lezioni
                  LEZIONE 02

             Design Touch Mobile
   User Centered Design (UCD) per il Mobile
Definire un Ciclo di Vita per Sviluppatori Singoli
          Definire una Strategia Mobile
         Definire una Roadmap Mobile
      Definire un Documento dei Requisiti
Definire i Requisiti
  Requisito dal latino requisitus (richiesto)

      propriet richiesta o auspicabile
               di un prodotto
Definire i Requisiti
     Definizione IEEE: Requisito

    una condizione o una capacit
       necessaria ad un utente
      per risolvere un problema
Definire i Requisiti
           Definizione IEEE: Requisito

           condizione (capacit) che
    deve essere soddisfatta (posseduta) [..]
da un sistema [..] per soddisfare un contratto [..]
Tipi di Requisiti
          Requisito Obbligatorio

   requisito irrinunciabile per il cliente
generalmente espresso con la parola deve
Tipi di Requisiti
             Requisito Desiderabile

 requisito utile ma non necessario per il cliente
generalmente espresso con la parola dovrebbe
Tipi di Requisiti
             Requisito Auspicabili

  requisito utile ma non richiesto dal cliente
generalmente espresso con la parola potrebbe
Definire i Requisiti
   Stesura Requisiti != Progettazione

             in questa fase
       vengono posti dei vincoli
     alle attivit di progettazione
Definire i Requisiti
   Stesura Requisiti != Progettazione

  dire che cosa deve essere realizzato
    non come deve essere realizzato
Definire i Requisiti
    Processo di Definizione dei Requisiti

                1. Esplorazione
 raccoglie il maggior numero di informazioni
    sugli obiettivi e necessit del sistema
Definire i Requisiti
  Processo di Definizione dei Requisiti

            2. Organizzazione
  costruisce un documento dei requisiti
           condiviso dal cliente
Definire i Requisiti
  Processo di Definizione dei Requisiti

      3. Revisione ed Approvazione
          ufficializza e congela
  il documento dei requisiti col cliente
Definire i Requisiti
                         APPUNTI                    REQUISITI




   ESPLORAZIONE                    ORGANIZZAZIONE               REVISIONE




   ANALISI PRODOTTO                  LINEE GUIDA
 ANALISI CONCORRENZA
INTERVISTE STAKEHOLDER
Esercitazione
Utilizzare Template* Requisiti e Timeline Scaricabile
            http://iu.di.unipi.it/webapp/

           1. Pianificare una Strategia Mobile
           2. Analisi del Contesto dUso
           3. Analisi del Profilo/i Utente/i
           4. Produrre Un Documento dei Requisiti
           5. Produrre una Roadmap di Progetto



            *oppure usare un proprio template
PROSSIMA LEZIONE
            LEGGERE

       Psicologia Generale
   Processo Design Interfaccia

More Related Content

Corso WebApp iOS - Lezione 02: Design Touch Mobile

  • 1. Corso WebApp iOS Design Touch Mobile Lezione 02/10 ..the thing that has struck me the most is the difference between how we think people use the website and how they actually use them Steve Krug Author of Dont Make Me Think!
  • 2. Chapter 02 Agile Project Building for iOS Devices http://www.apress.com/9781430232469
  • 3. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il Mobile Definire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  • 4. UCD ISO 13407 Protocollo ISO 13407 (1999) User Centered Design Protocollo ISO 12207 (1994) Software Lifecycle Processes
  • 5. UCD ISO 13407 Protocollo ISO 13407 User Centered Design Risponde alle Domande Cosa 竪 importante per lUtente? Che Task compie lUtente? Con che Frequenza? In che Ordine? Quale 竪 lAmbiente di Utilizzo? Quali sono i Vincoli Utente in Ottica Funzionale? Quali sono le Aspettative dellUtente? Come il Design pu嘆 Ottimizzare i Processi Cognitivi dellUtente?
  • 6. UCD ISO 13407 Protocollo ISO 13407 User Centered Design Non 辿 una specifica metodologia di progettazione ma un approccio generale complementa i vari metodi e approcci alla progettazione esistenti
  • 7. UCD ISO 13407 Protocollo ISO 13407 User Centered Design ISO 13407 specifica che 辿 caratterizzato dei seguenti 4 punti: 1. coinvolgimento degli utenti e comprensione dei loro requisiti 2. assegnazione appropriata delle funzioni fra utenti e tecnologia 3. iterazione della soluzione di progetto 4. progettazione multi-disciplinare
  • 8. Approcci a Confronto User Centered Technology Driven Focus sulle Soluzioni Focus sui Componenti Focus sulla Robustezza della UI Focus sulla Robustezza Sistema Scenario Driven (Real World) System Driven (Use Case) Qualit basta su Qualit basata su Completamento Task Difetti del Prodotto
  • 12. Interaction Designer De鍖nizione IxD della IXDA (Interaction Design Association) ..interaction design (IxD) crea prodotti e servizi utili ed usabili [..] seguendo i principi dello UCD [..] fondandosi sulla comprensione degli utenti reali..
  • 13. Multi Disciplina Informatica Psicologia IxD Progettazione
  • 14. Multi Disciplina Psicologia psicologia cognitiva, sociale e comunicazione Informatica tecnologia e standard relativi allarea di lavoro Progettazione metodi e tecniche di progettazione, ingegneria usabilit
  • 15. UCD ISO 13407 Protocollo ISO 13407 (Principi) Coinvolgimento Attivo Utenti Assegnazione Ruoli Sistema ed Utente* Iterare Soluzioni Design Usare Team Multi-Disciplinare *Utente visto come Parte Centrale del Processo
  • 16. UCD ISO 13407 Protocollo ISO 13407 (Attivit) Specificare Contesto Uso Specificare Requisiti Creare Soluzioni Progettuali Valutare Design
  • 17. UCD ISO 13407 1 2 Fasi di Analisi* Specificare Contesto Uso Specificare Requisiti 2 *Esercitazione Odierna
  • 18. UCD ISO 13407 1 Speci鍖care Contesto Uso Chi la User? Che Cosa ci Far? In Quali Condizioni la User?
  • 19. UCD ISO 13407 Speci鍖care Requisiti Quali sono gli User Task? Quali sono gli Obiettivi Business? 2
  • 20. UCD ISO 13407 1 Alcuni Strumenti Fase 1 e 2 Pianificazione Vincoli e Aspettative 2 Analisi Concorrenti Interviste con Potenziali Utenti Questionari Creazione Profili Utenti Creazione Elenco Compiti Creazione di Scenari
  • 21. UCD ISO 13407 Alcuni Strumenti Fase 3 Brainstorming e Discussioni Libere Sketching delle Interfacce Analisi Cognitiva Interfacce Prototipi delle Interfacce 3
  • 22. UCD ISO 13407 Alcuni Strumenti Fase 4 Test con Utenti Questionari Analisi Ispettive ed Euristiche Analisi Comparative Simulazioni Cognitive Implementazione 4
  • 23. UCD ISO 13407 Doppia Fase di Analisi Analisi Contesto dUso e Comprensione Utente Ritorno Pratico Riduzione dei Rischi
  • 25. UCD ISO 13407 Processo Rigido? NO Processo Personalizzabile? SI
  • 27. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il Mobile Definire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  • 29. Analisi Design Implementazione Test 1 0 step 1 step 2 step 3 step 4 step 5
  • 30. Analisi Design Implementazione Test 1 0 step 1 step 2 step 3 step 4 step 5
  • 31. Analisi Design Implementazione Test 1 0 step 1 step 2 step 3 step 4 step 5
  • 32. Analisi Design Implementazione Test 1 0 step 1 step 2 step 3 step 4 step 5
  • 33. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il Mobile Definire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  • 34. Strategia Mobile un piano che combina obiettivi a corto, medio e lungo termine con laiuto di soluzioni tecnologiche che permettono di raggiungere tali obiettivi allinterno di un ecosistema mobile
  • 35. Definire la Strategia 1: Definire gli Obiettivi di Progetto Obiettivi dellApplicazione Obiettivi di Business
  • 36. Definire la Strategia 2: Definire lAmbito del Progetto Analisi del Profilo degli Utenti Analisi Bisogni degli Utenti Analisi delle Funzionalit del Sistema
  • 37. Definire la Strategia 3: Prioritizzare un Area di Mercato Scelta Segmento di Mercato Comparazione delle Categorie (es: Apple WebApp)
  • 38. Definire la Strategia 4: Pianificare lUso del Tempo di Lavoro Gestione Tempo del Team Orizzonte Temporale
  • 39. Definire la Strategia 5: Definire una Roadmap del Progetto Analisi delle Deadline Design delle Deadline Rilascio delle Deadline
  • 40. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il Mobile Definire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  • 41. Roadmap pu嘆 essere vista come un piano di azione con un insieme di milestone da raggiungere con delle scadenze prefissate
  • 42. Roadmap processo roadmap attivit preliminari definizione della Roadmap completamento delle attivit
  • 43. Roadmap Timeline pu嘆 essere rappresentata con una generica Timeline o con un diagramma di Gantt
  • 46. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il Mobile Definire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  • 47. Definire i Requisiti Requisito dal latino requisitus (richiesto) propriet richiesta o auspicabile di un prodotto
  • 48. Definire i Requisiti Definizione IEEE: Requisito una condizione o una capacit necessaria ad un utente per risolvere un problema
  • 49. Definire i Requisiti Definizione IEEE: Requisito condizione (capacit) che deve essere soddisfatta (posseduta) [..] da un sistema [..] per soddisfare un contratto [..]
  • 50. Tipi di Requisiti Requisito Obbligatorio requisito irrinunciabile per il cliente generalmente espresso con la parola deve
  • 51. Tipi di Requisiti Requisito Desiderabile requisito utile ma non necessario per il cliente generalmente espresso con la parola dovrebbe
  • 52. Tipi di Requisiti Requisito Auspicabili requisito utile ma non richiesto dal cliente generalmente espresso con la parola potrebbe
  • 53. Definire i Requisiti Stesura Requisiti != Progettazione in questa fase vengono posti dei vincoli alle attivit di progettazione
  • 54. Definire i Requisiti Stesura Requisiti != Progettazione dire che cosa deve essere realizzato non come deve essere realizzato
  • 55. Definire i Requisiti Processo di Definizione dei Requisiti 1. Esplorazione raccoglie il maggior numero di informazioni sugli obiettivi e necessit del sistema
  • 56. Definire i Requisiti Processo di Definizione dei Requisiti 2. Organizzazione costruisce un documento dei requisiti condiviso dal cliente
  • 57. Definire i Requisiti Processo di Definizione dei Requisiti 3. Revisione ed Approvazione ufficializza e congela il documento dei requisiti col cliente
  • 58. Definire i Requisiti APPUNTI REQUISITI ESPLORAZIONE ORGANIZZAZIONE REVISIONE ANALISI PRODOTTO LINEE GUIDA ANALISI CONCORRENZA INTERVISTE STAKEHOLDER
  • 59. Esercitazione Utilizzare Template* Requisiti e Timeline Scaricabile http://iu.di.unipi.it/webapp/ 1. Pianificare una Strategia Mobile 2. Analisi del Contesto dUso 3. Analisi del Profilo/i Utente/i 4. Produrre Un Documento dei Requisiti 5. Produrre una Roadmap di Progetto *oppure usare un proprio template
  • 60. PROSSIMA LEZIONE LEGGERE Psicologia Generale Processo Design Interfaccia