21
Mobile First Pagus Ignite Business Grill 30 Marzo 2012

Mobile First: l'approccio per chi pensa mobile

Embed Size (px)

DESCRIPTION

Mobile first, una filosofia di progettazione dei siti web che è diventata il cavallo di battaglia di Luke Wroblewski, autore di un libro e di moltissime presentazioni sull'argomento. L'approccio di progetto mobile first prevede un ribaltamento di prospettiva dove prima viene progettato il sito mobile e solo successivamente si lavora alla versione desktop.

Citation preview

Page 1: Mobile First: l'approccio per chi pensa mobile

Mobile First

Pagus Ignite Business Grill

30 Marzo 2012

Page 2: Mobile First: l'approccio per chi pensa mobile

È un approccio che ribalta la prospettiva di lavoro sul mobile

Page 3: Mobile First: l'approccio per chi pensa mobile

Il processo

M G L A S O N D G F M A

Progettazione mobile

Progettazione PC

Sviluppo

Grafica Homepage

Grafica Homepage

Page 4: Mobile First: l'approccio per chi pensa mobile

Potrebbe essere utile per progetti a forte vocazione mobile

Page 5: Mobile First: l'approccio per chi pensa mobile

CRESCITA=

OPPORTUNITA’

LIMITI=

FOCUS

DEVICE=

INNOVAZIONE

Page 6: Mobile First: l'approccio per chi pensa mobile

DIFFERENZA #1: contesto

84%

74%

69%

64%

62%

47%

Page 7: Mobile First: l'approccio per chi pensa mobile

Desktop behavior is 'diving' while mobile is 'snorkeling’

Rachel Hinman – Nokia

Page 8: Mobile First: l'approccio per chi pensa mobile

Anna, 25 anni, universitaria a Milano attende in media circa 20 minuti al giorno la metropolitana.Adora cucinare e sperimentare nuove ricette

Antonio, 34 anni, addetto vendite MediaWorld, ha una pausa pranzo più lunga e dopo pranzo mentre guarda la TV prima di rientrare al lavoro utilizzando il suo smartphone. E’ malato di shopping online.

Page 9: Mobile First: l'approccio per chi pensa mobile

DIFFERENZA #2: schermo

Page 10: Mobile First: l'approccio per chi pensa mobile

Less is more

Page 11: Mobile First: l'approccio per chi pensa mobile

NON E’ LIMITATIVO!

INTERATTIVITA’MULTISCHERMO

Page 12: Mobile First: l'approccio per chi pensa mobile

DIFFERENZA #3: Interaction model

Page 13: Mobile First: l'approccio per chi pensa mobile

L’uso con una sola mano.

Destra?

Page 14: Mobile First: l'approccio per chi pensa mobile

French fry finger

Page 15: Mobile First: l'approccio per chi pensa mobile

Gestures

Page 16: Mobile First: l'approccio per chi pensa mobile

DIFFERENZA #4:Capacità del dispositivo

Page 17: Mobile First: l'approccio per chi pensa mobile

Camera + Augmented reality

Page 18: Mobile First: l'approccio per chi pensa mobile

RFID + Interazioni con oggetto del mondo reale

Page 19: Mobile First: l'approccio per chi pensa mobile
Page 20: Mobile First: l'approccio per chi pensa mobile

Riassumendo…

Mobile first può mettere al centro il mobile nell’esperienza di progettazione di un sito web.

Risolvere dei problemi per gli utenti mobile, significa anche un

sottoinsieme di problemi degli utenti PC ma con un approccio diretto.

Permette di concentrarsi sui reali bisogni informativi degli utenti (urgenti) e non sul pixel

Apre le porte a sperimentazioni per l’innovazione.

Può garantire un anticipo della fase di sviluppo migliorando l’efficienza e la qualità del progetto.

Page 21: Mobile First: l'approccio per chi pensa mobile

Grazie

Andrea Vit

[email protected]