Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
1 like396 views
Il documento discute le interfacce utente (UI) su piattaforme iOS, Android e Windows Phone, evidenziando i pro e contro di ciascuna. Include anche considerazioni sulla creazione di interfacce utente cross-platform e la rilevanza di adattarsi alle esigenze del mercato. Infine, vengono presentate risorse e casi studio pertinenti.
Scontro tra UI -aka- cosa dovremmo imparare da Android, iOS e WP7
- 1. Scontro tra UI -aka- a mo imparare d cosa dovrem 7 Andr oid, iOS e WP Salvatore Laisa - @moebiusmania Mohole Lab
- 2. About me 2006 2007 2008 2010 2011/ 2012
- 3. Di cosa parleremo oggi 1. User interface 2. Cross Platform 3. Case histories 4. Risorse 3
- 4. Parte 1: User interface 4
- 5. Principi di User Interface • Le UI esistono per permettere interazioni • Mantenere l’attenzione, sempre • Consistenza e pertinenza sono importanti! • Un’azione primaria per schermata • Le azioni secondarie... sono secondarie! 5
- 6. Le UI che si sfideranno oggi iOS Android Metro 6
- 7. iOS - User Interface Pro • Luccicante e sfavillante! • Ha dettato molti standard • No pulsanti fisici • Stile molto curato 7
- 8. iOS - User Interface Cons • Lo stile inizia a essere datato • Barre invadenti • Troppe app uguali • Distinguersi è rischioso 8
- 9. Android - User Interface Pro • UI rinnovata e pulita • Style Guide pubblica • Molte icone • Look alla “Tron” • Molte azioni con swipe 9
- 10. Android - User Interface Cons • Scarsa diffusione ICS-design • Migliorata, ma non del tutto • Differenze “forzate” • Sense, TouchWiz, ecc... 10
- 11. Metro - User Interface Pro • Ritorno all’essenziale • Cura dettagli • Content-centric design • Transizioni fluide 11
- 12. Metro - User Interface Cons • Forse troppo essenziale? • UX ancora acerba • Sarà meglio compresa con Windows 8 12
- 13. Parte 2: Cross platform Illustrazione: Will Phillips Jr 13
- 14. Qual’è il punto? Realizzare User Interface consistenti attraverso tutte e 3 le piattaforme. 14
- 15. Perché dovrei? Perché la realtà del mercato (e quindi di chi ci commissiona app) è che esistono 3 piattaforme. 15
- 16. Casi di una UI cross-platform • il cliente punta a un’utenza vasta • si lavora con feature comuni • sviluppo con soluzioni “bridge” (HTML5) • c’è una controparte Web 16
- 17. Quando invece NO • vogliamo il massimo dalla piattaforma • per correre meno rischi • è “solo” un’app • voglio conferire esclusività 17
- 18. Esiste la UI universale? Può darsi, ma intanto possiamo prendere il meglio da queste 3 e amalgamarlo nelle nostre app! 18
- 19. Parte 3: Case histories Foto: “Ocean view branch” - Orange County Archives 19
- 20. Case history 1: Fineco 20
- 21. Case history 2: WordPress 21
- 22. Case history 3: Facebook 22
- 23. Case history 4: jQuery Mobile 23
- 24. Parte 4: Risorse Foto: “Presents” - Msmorningtom 24
- 25. Dove documentarsi • iOS - https://developer.apple.com/devcenter/ios/ • Android Design - http://developer.android.com/ • WP7/Metro - http://msdn.microsoft.com • (Design Shack) Trends in UI Design - http:// designshack.net/articles/graphics/interesting-trends-in- ui-design/ 25
- 26. Letture interessanti Designing Mobile Interfaces Simple and usable (S. Hoober / E. Berkman) (Giles Colborne) 26
- 28. GRAZIE! Salvatore Laisa - Mohole Lab [email protected] www.salvatorelaisa.net / scuola.mohole.it 28