Andrea Landini - Co-founder e Strategist di Coppa+Landini - ci accompagna in un viaggio tra i principali trend internazionali di User Experience e User Interface Design del 2015

2. Immagine: Ultrabookitalia.net

3. Immagine: Gizmodo, Kelsey Campbell-Dollaghan

4. Immagine: Gizmodo, Kelsey Campbell-Dollaghan

5. Immagine: http://www.content-loop.com/history-flat-design-efficiency-minimalism-turned-digital-world-flat/

6. Immagine: http://www.content-loop.com/history-flat-design-efficiency-minimalism-turned-digital-world-flat/

7. Immagine: Riki Tanone, http://bashooka.com/inspiration/flat-web-ui-design/

8. Prima (rich) Dopo (flat)
Icone: Sensational Fix, http://designinstruct.com/roundups/free-flat-icons/Icone: it.freepik.com

9. Immagine: http://blogs.adobe.com/dreamweaver/2015/05/flat-design-vs-material-design-what-makes-them-different.html

10. Immagine: http://uxmag.com/articles/the-top-ux-predictions-for-2015

11. FLAT MATERIAL
http://blogs.adobe.com/dreamweaver/files/2015/02/figure2_material.png

12. Flat design
❯ Focus sui colori
❯ Esalta le scelte tipografiche
❯ Tempi di realizzazione inferiori
❯ Focus sui contenuti
❯ Multidimensionalità e
fisicità
❯ Interazione
❯ Intuitività
+ = MATERIAL
DESIGN

14. Immagine: Nick Meloy – Dribbble, https://dribbble.com/shots/852180-Hamburger-Buttons

15. Immagine: Alesha U, Dribbble https://dribbble.com/aleshalesha/buckets/222133-Hamburger-Menu

16. Immagine: http://ux.stackexchange.com http://i.stack.imgur.com/MXtXH.jpg

17. Norm Cox
Xerox Star (1981)
http://www.appuntidigitali.it/site/wp-content/uploads/xerox-star-3.jpghttp://coxhall.com/uploads/3/3/8/1/3381591/9513636.jpg?1386534324

18. https://upload.wikimedia.org/wikipedia/en/7/78/Rank_Xerox_8010%2B40_brochure_front.jpg
http://www.mac-history.de/wp-
content/uploads/2008/09/apple_lisa_werbung.jpg

19. http://dreamandreach.bose.com/it_IT/home

20. http://dreamandreach.bose.com/it_IT/home

21. http://awesomeshop.target.com

22. http://awesomeshop.target.com

23. http://time.com

24. http://time.com

25. http://www.google.com/inbox/

26. http://www.google.com/inbox/

27. Hamburger button
http://exisweb.net/menu-eats-hamburger

28. http://www.newbalance.it

29. http://www.newbalance.it

31. http://chef-s.es

32. http://chef-s.es

33. http://www.theguardian.com/uk

34. http://www.theguardian.com/uk

36. http://mashable.com

37. http://thenextweb.com

38. http://www.usatoday.com

40. https://www.pinterest.com

41. http://dribbble.com

42. http://www.firebox.com

43. http://www.firebox.com

44. http://www.ahh.com

45. http://adparlor.com/blog/wp-content/uploads/2014/08/twitter-cards-cover2.png

46. Paul Adams - https://blog.intercom.io/why-cards-are-the-future-of-the-web/

47. https://www.google.com/landing/now/

48. http://webdesignledger.com/trends-2/cardbaseddesign

49. http://www.ghanalive.tv/wp-content/uploads/2015/01/Google-Now-Cards-Restaurant-Weather-Appointment-Traffic-Flight-Hotels.png

51. Glance-ability
Un’interfaccia che offre un servizio o risolve
un problema rimanendo volontariamente in
secondo piano e con discrezione.
(Jake Zukowski – Frog)

52. http://i.ytimg.com/vi/1tIU3JqkIFY/maxresdefault.jpg

53. Jake Zukowski – Frog

54. http://s1.cdn.autoevolution.com/images/news/new-concept-interface-for-tesla-model-s-is-simply-amazing-video-photo-gallery-93452_1.jpg

55. http://telematicsnews.info/wp-content/uploads/general/pioneer%20hud.jpg

56. http://gaspix.net/wp-content/uploads/2015/04/Apple-Watch-GUI-Kit-for-Sketch.png

57. Attitude Key Contest Goal Success
metrics
Sticky Desiderable Desktop,
laptop,
mobile
Building
communit
ypromote
content
Long
sessions
Slippy Glance
ability
Automotive
smart
watch,
wearable
Safety,
multi
tasking,
customizat
ion
Short
sessions

59. https://leantesting.com/resources/wp-content/uploads/2015/04/app-store-notification.jpg

60. http://microinteractions.com/wp-content/uploads/2012/08/structure_diagram_big.png

61. 1. Less is more
2. Impara subito dall’utente
3. Porta dati e funzioni in evidenza solo quando
servono
4. Usa gli elementi che ci sono già per veicolare le
informazioni
5. Previeni l’errore umano
6. Dai il tocco umano

62. Charles Eames
http://www.tedalegno.it/Public/Img/2236_eameschair3.jpg

65. http://themeforest.net

66. http://themeforest.net/item/saturn-responsive-admin-dashboard-template/6259902

67. https://themes.shopify.com

68. http://www.squarespace.com

69. http://com.teehanlax.assets.s3-website-us-east-1.amazonaws.com/resources/img/story/medium/responsiveness.jpg

70. https://www.instapage.com

71. http://vc.wpbakery.com

73. MILIONI
UTENTI
ATTIVI
MILIONI
COMPRANO
PUBBLICITA’
http://techcrunch.com/2015/04/29/facebook-40-million/

74. Webmaster + hosting
Fine anni 90
Worpress vs Blogger
Dal 2005
Pagina FB
Oggi

75. http://cdn8.openculture.com/wp-content/uploads/2013/09/wizard-of-oz-original1.jpg

76. Uh-oh. We’re all out of a job.
The Wizard of Oz has arrived.
@matr77
thegrid.io

77. https://thegrid.io

78. https://thegrid.io

81. Skeumorphism
Flat
Design
Material
Design
2013 2014 2015
Responsive design
?Regole di usabilità per gli elementi core:
checkout form, registrazione e login

82. http://www.zerouno.org

83. Il cliente non ne sa più del designer
Capitalizzare l’esperienza collettiva
pregressa e applicare le regole del web non
è solo conveniente ma è anche moralmente
e professionalmente giusto.

84. Il committente non ne sa più del designer
Capitalizzare l’esperienza collettiva
pregressa e applicare le regole del web non
è solo conveniente ma è anche moralmente
e professionalmente giusto.
RESPONSABILITA’ DEL
DESIGNER

85. http://blog.hubspot.com/blog/tabid/6307/bid/14953/What-Do-76-of-Consumers-Want-From-Your-Website-New-Data.aspx

86. Charles Darwin