0
Scontro tra UI               -aka-                 mm   o imparare      cosa dovre                   , iOS e WP7        da...
About me2006   2007     2008     2010   2011/                                2012
Di cosa parleremo oggi1. User interface2. Cross Platform3. Case histories4. Risorse3
Parte 1:    User interface4
Principi di User Interface• Le UI esistono per permettere interazioni• Mantenere l’attenzione, sempre• Consistenza e perti...
Le UI che si sfideranno oggi     iOS       Android    Metro6
iOS - User Interface Pro          • Luccicante e sfavillante!          • Ha dettato molti standard          • No pulsanti ...
iOS - User Interface Cons           • Lo stile inizia a essere datato           • Barre invadenti           • Troppe app u...
Android - User Interface Pro            • UI rinnovata e pulita            • Style Guide pubblica            • Molte icone...
Android - User Interface Cons          • Scarsa diffusione ICS-design          • Migliorata, ma non del tutto          • D...
Metro - User Interface Pro            • Ritorno all’essenziale            • Cura dettagli            • Content-centric des...
Metro - User Interface Cons             • Forse troppo essenziale?             • UX ancora acerba             • Sarà megli...
Parte 2:           Cross platform     Illustrazione:     Will Phillips Jr13
Qual’è il punto?     Realizzare User Interface consistenti      attraverso tutte e 3 le piattaforme.14
Perché dovrei?     Perché la realtà del mercato (e quindi di     chi ci commissiona app) è che esistono 3                 ...
Casi di una UI cross-platform• il cliente punta a un’utenza vasta• si lavora con feature comuni• sviluppo con soluzioni “b...
Quando invece NO• vogliamo il massimo dalla piattaforma• per correre meno rischi• è “solo” un’app• voglio conferire esclus...
Esiste la UI universale?     Può darsi, ma intanto possiamo prendere     il meglio da queste 3 e amalgamarlo nelle        ...
Parte 3:         Case histories     Foto:     “Ocean view branch” - Orange     County Archives19
Case history 1: Fineco20
Case history 2: WordPress21
Case history 3: Facebook22
Case history 4: jQuery Mobile23
Parte 4:          Risorse     Foto:     “Presents” - Msmorningtom24
Dove documentarsi• iOS - https://developer.apple.com/devcenter/ios/• Android Design - http://developer.android.com/• WP7/M...
Letture interessanti     Designing Mobile Interfaces   Simple and usable      (S. Hoober / E. Berkman)      (Giles Colborn...
a questo punto...27
GRAZIE!          Salvatore Laisa - Mohole Lab            salvatore.laisa@mohole.it     www.salvatorelaisa.net / scuola.moh...
Upcoming SlideShare
Loading in...5
×

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

294

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
294
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×