Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Progettare un'applicazione mobile. Approccio. Workflow. Design

1,020 views

Published on

Approccio alla progettazione dell'applicazione mobile

Published in: Design

Progettare un'applicazione mobile. Approccio. Workflow. Design

  1. 1. Elena Demidenko PROGETTARE UN’APPLICAZIONE MOBILE Approccio, workflow, design ACCADEMIA DI BELLE ARTI CATANIA
  2. 2. Tim Brown Design is too important to be left to designers EXPERIENCE DESIGN, INTERACTION DESIGN
  3. 3. L’APP È UN SISTEMA PRODOTTO/SERVIZIO CHE DETERMINA LE NOSTRE ESPERIENZE IBRIDAZIONE, EVOLUZIONE, TRANSITORIETÀ
  4. 4. web app Tipo app app nativa app ibrida Integrazione col device Tempi e costi di sviluppo Funzionamento online Modalità di distribuzione Approvazione dallo store limitato si si bassi alti medi no si alcune parti solo web store store no si si
  5. 5.  i focus group/unfocus group  interviste con utenti  indagini contestuali  questionari  diari, cultural probes USER CENTER PRODUCT
  6. 6. DESIGN DEL SERVIZIO: PROGETTARE INTERAZIONE NEL TEMPO Touchpoints: ambiente oggetti processi persone
  7. 7. AL CENTRO IL CONTENUTO. contenuto = usabilità = interazione A COSA SERVE QUEST'APP?
  8. 8. Layout dell’app KOT, sistema operativo iOS5 Vista mista lista/mappa Switch “Domande” in modalità mappa Switch “Offerte” in modalità lista
  9. 9. architetto dell’informazione VALORI: ONESTO – UTILE – VALIDO – ATTRATTIVO – AUTOESPLICATIVO ACCESSIBILE – MODULABILE – SOCIALE user experience designer content strategist usability analyst user researcher
  10. 10. myware, everyware a fin di bene… multitasking, customizzazione/personalizzazione, adattamento agente intelligente
  11. 11. VISIONE OLISTICA SOCIOLOGIA+ANTROPOLOGIA+PSICOLOGIA+ZEN=REL AZIONE User experience design Industrial design Interaction design Information architecture Comunication design User-interface engineering Usability engineering Human factors Human computer interaction
  12. 12. MOVIMENTO – TEMPO - SPAZIO
  13. 13. pianificazione 6 MACROFASI Ideazione sviluppo progettazione rilascio evoluzione 1 2 3 4 5 6 fasi di design
  14. 14. DOCUMENTAZIONE – IL CARBURANTE DEL PROGETTO mood board storyboard persona flowchat mappa concettuale test con utenti wireframe
  15. 15. USER INTERFACE. LA SUPERFICE CHE COMUNICA UI elements
  16. 16. FLUSSO VISIVO more important less important
  17. 17. COLORE, ICONE, TYPOGRAPHY, CONTROLLI
  18. 18. OBSOLETISMO NEONATO UBIQUITOUS COMPUTING INDOSSABILITÀ
  19. 19. Elena Demidenko Fine! GRAZIE PER L’ATTENZIONE! ACCADEMIA DI BELLE ARTI CATANIA

×