mobile first: l'approccio per chi pensa mobile
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.TRANSCRIPT
![Page 1: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/1.jpg)
Mobile First
Pagus Ignite Business Grill
30 Marzo 2012
![Page 2: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/2.jpg)
È un approccio che ribalta la prospettiva di lavoro sul mobile
![Page 3: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/4.jpg)
Potrebbe essere utile per progetti a forte vocazione mobile
![Page 5: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/5.jpg)
CRESCITA=
OPPORTUNITA’
LIMITI=
FOCUS
DEVICE=
INNOVAZIONE
![Page 6: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/6.jpg)
DIFFERENZA #1: contesto
84%
74%
69%
64%
62%
47%
![Page 7: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/7.jpg)
Desktop behavior is 'diving' while mobile is 'snorkeling’
Rachel Hinman – Nokia
![Page 8: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/9.jpg)
DIFFERENZA #2: schermo
![Page 10: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/10.jpg)
Less is more
![Page 11: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/11.jpg)
NON E’ LIMITATIVO!
INTERATTIVITA’MULTISCHERMO
![Page 12: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/12.jpg)
DIFFERENZA #3: Interaction model
![Page 13: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/13.jpg)
L’uso con una sola mano.
Destra?
![Page 14: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/14.jpg)
French fry finger
![Page 15: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/15.jpg)
Gestures
![Page 16: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/16.jpg)
DIFFERENZA #4:Capacità del dispositivo
![Page 17: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/17.jpg)
Camera + Augmented reality
![Page 18: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/18.jpg)
RFID + Interazioni con oggetto del mondo reale
![Page 19: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/19.jpg)
![Page 20: Mobile First: l'approccio per chi pensa mobile](https://reader035.vdocuments.site/reader035/viewer/2022062513/557b312cd8b42a16488b47e3/html5/thumbnails/20.jpg)
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.