"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

https://www.linkedin.com/in/carlofrinolli

http://carlofrinolli.it

http://nois3.it


Once we wearable

OR ONCE WE WERE ABLE?

#wudrome2015 powered by1983

#wudrome2015 powered by1983 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.

DisclaimerQUESTA RICOSTRUZIONE È PARZIALE.


Dieci anni di temi, usabilità, evoluzioni e rivoluzioni nell’ambito digitale (è) reale.

Le precedenti edizioniDAL 2005 AL 2015


2005T h e I n a u g u ra l Ye a r

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 P A , 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 specifico: 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!


2006T h e Ye a r O f A c c e s s i b i l i t y

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

http://last.fm


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


2007T h e Ye a r O f H e a l t h c a r e

4 1 c o u n t r i e s a n d 5 0 . 0 0 0 e x 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 k e 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


2008T h e Ye a r O f Tra n s p o r t a t i o n

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 e x p l o r i n g h o w w e i n t e r a c t w i t h o u r t r a 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 flagship di Nokia che al modello touch only di Apple.

L’ANNUNCIO VIENE DATO IL 23 SETTEMBRE 2008


2009T h e Ye a r O f S u s t a i n a b l e Wo r l d

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!


2010T h e Ye a r O f C o m m u n i c a t i o n

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 r a 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 e x 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 fino in fondo, non aveva il copia incolla ;)

LA VERSIONE “MODERNA” DI WINPHONE ANNUNCIATA A MWC


2011T h e Ye a r O f E d u c a t i o n

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 DesignDA 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


2012T h e Ye a r O f F i n a n c i a l S y s t e m s

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


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


2013The 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


2014T h e Ye a r O f E n g a g e m e n t

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 k e 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 affini 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 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.0ESPERIENZA UNIFICATA TRA TOUCH E DESKTOP



Look who’s back!?


Quindi, Material Design è una figata 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 abusarneMA SOPRATTUTTO AD OGNUNO IL SUO

“


We define disability as a mismatch between the needs of individual and the service, productor 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 abilitantiTENENDO 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

Design

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