Progettare un'applicazione mobile. Approccio. Workflow. Design
-
Upload
elena-demidenko -
Category
Design
-
view
356 -
download
0
description
Transcript of Progettare un'applicazione mobile. Approccio. Workflow. Design
![Page 1: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/1.jpg)
PROGETTARE
UN’APPLICAZIONE MOBILEApproccio, workflow, design
ACCADEMIA DI BELLE ARTI CATANIA
Elena Demidenko
![Page 2: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/2.jpg)
Design is too important
to be left to designers
Tim Brown
EXPERIENCE DESIGN, INTERACTION DESIGN
![Page 3: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/3.jpg)
L’APP È UN SISTEMA PRODOTTO/SERVIZIO
CHE DETERMINA LE NOSTRE ESPERIENZE
IBRIDAZIONE, EVOLUZIONE, TRANSITORIETÀ
![Page 4: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/4.jpg)
web
appTipo 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 sialcune
parti
solo
webstore store
no si si
![Page 5: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/5.jpg)
i focus group/unfocus group
interviste con utenti
indagini contestuali
questionari
diari, cultural probesUSER CENTER
PRODUCT
![Page 6: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/6.jpg)
DESIGN DEL SERVIZIO:
PROGETTARE INTERAZIONE NEL TEMPO
ambiente
Touchpoints:
oggetti
processi
persone
![Page 7: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/7.jpg)
AL CENTRO IL CONTENUTO.
contenuto=
usabilità=
interazione
A COSA SERVE QUEST'APP?
![Page 8: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/8.jpg)
Layout dell’app KOT, sistema operativo iOS5
Vista mista
lista/mappa
Switch “Domande”
in modalità mappa
Switch “Offerte”
in modalità lista
![Page 9: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/9.jpg)
architetto dell’informazione
VALORI:ONESTO – UTILE – VALIDO – ATTRATTIVO – AUTOESPLICATIVO
ACCESSIBILE – MODULABILE – SOCIALE
content strategist
user experience designer
user researcher
usability analyst
![Page 10: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/10.jpg)
myware, everyware a fin di bene…
agenteintelligente
multitasking, customizzazione/personalizzazione, adattamento
![Page 11: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/11.jpg)
VISIONE OLISTICA
SOCIOLOGIA+ANTROPOLOGIA+PSICOLOGIA+ZEN=REL
AZIONEUser experience design
Industrial design
Interactiondesign
Informationarchitecture
Comunicationdesign
User-interfaceengineering
Usabilityengineering
Humanfactors
Human computerinteraction
![Page 12: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/12.jpg)
MOVIMENTO – TEMPO - SPAZIO
![Page 13: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/13.jpg)
pianificazione
6 MACROFASI
Ideazioneprogettazione
svilupporilascio
evoluzione
1 2 34 5
6
fasi di design
![Page 14: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/14.jpg)
DOCUMENTAZIONE – IL CARBURANTE DEL
PROGETTO
mood board
persona
flowchat
mappa concettuale test con utenti
storyboard
wireframe
![Page 15: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/15.jpg)
USER INTERFACE.
LA SUPERFICE CHE COMUNICA
UI elements
![Page 16: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/16.jpg)
FLUSSO VISIVO
more important
less important
![Page 17: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/17.jpg)
COLORE, ICONE, TYPOGRAPHY, CONTROLLI
![Page 18: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/18.jpg)
OBSOLETISMO
NEONATO
UBIQUITOUS
COMPUTING
INDOSSABILITÀ
![Page 19: Progettare un'applicazione mobile. Approccio. Workflow. Design](https://reader033.fdocuments.in/reader033/viewer/2022052622/55941da51a28ab66768b458b/html5/thumbnails/19.jpg)
GRAZIEPER L’ATTENZIONE!
Fine!
ACCADEMIA DI BELLE ARTI CATANIA
Elena Demidenko