SlideShare a Scribd company logo
15 minuti di pausa
Presente
 User-Experience (Design)
Tutto e' UX




          USER-EXPERIENCE
UX e' dappertutto




          USER-EXPERIENCE
Mattoncini
Un mondo di sistemi e piattaforme
Progettare un'unica esperienza cross-device/platform
Connecting the dots




            http://www.slideshare.net/frogdesign/brugnoli-system-ux-1061731
La convergenza dei motori di rendering




            Trident    Webkit    Gecko   Presto
L'avvento di HTML5 e CSS3
Non ci sono piu' i programmatori di una volta...
Non ci sono piu' i programmatori di una volta...
Non ci sono piu' i programmatori di una volta...
Non ci sono piu' i programmatori di una volta...
Information overload
Eccesso di informazione




                          TweetWheel
Paradosso della scelta




                  http://www.ted.com/talks/view/lang/en//id/93
Eccesso di scelta




            +1000 link in homepage
La UX dei social-network




                       Facebook Timeline
La UX dei social-network




                           New Twitter
La UX dei social-network




                           Google+
Futuro
Humanity-Cloud-Interaction
Il futuro e' gia' qui...




           http://www.nest.com/   http://bergcloud.com/littleprinter/
Il futuro e' gia' qui...
Da terminali stupidi a terminali "smart"
Da terminali stupidi a terminali "smart"
Da terminali stupidi a terminali "smart"
Interfaccia uomo-macchina




                       GUI
Metafora




           Mac System 7
Schiomorfismo




                Newsstand
Reale / Virtuale




                   Augmented reality
Naturale




           Natural User Interface
Un nuovo tipo di complessita'




                      Cloud
Platea mondiale di potenziali utenti/clienti/interlocutori




                       500 milioni di download!
Come disegnare un prodotto per queste persone?
Convergenza delle interfacce?


   •   browser
   •   sistemi operativi
   •   linguaggi di programmazione
   •   metafore di interazione
   •   disponibilita' / modalita' di accesso alle informazioni
       •   web / cloud
       •   network "sociali"
       •   gateway
Una unico punto di accesso?
Una unico punto di accesso?
Una "nuvola" di applicazioni
Divergenza dei modi d'uso


   •   device fisici
   •   dimensioni dello spazio di interazione
   •   contesti / luoghi
   •   scopo dell'interazione
       •   professionale
       •   informativo
       •   ludico
       •   sociale
Una nuvola di device, applicazioni, interfacce, servizi
Usate in contesti e luoghi diversi
Tutto diventera' connesso...
L'HCI del futuro?




            umanita'   cloud
La sfida per il designer di UX del futuro




                             user
Productivity Future Vision




                 www.youtube.com/watch?v=a6cNdhOKwi0
Making future magic / Incidental Media




                 www.youtube.com/watch?v=Us2eb3NUf_M
grazie
IsiO StlI
   W.Dio.E
I miei ringraziamenti vanno a...



                        Facolta' di Ingegneria
                        Universita' degli Studi di Brescia


                        Claudio Gandelli
                        @cgandelli


                        Studenti
                        Corso di HCI
Per chi volesse approfondire...




                                  www.webdebs.org

More Related Content

PPT
Usabilità E Convergenza
PDF
Deborabotta ux-e-marketing
PDF
UX: Cosa guardano, ignorano e cliccano gli utenti sul tuo sito web - IAB Foru...
PDF
Le village deck demo day
PDF
Portfolio ux ui_gellify
PDF
Progettazione UX. UX design per non designers
PDF
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
PDF
UXstrategy: User Experience e Global Brand Experience
Usabilità E Convergenza
Deborabotta ux-e-marketing
UX: Cosa guardano, ignorano e cliccano gli utenti sul tuo sito web - IAB Foru...
Le village deck demo day
Portfolio ux ui_gellify
Progettazione UX. UX design per non designers
Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web
UXstrategy: User Experience e Global Brand Experience

What's hot (17)

PDF
User Experience ROI
PDF
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
PDF
Dalla UX alla UI: interfacce grafiche
PDF
UI/UX l' approccio giusto ad un progetto.
PDF
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
PDF
Progettare esperienze per emozionare. La transizione dalla UX alla UI.
PDF
HCI to UX to HCI - Parte A
PDF
User Experience - tra design e sviluppo
PPT
Agile Ux: progettare e sviluppare web a iterazioni
PPTX
User Experience: teoria e pratica - UXFUN 05/09/2015 Cagliari
PDF
Usabilità, UX e UI
PDF
Mobile user testing - IAsummit2013
PDF
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...
PDF
BRAND NEW DAY: VISUAL MKTG (2019)
PDF
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
PDF
BRAND NEW DAY: WEB MKTG (2019)
PDF
Follow the UX path @Appsterdam
User Experience ROI
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Dalla UX alla UI: interfacce grafiche
UI/UX l' approccio giusto ad un progetto.
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
Progettare esperienze per emozionare. La transizione dalla UX alla UI.
HCI to UX to HCI - Parte A
User Experience - tra design e sviluppo
Agile Ux: progettare e sviluppare web a iterazioni
User Experience: teoria e pratica - UXFUN 05/09/2015 Cagliari
Usabilità, UX e UI
Mobile user testing - IAsummit2013
Conoscere l'utente e tenerlo sempre al centro: come progettare un'esperienza ...
BRAND NEW DAY: VISUAL MKTG (2019)
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
BRAND NEW DAY: WEB MKTG (2019)
Follow the UX path @Appsterdam
Ad

Viewers also liked (8)

PDF
Lezione ID 2010 -3
PDF
lezione interaction design 18 marzo 2009
PDF
ITSME, presentazione
PDF
Lezione Interaction Design 10 marzo 2009
PPT
interaction design 2008
PDF
Lezione ID 2010 - 2 / 3
PDF
Lezione ID 2010 - 1
PDF
lezione interaction design 11 marzo 2009
Lezione ID 2010 -3
lezione interaction design 18 marzo 2009
ITSME, presentazione
Lezione Interaction Design 10 marzo 2009
interaction design 2008
Lezione ID 2010 - 2 / 3
Lezione ID 2010 - 1
lezione interaction design 11 marzo 2009
Ad

Similar to HCI to UX to HCI - Parte B (20)

PPT
14. Conclusione del corso
PPT
Figure dal libro Facile da Usare
PPT
Le Nuove Tecnologie per il Terzo Settore by Roberto Polillo
PPT
Le nuove tecnologie per il Terzo Settore
PPT
1.Introduzione al corso
PDF
Waz.Up Presentazione
PDF
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
KEY
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
PPT
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
PPT
9. Mobile design
PDF
Corso WebApp iOS - Lezione 04: iOS UI Design
PPT
Progettare e gestire la user experience nel processo di sviluppo del software
PPT
La didattica nel tempo di twitter
PDF
Il Linguaggio Dei Nuovi Media
PDF
Senior 2.0 - Quale UX per un social network della terza età?
PPT
1.Introduzione al corso
PDF
Informatica Presente e Futuro
PDF
Relazione finale progetto Pedalami
PPT
14. Conclusione del corso
PDF
Presentazione Wif Italia
14. Conclusione del corso
Figure dal libro Facile da Usare
Le Nuove Tecnologie per il Terzo Settore by Roberto Polillo
Le nuove tecnologie per il Terzo Settore
1.Introduzione al corso
Waz.Up Presentazione
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
9. Mobile design
Corso WebApp iOS - Lezione 04: iOS UI Design
Progettare e gestire la user experience nel processo di sviluppo del software
La didattica nel tempo di twitter
Il Linguaggio Dei Nuovi Media
Senior 2.0 - Quale UX per un social network della terza età?
1.Introduzione al corso
Informatica Presente e Futuro
Relazione finale progetto Pedalami
14. Conclusione del corso
Presentazione Wif Italia

More from Cristiano Rastelli (20)

PDF
Let There Be Peace On CSS
PDF
Style Guides, Pattern Libraries, Design Systems and other amenities.
PDF
Interaction Design Above the Level of a Single Man
PDF
The data we should not miss
PDF
Adaptive, Responsive, Mobile. A liquid web.
PDF
What future we want for our Software Industry?
PDF
Slides are easy
PDF
Mobile last
PDF
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
PDF
Exploring ideas
PDF
Perché a fare i preventivi facciamo così schifo?
PDF
HTML5 for Mobile
PDF
The big bang theory
PDF
Html5 - Un anno dopo
PDF
Senior 2.0 (reprise)
PDF
La qualità non paga
PDF
Il valore percepito
PDF
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
PDF
Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.
PDF
Arte agile
Let There Be Peace On CSS
Style Guides, Pattern Libraries, Design Systems and other amenities.
Interaction Design Above the Level of a Single Man
The data we should not miss
Adaptive, Responsive, Mobile. A liquid web.
What future we want for our Software Industry?
Slides are easy
Mobile last
Perché a fare i preventivi facciamo così schifo? @BetterSoftware 2102
Exploring ideas
Perché a fare i preventivi facciamo così schifo?
HTML5 for Mobile
The big bang theory
Html5 - Un anno dopo
Senior 2.0 (reprise)
La qualità non paga
Il valore percepito
Paper - "Esperienza utente e fruizione dei contenuti nei quotidiani online i...
Esperienza utente e fruizione dei contenuti nei quotidiani online in Italia.
Arte agile

HCI to UX to HCI - Parte B