SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7

488 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

SCONTRO TRA UI -AKA- COSA DOVREMMO IMPARARE DA IOS, ANDROID E WP7

  1. 1. Scontro tra UI -aka- mm o imparare cosa dovre , iOS e WP7 da AndroidSalvatore Laisa - @moebiusmaniaMohole Lab
  2. 2. About me2006 2007 2008 2010 2011/ 2012
  3. 3. Di cosa parleremo oggi1. User interface2. Cross Platform3. Case histories4. Risorse3
  4. 4. Parte 1: User interface4
  5. 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. 6. Le UI che si sfideranno oggi iOS Android Metro6
  7. 7. iOS - User Interface Pro • Luccicante e sfavillante! • Ha dettato molti standard • No pulsanti fisici • Stile molto curato7
  8. 8. iOS - User Interface Cons • Lo stile inizia a essere datato • Barre invadenti • Troppe app uguali • Distinguersi è rischioso8
  9. 9. Android - User Interface Pro • UI rinnovata e pulita • Style Guide pubblica • Molte icone • Look alla “Tron” • Molte azioni con swipe9
  10. 10. Android - User Interface Cons • Scarsa diffusione ICS-design • Migliorata, ma non del tutto • Differenze “forzate” • Sense, TouchWiz, ecc...10
  11. 11. Metro - User Interface Pro • Ritorno all’essenziale • Cura dettagli • Content-centric design • Transizioni fluide11
  12. 12. Metro - User Interface Cons • Forse troppo essenziale? • UX ancora acerba • Sarà meglio compresa con Windows 812
  13. 13. Parte 2: Cross platform Illustrazione: Will Phillips Jr13
  14. 14. Qual’è il punto? Realizzare User Interface consistenti attraverso tutte e 3 le piattaforme.14
  15. 15. Perché dovrei? Perché la realtà del mercato (e quindi di chi ci commissiona app) è che esistono 3 piattaforme.15
  16. 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 Web16
  17. 17. Quando invece NO• vogliamo il massimo dalla piattaforma• per correre meno rischi• è “solo” un’app• voglio conferire esclusività17
  18. 18. Esiste la UI universale? Può darsi, ma intanto possiamo prendere il meglio da queste 3 e amalgamarlo nelle nostre app!18
  19. 19. Parte 3: Case histories Foto: “Ocean view branch” - Orange County Archives19
  20. 20. Case history 1: Fineco20
  21. 21. Case history 2: WordPress21
  22. 22. Case history 3: Facebook22
  23. 23. Case history 4: jQuery Mobile23
  24. 24. Parte 4: Risorse Foto: “Presents” - Msmorningtom24
  25. 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. 26. Letture interessanti Designing Mobile Interfaces Simple and usable (S. Hoober / E. Berkman) (Giles Colborne)26
  27. 27. a questo punto...27
  28. 28. GRAZIE! Salvatore Laisa - Mohole Lab salvatore.laisa@mohole.it www.salvatorelaisa.net / scuola.mohole.it28

×