Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli

1,312 views

Published on

Sono trascorsi 10 anni di World Usability Day e dal 2005 siamo passati al 2015.
Dalla rivoluzione dei touchscreen e degli smartphone fino all’Ubiquitous computing e oltre.
Nel frattempo si sono susseguiti metodi salvifici di design, approcci dogmatici e totem insostituibili. Scheumorfismo vs. Flat Design, Material Design, Twitter bootstrap. Un miscuglio di cose diverse e tendenzialmente sempre abusate.
Proviamo a fare ordine e stabilire il perché progetti come Material Design sono importanti e perché possono essere dannosi.

Published in: Design
  • Be the first to comment

"10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli

  1. 1. #wudrome2015 powered by Carlo Frinolli Ho fondato nois3, Experience Design Agency di Roma. 
 Insegno allo IED di Roma dal 2011 e ho in carico l’area Web e UX del corso di Cinema e Nuovi Media. SEGUITEMI SU:
 
 (twitter) @carl0s_
 (linkedin) https://www.linkedin.com/in/carlofrinolli
 (blog) http://carlofrinolli.it
 (www) http://nois3.it CEO + FOUNDER DI NOIS3
  2. 2. #wudrome2015 powered by Once we wearable OR ONCE WE WERE ABLE?
  3. 3. #wudrome2015 powered by 1983
  4. 4. #wudrome2015 powered by 1983 DEJÀ-VÙ?
  5. 5. #wudrome2015 powered by World Usability Day 2015 IL DECIMO ANNIVERSARIO DELL’EVENTO ORGANIZZATO DA UXPA
  6. 6. #wudrome2015 powered by Nel ripercorrere le tappe dal 2005 ad oggi, ricapitolo una serie di tappe che per me sono importanti nel mondo digitale e della tecnologia. Disclaimer QUESTA RICOSTRUZIONE È PARZIALE.
  7. 7. #wudrome2015 powered by Dieci anni di temi, usabilità, evoluzioni e rivoluzioni nell’ambito digitale (è) reale. Le precedenti edizioni DAL 2005 AL 2015
  8. 8. #wudrome2015 powered by 2005 The Inaugural Year W o r l d U s a b i l i t y D a y w a s s t a r t e d i n N o v e m b e r 2 0 0 5 t h a n k s t o U X PA , s o w e c o u l d c h a n g e t h e w o r l d . #wudrome2015 powered by
  9. 9. #wudrome2015 powered by Arduino… Una board apparentemente innocua, progettata per risolvere un bisogno specifico: prototipare velocemente nei progetti di design per accorciare il time to market. UN PROGETTO STUDENTESCO, A IVREA
  10. 10. #wudrome2015 powered by YouTube Il sito che ha cambiato completamente l’idea della fruizione dei video su Internet. Nato dieci anni fa. ESISTEVA PRIMA DI DIVENTARE GOOGLE!
  11. 11. #wudrome2015 powered by Google Maps Il riferimento assoluto per le indicazioni stradali, adottato per anni anche da iOS. Anche se per Parco Leonardo si è sbagliato, per qualcuno :P ESISTEVA ANCHE QUESTO PRIMA DI DIVENTARE GOOGLE!
  12. 12. #wudrome2015 powered by 2006 The Year Of Accessibility 3 9 c o u n t r i e s a n d m o r e t h a n 4 0 . 0 0 0 p r o f e s s i o n a l s i n v o l v e d i n u s a b i l i t y, d e s i g n , t e c h n o l o g y, g o v e r n m e n t , a n d m a r ke t i n g . #wudrome2015 powered by
  13. 13. #wudrome2015 powered by Microsoft Zune & Metro Nato come antagonista dell’allora leader del mercato aspirazionale: l’iPod. Importante anche perché ha dato il via all’interfaccia Windows Metro poi noto come Modern UI. PIÙ FAMOSO COME CUSTODIA DI IPHONE/IPOD
  14. 14. #wudrome2015 powered by Last.fm si unisce ad AudioScrobbler Il miglior sistema di audio discovery. Ho scoperto le migliori band della mia vita ascoltando su last.fm… IL MIGLIOR SHUFFLE AUDIO FINORA :)
  15. 15. #wudrome2015 powered by jQuery Poco prima della rivoluzione HTML5/CSS3 viene rilasciato un framework javascript che sarà destinato a sostituire gli altri. Soprattutto permette a web designer di smanettare creando interazioni nuove e inusitate abbassando la curva di apprendimento. UNA MILESTONE NERD, MA IMPORTANTE
  16. 16. #wudrome2015 powered by 2007 The Year Of Healthcare 4 1 c o u n t r i e s a n d 5 0 . 0 0 0 ex p e r t s t o s h o w t h a t g o o d u s a b i l i t y i n h e a l t h c a r e m a ke s t h e d i f f e r e n c e b e t w e e n l i f e a n d d e a t h . #wudrome2015 powered by
  17. 17. #wudrome2015 powered by 9 gennaio, alle 9:41 Ha cambiato la percezione di molti. Ma è stato importante soprattutto per aver contribuito a rendere l’esperienza di Internet mobile come modalità principale di accesso alla rete. Ah, non aveva il copia incolla :) PRESENTATO PER LA PRIMA VOLTA IPHONE
  18. 18. #wudrome2015 powered by Estate jailbreakata La violazione del sistema di Apple, l’antenato di iOS, diede il via alla scrittura di App compatibili con l’architettura di Apple, ampliando di molto le possibilità di un dispositivo deludente. TELEFONI APERTI E INSTALLER.APP
  19. 19. #wudrome2015 powered by 2008 The Year Of Transportation 4 3 c o u n t r i e s a n d m o r e t h a n 
 5 0 . 0 0 0 p a r t i c i p a n t s ex p l o r i n g h o w w e i n t e ra c t w i t h o u r t ra n s p o r t a t i o n s y s t e m s . #wudrome2015 powered by
  20. 20. #wudrome2015 powered by 10 luglio: apre AppStore Una delle ragioni più grande del successo di Apple iOS sta nell’ecosistema di app. E, in parte, nel controverso sistema di approvazione delle app stesse. UN ANNO DOPO IL JAILBREAK E INSTALLER.APP
  21. 21. #wudrome2015 powered by 28 agosto: apre Android Market Anche Android non resta a guardare e apre uno store di applicazioni, inizialmente solo gratuite e poi, l’anno successivo, anche a pagamento. A STRETTO GIRO ARRIVA ANCHE GOOGLE
  22. 22. #wudrome2015 powered by Airbnb viene lanciato in USA Forse il sito simbolo della sharing economy vede la luce nella Valley, a San Francisco. Diventerà uno dei più importanti esempi di big player che non possiede direttamente i mezzi che smercia. AGOSTO 2008
  23. 23. #wudrome2015 powered by HTC Dream, il primo Android phone Un prodotto primitivo, immaturo lontano dal device di oggi. Molto più vicino ai flagship di Nokia che al modello touch only di Apple. L’ANNUNCIO VIENE DATO IL 23 SETTEMBRE 2008
  24. 24. #wudrome2015 powered by 2009 The Year Of Sustainable World A r e a l l p r o d u c t s a n d s e r v i c e s a r e u s e r a n d e n v i r o n m e n t a l l y f r i e n d l y ? W e m u s t c o n s i d e r i t a s w e d e s i g n p r o d u c t s e v e r y d a y.
  25. 25. #wudrome2015 powered by Spotify “apre” in UK Uno dei primi sistemi di streaming musicali on-demand, al momento leader incontrastato tra gli utenti per adozione. REGISTRAZIONI GRATUITE PER GLI UTENTI
  26. 26. #wudrome2015 powered by Scanning in 3D Vengono presentati gli scanner 3D di oggetti che siano più economici ed abbordabili, dando vita ad una ridda di possibilità inusitate. PER TUTTE LE TASCHE
  27. 27. #wudrome2015 powered by Scanning in 3D Vengono presentati gli scanner 3D di oggetti che siano più economici ed abbordabili, dando vita ad una ridda di possibilità inusitate. PER TUTTE LE TASCHE Buon quinto compleanno Firefox!
  28. 28. #wudrome2015 powered by 2010 The Year Of Communication 1 5 0 e v e n t s i n m o r e t h a n 4 0 c o u n t r i e s t o e l a b o ra t e g u i d e l i n e s f o r t h e n e w t e c h n o l o g y - m e d i a t e d c o n t ex t o f h u m a n r e l a t i o n s h i p s .
  29. 29. #wudrome2015 powered by iPad A gennaio viene annunciato il nuovo formato di dispositivo che mira a sostituire laptop di fascia bassa o netbook. UN CONCORRENTE TEMIBILE PER I LAPTOP, O I NETBOOK
  30. 30. #wudrome2015 powered by Windows Phone 7 A febbraio viene annunciata la versione moderna di Windows Phone con l’interfaccia Modern. Per copiare fino in fondo, non aveva il copia incolla ;) LA VERSIONE “MODERNA” DI WINPHONE ANNUNCIATA A MWC
  31. 31. #wudrome2015 powered by 2011 The Year Of Education W i l l D e s i g n E d u c a t i o n h e l p t o d e v e l o p u s a b l e p r o d u c t s a n d s e r v i c e s ? H o w c a n i t i m p a c t t h e s o c i a l c h a n g e a l l o v e r t h e w o r l d ?
  32. 32. #wudrome2015 powered by Human Centred Design DA IDEO A THIS IS SERVICE DESIGN THINKING Non sarà stata una gran milestone per molti ma lo è stata per me. Nel 2011 grazie al gruppo CoDesign Jam ho cominciato a familiarizzare con le tecniche di design collaborativo e user-centred.
  33. 33. #wudrome2015 powered by Twitter Bootstrap Il più diffuso fra i Framework di sviluppo Frontend che permette agli utenti, rispettando le regole base d’uso, di non dover affrontare troppi incubi per la compatibilità cross-browser. UN FRAMEWORK DI SVILUPPO HTML/CSS/JS
  34. 34. #wudrome2015 powered by Zurb Foundation Almeno per il fatto che noi lo adottiamo non possiamo dire così. Certamente con Bootstrap rappresentano due delle più diffuse scelte in fatto di framework di sviluppo fronted. YET ANOTHER HTML FRAMEWORK?
  35. 35. #wudrome2015 powered by Hey Siri… La prima versione di Siri, rigorosamente per anglofoni viene presentata ad ottobre con funzioni limitate e fra lo scetticismo generale. VIENE PRESENTATO IN BETA L’ASSISTENTE VOCALE
  36. 36. #wudrome2015 powered by 2012 The Year Of Financial Systems To g e t h e r t o c r e a t e a w a r e n e s s f o r p r o d u c t s a n d s e r v i c e s t h a t i m p r o v e a n d f a c i l i t a t e f i n a n c i a l s y s t e m s a r o u n d t h e w o r l d .
  37. 37. #wudrome2015 powered by Android Market diventa Google Play Con il rebranding Google Play, continua ad assottigliarsi lo strato Android in favore di quello Google. Al momento è molto complicato per una persona poter usare un device Android senza usare servizi di Big G. 6 MAGGIO 2012, ANDROID COMINCIA A SPARIRE
  38. 38. #wudrome2015 powered by Ok Google… Dopo aver migliorato lo strumento di ricerca vocale già da fine 2011 con Android 4.1, Google lancia Google Now. Non solo un assistente vocale, ma anche un meccanismo intelligente e predittivo come assistente sul proprio smartphone. GOOGLE RISPONDE AD APPLE
  39. 39. #wudrome2015 powered by Virtual reality Viene lanciato il primo DevKit di questo che è probabilmente il più noto tra i visori di Virtual Reality nel mondo. DOPO IL TAGLIAERBE, ECCOLA SPUNTARE DI NUOVO
  40. 40. #wudrome2015 powered by Windows 8 Dopo aver azzeccato la versione 7, Microsoft decide di puntare su un restyling sostanziale di Windows Aero facendo uscire un sistema operativo dall’interfaccia completamente rivista, in stile metro. UNA NUOVA VERSIONE DI WINDOWS PER MICROSOFT
  41. 41. #wudrome2015 powered by 2013 The Year Of Healthcare Systems T h e i m p o r t a n c e o f u s e r - c e n t e r e d d e s i g n i n h e a l t h c a r e i s t r u l y l i f e o r d e a t h w i t h a l o n g t e r m i m p a c t o n t h e q u a l i t y o f e v e r y o n e' s l i f e .
  42. 42. #wudrome2015 powered by Flat design vs. Scheumorfismo Dopo essere stati alfieri del design digitale che riproducesse fedelmente gli oggetti reali, Apple si arrende al trend lanciato a suo tempo da Microsoft: il flat design. A due anni, l’icona delle preferenze è ancora oscena. A DUE ANNI DALLA MORTE DI STEVE JOBS
  43. 43. #wudrome2015 powered by Pebble finanzia il suo device Attraverso una delle campagne di crowdfunding più cospicue finora Pebble riesce a finanziare la produzione del primo modello di smartwatch collegato allo smartphone via bluetooth. Per i più inizia l’era del wearable. 30 ANNI DOPO IL CASIO :P
  44. 44. #wudrome2015 powered by Google Glass Nella maggior parte delle conferenze di nerd apparirono questi personaggi con indosso occhiali di Google. Prototipi la cui demo fece sbalordire il mondo e la cui produzione non è ancora andata a regime. ANCORA WEARABLE
  45. 45. #wudrome2015 powered by 2014 The Year Of Engagement U s e r E x p e r i e n c e i s a l l a b o u t e n g a g e m e n t . H o w u s a b i l i t y a n d d e s i g n t h i n k i n g c a n h e l p t o ke e p p e o p l e e n g a g e d ?
  46. 46. #wudrome2015 powered by Android Wear Attraverso la release di una piattaforma dedicata per il wearable Google sbarca nel mondo dei dispositivi indossabili, tipicamente smartwatch, anticipando la rumoreggiata concorrenza di Apple. BIG G SBARCA ANCHE SUI DISPOSITIVI DA POLSO
  47. 47. #wudrome2015 powered by Apple Watch Un nuovo genere di dispositivo targato Cupertino si affaccia sul mercato in stile Apple. Non il primo cronologicamente, ma sembra l’unico mai prodotto. SETTEMBRE È IL MESE DELL’ANNUNCIO
  48. 48. #wudrome2015 powered by Google Cardboard Non un clone di Oculus Rift o affini ma un vero micro dispositivo a cui aggiungere lo smartphone per vivere un’esperienza d’uso immersiva. UN VISORE (QUASI) DIY
  49. 49. #wudrome2015 powered by Google (Material) Design Nell’estate Google lancia il suo lavoro di sistematizzazione del linguaggio visivo di Android, uno dei talloni d’Achille rispetto a iOS. La mancanza di standard visuali condivisi ha fatto sì che le app di terze parti fossero abbastanza incoerenti tra loro, e spesso discutibili. UN GRANDE LAVORO DI SISTEMATIZZAZIONE
  50. 50. #wudrome2015 powered by
  51. 51. #wudrome2015 powered by Design language? WINDOWS METRO E MATERIAL DESIGN LINGUAGGI DI UI DESIGN UNIVERSALE?
  52. 52. #wudrome2015 powered by #VDT - VISUAL DESIGN THINKING
  53. 53. #wudrome2015 powered by Microsoft dopo Windows 7, decide di unificare le UI sia per Desktop che per Tablet e Smartphone. Il risultato è che molti utenti Desktop storici sono spaesati e chiedono dove sia START. Windows 8.0 ESPERIENZA UNIFICATA TRA TOUCH E DESKTOP
  54. 54. #wudrome2015 powered by #VDT - VISUAL DESIGN THINKING Look who’s back!?
  55. 55. #wudrome2015 powered by Quindi, Material Design è una figata no? EH SECONDO ME MICA TANTO… Daje de Material?
  56. 56. #wudrome2015 powered by #VDT - VISUAL DESIGN THINKING
  57. 57. #wudrome2015 powered by Think of two customers. 
 Both were born in 1948, male, raised in Great Britain, married, successful and wealthy. Furthermore, both of them have at least two children, like dogs and love the Alps.
  58. 58. #wudrome2015 powered by One of them could be Princes Charles 
 and the other one Ozzy Osbourne.
 This is service design thinking. — THIS IS SERVICE DESIGN THINKING, AA.VV.
  59. 59. #wudrome2015 powered by Siamo tutti uguali? TIPO AD ESEMPIO SE NON FOSSIMO TUTTI OCCIDENTALI?
  60. 60. #wudrome2015 powered by
  61. 61. #wudrome2015 powered by
  62. 62. #wudrome2015 powered by
  63. 63. #wudrome2015 powered by Sure, UX is not UI… … EPPURE UN PROBLEMINO C’È
  64. 64. #wudrome2015 powered by Per violare le regole… Questi design language possono essere molto utili qualora si tratti di stabilire dei principi guida attorno ai quali poter progettare e da violare, eventualmente, per rendere più consoni i prodotti ai propri utenti. BISOGNA CONOSCERLE MOLTO BENE.
  65. 65. “ #wudrome2015 powered by Il cuore dell’interaction design non è l’interazione delle persone con la tecnologia. Ma l’interazione tra le persone attraverso la tecnologia. — MICROSOFT INCLUSIVE DESIGN
  66. 66. #wudrome2015 powered by Quindi Material no?
  67. 67. #wudrome2015 powered by Dipende. SICURAMENTE RENDE COERENTI E DÀ FAMILY FEELING NELL’ECOSISTEMA ANDROID
  68. 68. #wudrome2015 powered by Non solo creare prodotti belli, piacevoli ed eleganti, ma soprattutto asservirli alla soddisfazione del bisogno delle persone e del progetto, coniugando le necessità 
 di business con quelle delle persone. Design language senza abusarne MA SOPRATTUTTO AD OGNUNO IL SUO
  69. 69. “ #wudrome2015 powered by We define disability as a mismatch between the needs of individual and the service, product
 or environment offered — MICROSOFT INCLUSIVE DESIGN
  70. 70. #wudrome2015 powered by Non risolvere un bisogno o una necessità implica introdurre una disabilità nell’utente che vuole scegliere senza patemi attraverso un’esperienza utente soddisfacente. Creare contesti abilitanti TENENDO CONTO DI TUTTI GLI ATTORI
  71. 71. #wudrome2015 powered by One more thing. PERCHÉ SENNÒ POI MI SCORDO MI EMOZIONO, ETC. ETC.
  72. 72. #wudrome2015 powered by Dipende. IN ALCUNI CASI PUÒ ESSERE UTILE PER FAMILY FEELING.
  73. 73. DIGITAL DESIGN THINKING. + We design responsive websites and digital strategies to connect organizations to their customers.
  74. 74. DIGITAL DESIGN THINKING. + We design responsive websites and digital strategies to connect organizations to their customers.
  75. 75. DIGITAL DESIGN THINKING. + We design responsive websites and digital strategies to connect organizations to their customers.
  76. 76. DIGITAL DESIGN THINKING. + We design responsive websites and digital strategies to connect organizations to their customers.

×