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

#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

Once we wearable
OR ONCE WE WERE ABLE?

1983 DEJÀ-VÙ?

World Usability Day 2015
IL DECIMO ANNIVERSARIO
DELL’EVENTO ORGANIZZATO DA UXPA

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.

Dieci anni di temi, usabilità,
evoluzioni e rivoluzioni nell’ambito
digitale (è) reale.
Le precedenti edizioni
DAL 2005 AL 2015

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 .

Arduino…
Una board apparentemente
innocua, progettata per risolvere
un bisogno speciﬁco: prototipare velocemente
nei progetti di design per accorciare
il time to market.
UN PROGETTO STUDENTESCO, A IVREA

YouTube
Il sito che ha cambiato completamente
l’idea della fruizione dei video su Internet.
Nato dieci anni fa.
ESISTEVA PRIMA DI DIVENTARE GOOGLE!

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!

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 .

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

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 :)

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

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 .

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

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

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 .

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

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

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

HTC Dream, il primo Android phone
Un prodotto primitivo, immaturo
lontano dal device di oggi.
Molto più vicino ai ﬂagship di Nokia che al
modello touch only di Apple.
L’ANNUNCIO VIENE DATO IL 23 SETTEMBRE 2008

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.

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

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

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!

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 .

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

Windows Phone 7
A febbraio viene annunciata
la versione moderna di Windows Phone
con l’interfaccia Modern.
Per copiare ﬁno in fondo, non aveva
il copia incolla ;)
LA VERSIONE “MODERNA” DI WINPHONE ANNUNCIATA A MWC

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 ?

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.

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

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?

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

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 .

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

Ok Google…
Dopo aver migliorato lo strumento
di ricerca vocale già da ﬁne 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

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

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

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 .

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

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

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

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 ?

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

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

Google Cardboard
Non un clone di Oculus Rift o afﬁni
ma un vero micro dispositivo a cui
aggiungere lo smartphone
per vivere un’esperienza d’uso immersiva.
UN VISORE (QUASI) DIY

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

Design
language?
WINDOWS METRO E MATERIAL DESIGN
LINGUAGGI DI UI DESIGN UNIVERSALE?

#VDT - VISUAL DESIGN THINKING

Microsoft dopo Windows 7, decide
di uniﬁcare 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

#VDT - VISUAL DESIGN THINKING
Look who’s back!?

Quindi, Material Design
è una ﬁgata no?
EH SECONDO ME
MICA TANTO…
Daje de Material?

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.

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.

Siamo tutti uguali?
TIPO AD ESEMPIO SE NON FOSSIMO
TUTTI OCCIDENTALI?

Sure, UX is not UI…
… EPPURE UN PROBLEMINO C’È

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.

“
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

Quindi Material no?

Dipende.
SICURAMENTE RENDE COERENTI
E DÀ FAMILY FEELING NELL’ECOSISTEMA ANDROID

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

“
We deﬁne disability as a mismatch
between the needs of individual
and the service, product 
or environment offered
— MICROSOFT INCLUSIVE DESIGN

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

One more thing.
PERCHÉ SENNÒ POI MI SCORDO
MI EMOZIONO, ETC. ETC.

Dipende.
IN ALCUNI CASI PUÒ ESSERE UTILE
PER FAMILY FEELING.

DIGITAL DESIGN THINKING.
+
We design responsive websites
and digital strategies
to connect organizations
to their customers.

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

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (12)

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

Similar to "10 anni di usabilità e design trend, come sarà il futuro?” - Carlo Frinolli (20)

More from nois3

More from nois3 (20)

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