Corso WebApp iOS - Lezione 02: Design Touch Mobile

1,156 views

Published on

Introduzione allo Sviluppo User Centered Design, alla fase di Analisi dei Requisiti ed alla Stesura del Documento dei Requisiti.

Introduzione alla pianificazione di una Strategia Mobile ed alla creazione di una Roadmap di Progetto.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,156
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Corso WebApp iOS - Lezione 02: Design Touch Mobile

  1. 1. Corso WebApp iOS “Design Touch Mobile” Lezione 02/10”..the thing that has struck me the mostis the difference between how we think people usethe website and how they actually use them…” Steve Krug Author of “Don’t Make Me Think!”
  2. 2. Chapter 02Agile Project Building for iOS Devices http://www.apress.com/9781430232469
  3. 3. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il MobileDefinire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  4. 4. UCD ISO 13407 Protocollo ISO 13407 (1999) “User Centered Design” Protocollo ISO 12207 (1994) “Software Lifecycle Processes”
  5. 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. 6. UCD ISO 13407 Protocollo ISO 13407 “User Centered Design” Non é una specifica metodologia di progettazione ma un approccio generalecomplementa i vari metodi e approcci alla progettazione esistenti
  7. 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 requisiti2. assegnazione appropriata delle funzioni fra utenti e tecnologia3. iterazione della soluzione di progetto4. progettazione multi-disciplinare
  8. 8. Approcci a ConfrontoUser 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 suCompletamento Task Difetti del Prodotto
  9. 9. UCDApproccio Technology Driven
  10. 10. UCDApproccio User Driven
  11. 11. IxDInteraction Design
  12. 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. 13. Multi DisciplinaInformatica Psicologia IxD Progettazione
  14. 14. Multi Disciplina Psicologia psicologia cognitiva, sociale e comunicazione Informatica tecnologia e standard relativi all’area di lavoro Progettazionemetodi e tecniche di progettazione, ingegneria usabilità
  15. 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. 16. UCD ISO 13407 Protocollo ISO 13407 (Attività)  Specificare Contesto Uso  Specificare Requisiti  Creare Soluzioni Progettuali  Valutare Design
  17. 17. UCD ISO 13407 1 2 Fasi di Analisi*  Specificare Contesto Uso  Specificare Requisiti 2 *Esercitazione Odierna
  18. 18. UCD ISO 13407 1 Specificare Contesto Uso  Chi la Userà?  Che Cosa ci Farà?  In Quali Condizioni la Userà?
  19. 19. UCD ISO 13407 Specificare Requisiti  Quali sono gli User Task?  Quali sono gli Obiettivi Business? 2
  20. 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. 21. UCD ISO 13407 Alcuni Strumenti Fase 3  Brainstorming e Discussioni Libere  Sketching delle Interfacce  Analisi Cognitiva Interfacce  Prototipi delle Interfacce 3
  22. 22. UCD ISO 13407 Alcuni Strumenti Fase 4  Test con Utenti  Questionari  Analisi Ispettive ed Euristiche  Analisi Comparative  Simulazioni Cognitive  Implementazione4
  23. 23. UCD ISO 13407 Doppia Fase di AnalisiAnalisi Contesto d’Uso e Comprensione Utente Ritorno Pratico Riduzione dei Rischi
  24. 24. Costi Errore
  25. 25. UCD ISO 13407 Processo Rigido? NO Processo Personalizzabile? SI
  26. 26. Esempio
  27. 27. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il MobileDefinire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  28. 28. Project Workflow
  29. 29. Analisi Design Implementazione Test10 step 1 step 2 step 3 step 4 step 5
  30. 30. Analisi Design Implementazione Test10 step 1 step 2 step 3 step 4 step 5
  31. 31. Analisi Design Implementazione Test10 step 1 step 2 step 3 step 4 step 5
  32. 32. Analisi Design Implementazione Test10 step 1 step 2 step 3 step 4 step 5
  33. 33. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il MobileDefinire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  34. 34. Strategia Mobile un piano che combina obiettivi a corto, medio e lungo termine con l’aiuto di soluzioni tecnologicheche permettono di raggiungere tali obiettivi all’interno di un ecosistema mobile
  35. 35. Definire la Strategia 1: Definire gli Obiettivi di Progetto Obiettivi dell’Applicazione Obiettivi di Business
  36. 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. 37. Definire la Strategia 3: Prioritizzare un Area di Mercato Scelta Segmento di MercatoComparazione delle Categorie (es: Apple WebApp)
  38. 38. Definire la Strategia 4: Pianificare l’Uso del Tempo di Lavoro Gestione Tempo del Team Orizzonte Temporale
  39. 39. Definire la Strategia 5: Definire una Roadmap del Progetto Analisi delle Deadline Design delle Deadline Rilascio delle Deadline
  40. 40. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il MobileDefinire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  41. 41. Roadmap può essere vista come un piano di azionecon un insieme di milestone da raggiungere con delle scadenze prefissate
  42. 42. Roadmap processo roadmap attività preliminari definizione della Roadmapcompletamento delle attività
  43. 43. Roadmap Timeline può essere rappresentata con una generica Timelineo con un diagramma di Gantt
  44. 44. Timeline 3D
  45. 45. Timeline 3D
  46. 46. Diario Lezioni LEZIONE 02 Design Touch Mobile User Centered Design (UCD) per il MobileDefinire un Ciclo di Vita per Sviluppatori Singoli Definire una Strategia Mobile Definire una Roadmap Mobile Definire un Documento dei Requisiti
  47. 47. Definire i Requisiti Requisito dal latino requisitus (richiesto) proprietà richiesta o auspicabile di un prodotto
  48. 48. Definire i Requisiti Definizione IEEE: Requisito una condizione o una capacità necessaria ad un utente per risolvere un problema
  49. 49. Definire i Requisiti Definizione IEEE: Requisito condizione (capacità) che deve essere soddisfatta (posseduta) [..]da un sistema [..] per soddisfare un contratto [..]
  50. 50. Tipi di Requisiti Requisito Obbligatorio requisito irrinunciabile per il clientegeneralmente espresso con la parola “deve”
  51. 51. Tipi di Requisiti Requisito Desiderabile requisito utile ma non necessario per il clientegeneralmente espresso con la parola “dovrebbe”
  52. 52. Tipi di Requisiti Requisito Auspicabili requisito utile ma non richiesto dal clientegeneralmente espresso con la parola “potrebbe”
  53. 53. Definire i Requisiti Stesura Requisiti != Progettazione in questa fase vengono posti dei vincoli alle attività di progettazione
  54. 54. Definire i Requisiti Stesura Requisiti != Progettazione dire “che cosa” deve essere realizzato non “come” deve essere realizzato
  55. 55. Definire i Requisiti Processo di Definizione dei Requisiti 1. Esplorazione raccoglie il maggior numero di informazioni sugli obiettivi e necessità del sistema
  56. 56. Definire i Requisiti Processo di Definizione dei Requisiti 2. Organizzazione costruisce un documento dei requisiti condiviso dal cliente
  57. 57. Definire i Requisiti Processo di Definizione dei Requisiti 3. Revisione ed Approvazione ufficializza e congela il documento dei requisiti col cliente
  58. 58. Definire i Requisiti APPUNTI REQUISITI ESPLORAZIONE ORGANIZZAZIONE REVISIONE ANALISI PRODOTTO LINEE GUIDA ANALISI CONCORRENZAINTERVISTE STAKEHOLDER
  59. 59. EsercitazioneUtilizzare 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. 60. PROSSIMA LEZIONE LEGGERE Psicologia Generale Processo Design Interfaccia

×