hci to ux to hci - parte a
DESCRIPTION
In questa presentazione, ho provato a percorrere la strada che ha portato dal modello "classico" della Human-Computer-Interaction all'attuale modello dello User-Experience Design, un "cappello" multi-disciplinare sotto il quale oggi si raccolgono diverse competenze, pratiche e metodologie (architettura delle informazioni, etnografia, interaction design, graphic and visual design, web/software design and development, user-testing, per dirne alcune) utilizzate per la progettazione e la realizzazione non solo di interfacce (software/applicative, web, mobile, ecc.) ma anche e soprattutto di servizi (cross-canale, cross-device, multi-ambiente) e di vere e proprie "esperienze utente". Da qui, ho provato a guardare al futuro, dallo UXD delle reti sociali alle contraddizioni fra convergenza delle metafore d'interazione e frammentazione dei medium di fruizione, per arrivare a immaginare di poter parlare un giorno di "Humanity-Cloud Interaction".TRANSCRIPT
![Page 1: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/1.jpg)
HCI to UX to HCI
rEì 0 CebE 01cLà I GenrA (IvrIà dgI Ud I Esi)
![Page 2: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/2.jpg)
indexHello
Passato
Apple
Presente
Futuro
![Page 3: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/3.jpg)
HelloUna mia breve presentazione
![Page 4: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/4.jpg)
• Area Web = Cristiano Rastelli & Liliana Bragadin
• miei clienti diretti + freelance per agenzie
• attivita' = lavoro + passione
• ogni lavoro e' un progetto a se'
• web-oriented da oltre 15 anni
Chi sono
![Page 5: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/5.jpg)
Competenze
interaction/ux design
interface & web design
web development
![Page 6: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/6.jpg)
Strumenti
DEVELOPMENT TEST & DEBUGDESIGN
![Page 7: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/7.jpg)
Alcuni esempi del mio lavoro
Siti web
![Page 8: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/8.jpg)
Il Foglio Quotidiano Editoria
![Page 9: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/9.jpg)
Il Foglio Quotidiano Editoria
![Page 10: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/10.jpg)
Multiutility Energia
![Page 11: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/11.jpg)
Multiutility Energia
![Page 12: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/12.jpg)
Multiutility Energia
![Page 13: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/13.jpg)
CT Crane Industria
![Page 14: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/14.jpg)
CA Scale PMI
![Page 15: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/15.jpg)
TM Sportmanagement Sport
![Page 16: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/16.jpg)
TM Sportmanagement Sport
![Page 17: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/17.jpg)
Elena Ziletti Servizi
![Page 18: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/18.jpg)
Scuola Chizzolini Educazione
![Page 19: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/19.jpg)
Scuola Chizzolini Educazione
![Page 20: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/20.jpg)
WEBdeBS No-profit
![Page 21: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/21.jpg)
Mosaico (Banca Intesa) Intranet
![Page 22: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/22.jpg)
NoSQL Day / Node.js Conf / For Real Conf Eventi
![Page 23: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/23.jpg)
Maya Spettacolo
![Page 24: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/24.jpg)
Camillo Blog Personali
![Page 25: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/25.jpg)
Alcuni esempi del mio lavoro
Applicazioni
![Page 26: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/26.jpg)
Codice Plastico User-Interface
N.D.A.
![Page 27: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/27.jpg)
Codice Plastico User-Interface
N.D.A.
![Page 28: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/28.jpg)
Codice Plastico User-Interface
N.D.A.
![Page 29: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/29.jpg)
Codice Plastico User-Interface
N.D.A.
![Page 30: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/30.jpg)
Codice Plastico User-Interface
N.D.A.
![Page 31: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/31.jpg)
Eliwell User-Interface
N.D.A.
![Page 32: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/32.jpg)
Evoluzione Telematica User-Interface
N.D.A.
![Page 33: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/33.jpg)
I progetti di cui ci occupiamo
piccoli
medi
grandiprogetti {
![Page 34: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/34.jpg)
Quello che voglio raccontarvi oggi...
job-oriented
![Page 35: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/35.jpg)
Quello che voglio raccontarvi oggi...
job-oriented
![Page 36: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/36.jpg)
PassatoHuman-Computer-Interaction
![Page 37: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/37.jpg)
Il mio primo impatto con l'HCI
![Page 38: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/38.jpg)
Il mio primo impatto con l'HCI
icon-based interfaces
![Page 39: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/39.jpg)
Il mio primo impatto con l'HCI
touch-screens
![Page 40: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/40.jpg)
Il mio primo impatto con l'HCI
![Page 41: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/41.jpg)
Il mio primo impatto con l'HCI
Mac System 7
![Page 42: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/42.jpg)
Il mio primo impatto con l'HCI
Mac System 7
1992
![Page 43: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/43.jpg)
Il mio primo impatto con l'HCI
decine di anniepoche geologiche nell'informatica
praticamente stiamo parlando di
![Page 44: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/44.jpg)
La mia sensazione e' stata questa...
1700
1900
![Page 45: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/45.jpg)
Il mio primo impatto con l'HCI
tutto da buttare?
![Page 46: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/46.jpg)
Approcci empirici, non regole matematiche!
![Page 47: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/47.jpg)
Metodi di lavoro
![Page 48: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/48.jpg)
Metodi di lavoro
ATTENZIONE: anche questi possono diventare obsoleti !
![Page 49: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/49.jpg)
"The man on the mirror"
vs.
![Page 50: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/50.jpg)
La relazione uomo-macchina
![Page 51: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/51.jpg)
Approccio meccanicistico
![Page 52: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/52.jpg)
La relazione uomo-macchina
uomo macchina
![Page 53: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/53.jpg)
L'uomo e' un essere complesso
![Page 54: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/54.jpg)
L'uomo non e' [solo] un essere razionale
![Page 55: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/55.jpg)
I miei primi passi come UX designer
Usability
![Page 56: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/56.jpg)
C'era una volta l'usabilita'
![Page 57: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/57.jpg)
Un grosso malinteso
accessibilevs.
usabile
![Page 58: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/58.jpg)
Linee guida per l'accessibilita'
Le presenti linee guida spiegano come rendere i contenuti web accessibili a persone disabili.
![Page 59: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/59.jpg)
Accessibilita'
• interlocutori: persone disabili = disabilita'
• scopo: accesso ai contenuti
• azioni messe in atto:
• semantica del codice
• contenuti alternativi per dare maggiore significato
• comandi/interazioni che facilitino la navigazione
• compatibilita' con qualsiasi hardware/software
![Page 60: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/60.jpg)
Le disabilita' possono essere codificate
![Page 61: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/61.jpg)
Linee guida per l'usabilita'
?
![Page 62: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/62.jpg)
Usabilita' / Interlocutori
users / utenti
![Page 63: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/63.jpg)
Usabilita' / Scopo
websites / applications
![Page 64: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/64.jpg)
Usabilita' / Azioni
• navigabilita'
• interattivita'
• completezza dei contenuti
• organizzazione delle informazioni
• efficacia comunicativa
• attrattiva grafica
• tempi di attesa
![Page 65: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/65.jpg)
Usabilita' / Azioni
• navigabilita'
• interattivita'
• completezza dei contenuti
• organizzazione delle informazioni
• efficacia comunicativa
• attrattiva grafica
• tempi di attesa
?
![Page 66: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/66.jpg)
La guerra dei browser
![Page 67: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/67.jpg)
Flash, le intro animate e le RIA
![Page 68: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/68.jpg)
Please, wait loading...
the loadbar of death
![Page 69: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/69.jpg)
Un problema inaspettato
interattivovs.
usabile
![Page 70: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/70.jpg)
L'avvento dello user-experience design
UX design
![Page 71: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/71.jpg)
Le diverse facce della UX
![Page 72: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/72.jpg)
Gli elementi dello UX design
![Page 73: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/73.jpg)
Le colonne dello UX design
![Page 74: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/74.jpg)
La ruota del valore della UX
![Page 75: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/75.jpg)
L'importanza della UX
![Page 76: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/76.jpg)
L'iceberg dello UX design
![Page 77: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/77.jpg)
Il percorso dello UX design
![Page 78: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/78.jpg)
Il terreno dello UX design
![Page 79: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/79.jpg)
Perche' tutti questi schemi?
“Se nessuno me lo chiede, lo so.Se voglio spiegarlo a chi me lo chiede,
non lo so più.”
S. Agostino
La UX come semi-cosa. Karim Ben Hamida – UX conference 2011
![Page 80: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/80.jpg)
Una definizione che estende e include altre discipline
“I invented the term UX because I thought human interface and usability were
too narrow. I wanted to cover all aspects of the person’s experience with
the system including industrial design, graphics, the interface, the physical
interaction, and the manual.”
Donald Norman
La UX come semi-cosa. Karim Ben Hamida – UX conference 2011
![Page 81: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/81.jpg)
Una definizione classica
“User experience is about how a person feels about using a product,
system or service.Is subjective in nature, because it’s
about an individual’s feelings and thoughts about the system.
Is dynamic, because it changes over time as the circumstances change.”
Wikipedia
![Page 82: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/82.jpg)
Una definizione minimale
“It’s all about People, their Activities, and the Context of those activities.”
Stephen P. Anderson
![Page 83: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/83.jpg)
La mia definizione, con una domanda
“Dovendo dare al maggior numero di utenti la miglior esperienza possibile nell’impiego di una applicazione,
quali strumenti decido di utilizzare?”
![Page 84: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/84.jpg)
La UX per come la conosco io
Architettura delle informazioni
Etnografia Psicologia
Content strategy Copywriting
Interaction design Motivational design
Marketing
User-testing
Trovabilità Usabilità
Gamification
Personas Scenari
Storytelling Tono
Empatia
User-centered design
Prototipazione rapida Metodi agili Iterazioni
Visual design Tipografia Colore Estetica
Metriche
Griglie
Business
![Page 85: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/85.jpg)
La mela che ha cambiato il mondo
![Page 86: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/86.jpg)
Le rivoluzioni: iPhone e iPad
![Page 87: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/87.jpg)
I prodromi della rivoluzione
![Page 88: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/88.jpg)
I prodromi della rivoluzione
![Page 89: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/89.jpg)
Diverse sfaccettature della stessa rivoluzione
![Page 90: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/90.jpg)
Il secondo segno di una rivoluzione?
![Page 91: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/91.jpg)
La musica in formato digitale?
+
![Page 92: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/92.jpg)
Applicazione per gestire una libreria di canzoni?
+
![Page 93: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/93.jpg)
Uno negozio dove acquistare brani?
+
![Page 94: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/94.jpg)
Una serie di accessori "cool"?
+
![Page 95: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/95.jpg)
Una scelta di possibili colori?
![Page 96: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/96.jpg)
E' tutto questo assieme!
device "perfetti"
applicazione iTunes
negozio iTunes
sincronizzazione
catalogo immenso di contenuti
semplicita' nell'acquisto
one click pay
search & download
disponibilita' di accessori
+
![Page 97: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/97.jpg)
E' tutta una questione di eco-sistema
![Page 98: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/98.jpg)
The iTunes world
![Page 99: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/99.jpg)
L'eco-sistema dell'esperienza
![Page 100: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/100.jpg)
L'eco-sistema dell'esperienza
![Page 101: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/101.jpg)
Giardinetto della felicita'
![Page 102: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/102.jpg)
Cosa pensate che siano le "app"?
![Page 103: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/103.jpg)
Cosa hanno in comune?
![Page 104: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/104.jpg)
Amore per la bellezza
![Page 105: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/105.jpg)
Amore per la bellezza
![Page 106: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/106.jpg)
Un "dettaglio" apparentemente inutile
![Page 107: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/107.jpg)
Un "dettaglio" apparentemente inutile
![Page 108: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/108.jpg)
Un semplice led lampeggiante?
Breathing status LED indicatorUnited States Patent 6658577
“A new and improved status LED indicatorprovides a pleasing visual appeal. An embodiment of the present invention includes a sleep-mode indicator for laptop computers.The LED indicator is energized by pulse-width modulated electrical pulses. The effect of these pulses on the indicator varies in intensity and mimics a rhythm typical of breathing.It is another aspect of the invention to provide an electrical apparatus that generates a sleep-mode indicator blinking pattern based on a sinusoidal function using PWM (pulse width modulation) designs.”
![Page 109: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/109.jpg)
La porta sul mondo
![Page 110: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/110.jpg)
La porta sul mondo
![Page 111: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/111.jpg)
L'impatto di Apple sul nostro lavoro
![Page 112: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/112.jpg)
Il costo della qualita'
perfezione
sforzo = tempo = denaro
qualitàperfezione
sforzo = tempo = denaro
qualità
![Page 113: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/113.jpg)
Il costo della qualita'
perfezione
sforzo = tempo = denaro
qualitàperfezione
sforzo = tempo = denaro
qualità
...a parità di tempo dedicato
incrementi diversidi qualità...
1
10
10 10
![Page 114: HCI to UX to HCI - Parte A](https://reader033.vdocumenti.com/reader033/viewer/2022061300/54c763104a79591a3b8b4595/html5/thumbnails/114.jpg)
15 minuti di pausa