progettare un'applicazione mobile. approccio. workflow. design

19
PROGETTARE UN’APPLICAZIONE MOBILE Approccio, workflow, design ACCADEMIA DI BELLE ARTI CATANIA Elena Demidenko

Upload: elena-demidenko

Post on 02-Jul-2015

360 views

Category:

Design


0 download

DESCRIPTION

Approccio alla progettazione dell'applicazione mobile

TRANSCRIPT

Page 1: Progettare un'applicazione mobile. Approccio. Workflow. Design

PROGETTARE

UN’APPLICAZIONE MOBILEApproccio, workflow, design

ACCADEMIA DI BELLE ARTI CATANIA

Elena Demidenko

Page 2: Progettare un'applicazione mobile. Approccio. Workflow. Design

Design is too important

to be left to designers

Tim Brown

EXPERIENCE DESIGN, INTERACTION DESIGN

Page 3: Progettare un'applicazione mobile. Approccio. Workflow. Design

L’APP È UN SISTEMA PRODOTTO/SERVIZIO

CHE DETERMINA LE NOSTRE ESPERIENZE

IBRIDAZIONE, EVOLUZIONE, TRANSITORIETÀ

Page 4: Progettare un'applicazione mobile. Approccio. Workflow. Design

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

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

DESIGN DEL SERVIZIO:

PROGETTARE INTERAZIONE NEL TEMPO

ambiente

Touchpoints:

oggetti

processi

persone

Page 7: Progettare un'applicazione mobile. Approccio. Workflow. Design

AL CENTRO IL CONTENUTO.

contenuto=

usabilità=

interazione

A COSA SERVE QUEST'APP?

Page 8: Progettare un'applicazione mobile. Approccio. Workflow. Design

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

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

myware, everyware a fin di bene…

agenteintelligente

multitasking, customizzazione/personalizzazione, adattamento

Page 11: Progettare un'applicazione mobile. Approccio. Workflow. Design

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

MOVIMENTO – TEMPO - SPAZIO

Page 13: Progettare un'applicazione mobile. Approccio. Workflow. Design

pianificazione

6 MACROFASI

Ideazioneprogettazione

svilupporilascio

evoluzione

1 2 34 5

6

fasi di design

Page 14: Progettare un'applicazione mobile. Approccio. Workflow. Design

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

USER INTERFACE.

LA SUPERFICE CHE COMUNICA

UI elements

Page 16: Progettare un'applicazione mobile. Approccio. Workflow. Design

FLUSSO VISIVO

more important

less important

Page 17: Progettare un'applicazione mobile. Approccio. Workflow. Design

COLORE, ICONE, TYPOGRAPHY, CONTROLLI

Page 18: Progettare un'applicazione mobile. Approccio. Workflow. Design

OBSOLETISMO

NEONATO

UBIQUITOUS

COMPUTING

INDOSSABILITÀ

Page 19: Progettare un'applicazione mobile. Approccio. Workflow. Design

GRAZIEPER L’ATTENZIONE!

Fine!

ACCADEMIA DI BELLE ARTI CATANIA

Elena Demidenko