SlideShare ist ein Scribd-Unternehmen logo
1 von 60
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 “Don’t 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 l’Utente?
 Che Task compie l’Utente? Con che Frequenza? In che Ordine?
                Quale è l’Ambiente di Utilizzo?
        Quali sono i Vincoli Utente in Ottica Funzionale?
             Quali sono le Aspettative dell’Utente?
Come il Design può Ottimizzare i Processi Cognitivi dell’Utente?
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
                  Definizione 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 all’area 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

        Specificare Contesto Uso
           Chi la Userà?
           Che Cosa ci Farà?
           In Quali Condizioni la Userà?
UCD ISO 13407
        Specificare 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 d’Uso 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 l’aiuto di soluzioni tecnologiche
che permettono di raggiungere tali obiettivi
    all’interno di un ecosistema mobile
Definire la Strategia
   1: Definire gli Obiettivi di Progetto

       Obiettivi dell’Applicazione
         Obiettivi di Business
Definire la Strategia
     2: Definire l’Ambito 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 l’Uso 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 d’Uso
           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

Weitere ähnliche Inhalte

Andere mochten auch

Corso WebApp iOS - Lezione 09: Testing iOS WebApp
Corso WebApp iOS - Lezione 09: Testing iOS WebAppCorso WebApp iOS - Lezione 09: Testing iOS WebApp
Corso WebApp iOS - Lezione 09: Testing iOS WebAppAndrea Picchi
 
Mobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryMobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryAndrea Picchi
 
Introduction to Agile Scrum
Introduction to Agile ScrumIntroduction to Agile Scrum
Introduction to Agile ScrumAndrea Picchi
 
Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteAndrea Picchi
 
Ottimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile TouchOttimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile TouchAndrea Picchi
 
Analisi e Tecniche di Design Cognitivo per Contesti Mobile Touch
Analisi e Tecniche di Design Cognitivo per Contesti Mobile TouchAnalisi e Tecniche di Design Cognitivo per Contesti Mobile Touch
Analisi e Tecniche di Design Cognitivo per Contesti Mobile TouchAndrea Picchi
 
A Cognitive Approach to Ecosystem Design
A Cognitive Approach to Ecosystem DesignA Cognitive Approach to Ecosystem Design
A Cognitive Approach to Ecosystem DesignAndrea Picchi
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User ExperienceAndrea Picchi
 
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...The Evolution of Business Strategy: How to use Design Thinking to uncover hid...
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...Andrea Picchi
 

Andere mochten auch (9)

Corso WebApp iOS - Lezione 09: Testing iOS WebApp
Corso WebApp iOS - Lezione 09: Testing iOS WebAppCorso WebApp iOS - Lezione 09: Testing iOS WebApp
Corso WebApp iOS - Lezione 09: Testing iOS WebApp
 
Mobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel IndustryMobile and Wearable Technologies in the Travel Industry
Mobile and Wearable Technologies in the Travel Industry
 
Introduction to Agile Scrum
Introduction to Agile ScrumIntroduction to Agile Scrum
Introduction to Agile Scrum
 
Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza Utente
 
Ottimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile TouchOttimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile Touch
 
Analisi e Tecniche di Design Cognitivo per Contesti Mobile Touch
Analisi e Tecniche di Design Cognitivo per Contesti Mobile TouchAnalisi e Tecniche di Design Cognitivo per Contesti Mobile Touch
Analisi e Tecniche di Design Cognitivo per Contesti Mobile Touch
 
A Cognitive Approach to Ecosystem Design
A Cognitive Approach to Ecosystem DesignA Cognitive Approach to Ecosystem Design
A Cognitive Approach to Ecosystem Design
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User Experience
 
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...The Evolution of Business Strategy: How to use Design Thinking to uncover hid...
The Evolution of Business Strategy: How to use Design Thinking to uncover hid...
 

Ähnlich wie Corso WebApp iOS - Lezione 02: Design Touch Mobile

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 CognitivoAndrea Picchi
 
iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 marcocarnesecchi
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTMirko Compagno
 
Studio e implementazione di uno strumento di configurazione e visualizzazione...
Studio e implementazione di uno strumento di configurazione e visualizzazione...Studio e implementazione di uno strumento di configurazione e visualizzazione...
Studio e implementazione di uno strumento di configurazione e visualizzazione...Matteo Miotto
 
Agile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAgile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAlberto Mucignat
 
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0Studio e sviluppo di un’interfaccia per applicazione WEB 2.0
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0NobelMusic
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da UsareRoberto Polillo
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionMarco Buonvino
 
La Business Intelligence per le PMI - Vantaggi ed un minimo di contesto
La Business Intelligence per le PMI - Vantaggi ed un minimo di contestoLa Business Intelligence per le PMI - Vantaggi ed un minimo di contesto
La Business Intelligence per le PMI - Vantaggi ed un minimo di contestoMetodo spa
 
Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso Monaldi
 
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...Emerasoft, solutions to collaborate
 
Laboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualitàLaboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualitàRoberto Polillo
 

Ähnlich wie Corso WebApp iOS - Lezione 02: Design Touch Mobile (20)

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
 
Ux for nerds
Ux for nerdsUx for nerds
Ux for nerds
 
iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010 iLook ZUI, congresso SIE 2010
iLook ZUI, congresso SIE 2010
 
Ux scrum e gilde...
Ux scrum e gilde...Ux scrum e gilde...
Ux scrum e gilde...
 
UX Scrum e... gilde
UX Scrum e... gildeUX Scrum e... gilde
UX Scrum e... gilde
 
pdfPresFeb2014
pdfPresFeb2014pdfPresFeb2014
pdfPresFeb2014
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERT
 
Studio e implementazione di uno strumento di configurazione e visualizzazione...
Studio e implementazione di uno strumento di configurazione e visualizzazione...Studio e implementazione di uno strumento di configurazione e visualizzazione...
Studio e implementazione di uno strumento di configurazione e visualizzazione...
 
Software Testing Forum 2012 - Polarion e TRS SpA
Software Testing Forum 2012 - Polarion e TRS SpASoftware Testing Forum 2012 - Polarion e TRS SpA
Software Testing Forum 2012 - Polarion e TRS SpA
 
Agile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAgile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioni
 
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0Studio e sviluppo di un’interfaccia per applicazione WEB 2.0
Studio e sviluppo di un’interfaccia per applicazione WEB 2.0
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da Usare
 
Agile UX - AR Meetup
Agile UX - AR MeetupAgile UX - AR Meetup
Agile UX - AR Meetup
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
 
La Business Intelligence per le PMI - Vantaggi ed un minimo di contesto
La Business Intelligence per le PMI - Vantaggi ed un minimo di contestoLa Business Intelligence per le PMI - Vantaggi ed un minimo di contesto
La Business Intelligence per le PMI - Vantaggi ed un minimo di contesto
 
Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018
 
Webinar: "DevOps e Orchestrazione Bimodale dei Processi IT"
Webinar: "DevOps e Orchestrazione Bimodale dei Processi IT"Webinar: "DevOps e Orchestrazione Bimodale dei Processi IT"
Webinar: "DevOps e Orchestrazione Bimodale dei Processi IT"
 
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...
Emerasoft Day 2012 - TRS "Uso del metodo Cosmic e di Polarion per la gestione...
 
Corso progettazione
Corso progettazioneCorso progettazione
Corso progettazione
 
Laboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualitàLaboratorio internet 6: Piano di qualità
Laboratorio internet 6: Piano di qualità
 

Mehr von Andrea Picchi

The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...
The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...
The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...Andrea Picchi
 
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...Andrea Picchi
 
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...The Evolution of Design Thinking: Shifting from a Product and Service to a Re...
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...Andrea Picchi
 
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...Andrea Picchi
 
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...Andrea Picchi
 
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.Beyond Design Thinking the 3 Dimension of a Design-Driven Company.
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.Andrea Picchi
 
Embedding Design Thinking at Sony to accomplish Business Strategy
Embedding Design Thinking at Sony to accomplish Business StrategyEmbedding Design Thinking at Sony to accomplish Business Strategy
Embedding Design Thinking at Sony to accomplish Business StrategyAndrea Picchi
 
How a Design-Driven Company can Multiply its Business Value
How a Design-Driven Company can Multiply its Business ValueHow a Design-Driven Company can Multiply its Business Value
How a Design-Driven Company can Multiply its Business ValueAndrea Picchi
 
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 TouchAndrea Picchi
 
Corso WebApp iOS - Lezione 08: Optimize iOS WebApp
Corso WebApp iOS - Lezione 08: Optimize iOS WebAppCorso WebApp iOS - Lezione 08: Optimize iOS WebApp
Corso WebApp iOS - Lezione 08: Optimize iOS WebAppAndrea Picchi
 
Corso WebApp iOS - Lezione 07: iOS WebApp Anatomy
Corso WebApp iOS - Lezione 07: iOS WebApp AnatomyCorso WebApp iOS - Lezione 07: iOS WebApp Anatomy
Corso WebApp iOS - Lezione 07: iOS WebApp AnatomyAndrea Picchi
 
Corso WebApp iOS - Lezione 06: Web Development for iOS Devices
Corso WebApp iOS - Lezione 06:   Web Development for iOS DevicesCorso WebApp iOS - Lezione 06:   Web Development for iOS Devices
Corso WebApp iOS - Lezione 06: Web Development for iOS DevicesAndrea Picchi
 
Corso WebApp iOS - Lezione 05: Mobile Touch Development
Corso WebApp iOS - Lezione 05: Mobile Touch DevelopmentCorso WebApp iOS - Lezione 05: Mobile Touch Development
Corso WebApp iOS - Lezione 05: Mobile Touch DevelopmentAndrea Picchi
 
Corso WebApp iOS - Lezione 04: iOS UI Design
Corso WebApp iOS - Lezione 04: iOS UI DesignCorso WebApp iOS - Lezione 04: iOS UI Design
Corso WebApp iOS - Lezione 04: iOS UI DesignAndrea Picchi
 
Corso WebApp iOS - Lezione 03: Cognitive User Interface Design
Corso WebApp iOS - Lezione 03: Cognitive User Interface DesignCorso WebApp iOS - Lezione 03: Cognitive User Interface Design
Corso WebApp iOS - Lezione 03: Cognitive User Interface DesignAndrea Picchi
 
Corso WebApp iOS - Lezione 01: Think Touch Mobile
Corso WebApp iOS - Lezione 01: Think Touch MobileCorso WebApp iOS - Lezione 01: Think Touch Mobile
Corso WebApp iOS - Lezione 01: Think Touch MobileAndrea Picchi
 
Design e Ottimizzazione Cognitiva di Interfacce Touch Screen
Design e Ottimizzazione Cognitiva di Interfacce Touch ScreenDesign e Ottimizzazione Cognitiva di Interfacce Touch Screen
Design e Ottimizzazione Cognitiva di Interfacce Touch ScreenAndrea Picchi
 
Paradigma Cognitivo dei Dispositivi Touch Screen
Paradigma Cognitivo dei Dispositivi Touch ScreenParadigma Cognitivo dei Dispositivi Touch Screen
Paradigma Cognitivo dei Dispositivi Touch ScreenAndrea Picchi
 

Mehr von Andrea Picchi (18)

The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...
The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...
The New Retail Paradigm: How the Psychological Foundation of Consumer Behavio...
 
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...
The 3 Dimensions of Design: A Model to scale the Human-Centered Problem-Solvi...
 
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...The Evolution of Design Thinking: Shifting from a Product and Service to a Re...
The Evolution of Design Thinking: Shifting from a Product and Service to a Re...
 
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...
Continuous Innovation: Going beyond Agile, Lean, and Design Thinking toward a...
 
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...
The 3 Dimensions of Design: Scaling a Human-Centered Practice across the Orga...
 
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.Beyond Design Thinking the 3 Dimension of a Design-Driven Company.
Beyond Design Thinking the 3 Dimension of a Design-Driven Company.
 
Embedding Design Thinking at Sony to accomplish Business Strategy
Embedding Design Thinking at Sony to accomplish Business StrategyEmbedding Design Thinking at Sony to accomplish Business Strategy
Embedding Design Thinking at Sony to accomplish Business Strategy
 
How a Design-Driven Company can Multiply its Business Value
How a Design-Driven Company can Multiply its Business ValueHow a Design-Driven Company can Multiply its Business Value
How a Design-Driven Company can Multiply its Business Value
 
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
 
Corso WebApp iOS - Lezione 08: Optimize iOS WebApp
Corso WebApp iOS - Lezione 08: Optimize iOS WebAppCorso WebApp iOS - Lezione 08: Optimize iOS WebApp
Corso WebApp iOS - Lezione 08: Optimize iOS WebApp
 
Corso WebApp iOS - Lezione 07: iOS WebApp Anatomy
Corso WebApp iOS - Lezione 07: iOS WebApp AnatomyCorso WebApp iOS - Lezione 07: iOS WebApp Anatomy
Corso WebApp iOS - Lezione 07: iOS WebApp Anatomy
 
Corso WebApp iOS - Lezione 06: Web Development for iOS Devices
Corso WebApp iOS - Lezione 06:   Web Development for iOS DevicesCorso WebApp iOS - Lezione 06:   Web Development for iOS Devices
Corso WebApp iOS - Lezione 06: Web Development for iOS Devices
 
Corso WebApp iOS - Lezione 05: Mobile Touch Development
Corso WebApp iOS - Lezione 05: Mobile Touch DevelopmentCorso WebApp iOS - Lezione 05: Mobile Touch Development
Corso WebApp iOS - Lezione 05: Mobile Touch Development
 
Corso WebApp iOS - Lezione 04: iOS UI Design
Corso WebApp iOS - Lezione 04: iOS UI DesignCorso WebApp iOS - Lezione 04: iOS UI Design
Corso WebApp iOS - Lezione 04: iOS UI Design
 
Corso WebApp iOS - Lezione 03: Cognitive User Interface Design
Corso WebApp iOS - Lezione 03: Cognitive User Interface DesignCorso WebApp iOS - Lezione 03: Cognitive User Interface Design
Corso WebApp iOS - Lezione 03: Cognitive User Interface Design
 
Corso WebApp iOS - Lezione 01: Think Touch Mobile
Corso WebApp iOS - Lezione 01: Think Touch MobileCorso WebApp iOS - Lezione 01: Think Touch Mobile
Corso WebApp iOS - Lezione 01: Think Touch Mobile
 
Design e Ottimizzazione Cognitiva di Interfacce Touch Screen
Design e Ottimizzazione Cognitiva di Interfacce Touch ScreenDesign e Ottimizzazione Cognitiva di Interfacce Touch Screen
Design e Ottimizzazione Cognitiva di Interfacce Touch Screen
 
Paradigma Cognitivo dei Dispositivi Touch Screen
Paradigma Cognitivo dei Dispositivi Touch ScreenParadigma Cognitivo dei Dispositivi Touch Screen
Paradigma Cognitivo dei Dispositivi Touch Screen
 

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 “Don’t 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 l’Utente? Che Task compie l’Utente? Con che Frequenza? In che Ordine? Quale è l’Ambiente di Utilizzo? Quali sono i Vincoli Utente in Ottica Funzionale? Quali sono le Aspettative dell’Utente? Come il Design può Ottimizzare i Processi Cognitivi dell’Utente?
  • 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 Definizione 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 all’area 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 Specificare Contesto Uso  Chi la Userà?  Che Cosa ci Farà?  In Quali Condizioni la Userà?
  • 19. UCD ISO 13407 Specificare 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 d’Uso 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 l’aiuto di soluzioni tecnologiche che permettono di raggiungere tali obiettivi all’interno di un ecosistema mobile
  • 35. Definire la Strategia 1: Definire gli Obiettivi di Progetto Obiettivi dell’Applicazione Obiettivi di Business
  • 36. Definire la Strategia 2: Definire l’Ambito 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 l’Uso 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 d’Uso 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