Slides dalle lezioni del corso di Interazione Uomo Macchina per la laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 21 marzo 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 26 marzo 2013
Vedi anche www.rpolillo.it
Slides dal corso di Strumenti e applicazioni del Web di R.Polillo per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca
Lezione del 5 marzo 2014
Corso di Strumenti e applicazioni del Web - Università degli Studi di Milano Bicocca
A.A.2012-13 (marzo 2013). - prof. R.Polillo
Prima lezione
vedi anche il blog del corso http://corsow.wordpress.com
Slides dalle lezioni del corso "Strumenti e applicazioni del Web", Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13 - Lezione del 16 aprile 2013
Il video della lezione si trova su YouTube:
Parte I: http://youtu.be/SDGlV_w9OJw
Parte II: http://youtu.be/f-zGPfzCxvk
Vedi anche www.corsow.wordpress.com
Slides del corso "Strumenti e applicazioni del Web" - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 17 aprile 2013
Vedi anche www.corsow.wordpress.com
Slides delle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 22 maggio 2013 (ultima lezione)
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di "Strumenti e applicazioni del Web", Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 21 marzo 2013
Vedi anche www.corsoweb.wordpress.com
Slides dalle lezioni del corso di "Interazione uomo macchina" per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo
Lezione del 10 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 26 marzo 2013
Vedi anche www.rpolillo.it
Slides dal corso di Strumenti e applicazioni del Web di R.Polillo per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca
Lezione del 5 marzo 2014
Corso di Strumenti e applicazioni del Web - Università degli Studi di Milano Bicocca
A.A.2012-13 (marzo 2013). - prof. R.Polillo
Prima lezione
vedi anche il blog del corso http://corsow.wordpress.com
Slides dalle lezioni del corso "Strumenti e applicazioni del Web", Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13 - Lezione del 16 aprile 2013
Il video della lezione si trova su YouTube:
Parte I: http://youtu.be/SDGlV_w9OJw
Parte II: http://youtu.be/f-zGPfzCxvk
Vedi anche www.corsow.wordpress.com
Slides del corso "Strumenti e applicazioni del Web" - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 17 aprile 2013
Vedi anche www.corsow.wordpress.com
Slides delle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 22 maggio 2013 (ultima lezione)
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di "Strumenti e applicazioni del Web", Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 21 marzo 2013
Vedi anche www.corsoweb.wordpress.com
Slides dalle lezioni del corso di "Interazione uomo macchina" per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo
Lezione del 10 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 12 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 23 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (Prof.R.Polillo) - Lezione del 26 marzo 2014
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 13 maggio 2015
Lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca (prof.R.Polillo) - lezione del 2 aprile 1014
Slides dalle lezioni del corso di Interazione Uomo Macchina, Università di Milano Bicocca, Prof.R.Polillo, A.A.2012-13
Lezione del 9 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - lezione del 19 marzo 2014.
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof. R.Polillo) - Lezione del 27 marzo 2014
13. Conoscere l'utente (III): Il sistema motorioRoberto Polillo
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 9 aprile 2014
Slides dalle lezioni del corso di Interazione Uomo Macchina per gli studenti del corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (A.A.2014-15), lezione del 10 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 31 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 3 aprile 2014
Slide dalle lezioni del corso di Interazione Uomo Macchina di R.Polillo, per il corso di laurea triennale in Informatica, Università di Milano Bicocca.
Prima lezione, del 5 marzo 2014
Teaching HCI to computing students: some considerationsRoberto Polillo
Slides presented at the workshop on "New perspectives to improve quality, efficacy and appeal of HCI courses", CHITALY 2015 Conference, Rome, La Sapienza, Sept 28, 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 12 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - A.A.2012-13
Lezione del 23 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (Prof.R.Polillo) - Lezione del 26 marzo 2014
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 13 maggio 2015
Lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca (prof.R.Polillo) - lezione del 2 aprile 1014
Slides dalle lezioni del corso di Interazione Uomo Macchina, Università di Milano Bicocca, Prof.R.Polillo, A.A.2012-13
Lezione del 9 aprile 2013
Vedi anche www.rpolillo.it
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo - lezione del 19 marzo 2014.
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof. R.Polillo) - Lezione del 27 marzo 2014
13. Conoscere l'utente (III): Il sistema motorioRoberto Polillo
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 9 aprile 2014
Slides dalle lezioni del corso di Interazione Uomo Macchina per gli studenti del corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (A.A.2014-15), lezione del 10 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 31 marzo 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 3 aprile 2014
Slide dalle lezioni del corso di Interazione Uomo Macchina di R.Polillo, per il corso di laurea triennale in Informatica, Università di Milano Bicocca.
Prima lezione, del 5 marzo 2014
Teaching HCI to computing students: some considerationsRoberto Polillo
Slides presented at the workshop on "New perspectives to improve quality, efficacy and appeal of HCI courses", CHITALY 2015 Conference, Rome, La Sapienza, Sept 28, 2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 28 maggio 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - lezione del 28 maggio 2015
Slides dell'intervento al workshop su "Responsabilità Sociale di Impresa - ICT come strumento per lo sviluppo sociale" (Milano, Assolombarda, 25 maggio 2015)
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
Slides utilizzate nell'incontro con Marco Polillo, durante il corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione, Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15), lezione del 20 maggio 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 12 maggio 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 6 maggio 2015
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Univesrità di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 5 maggio 2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il crso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - lezione del 5 maggio 2015
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (a.a.2014-15) - Prof.R.Polillo - Lezione del 29 aprile 2015
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (a.a.2014-15) - Prof.R.Polillo - Lezione del 28 aprile 2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - lezione del 29/4/2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - lezione del 28/4/2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione, Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 22 aprile 2015
Slides delle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca- Prof. R.Polillo (a.a.2014-15) - Lezione del 21 aprile 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per gli studenti del corso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 15 aprile 2015
Slides dalle lezioni del corso di Strumenti e applicazioni del Web per il corso di laurea magistrale in Teoria e tecnologia della comunicazione - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 15 aprile 2015
Slides dalle lezioni del corso di Interazione Uomo Macchina per il crso di laurea in Informatica - Università di Milano Bicocca - Prof.R.Polillo (a.a.2014-15) - Lezione del 14 aprile 2015
1. 1
PROGETTARE PER
L'UTENTE (II)
Corso di Interazione Uomo Macchina
AA 2012-2013
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
3
-1
12
20
ne
di zio
R.Polillo - Marzo 2013
E
2. Queste slides…
2
… si basano sul libro “Facile da usare”, dell’autore, dove si trovano
tutte le necessarie spiegazioni. Vedi www.rpolillo.it
Queste slide sono disponibili con licenza Creative Commons
(attribuzione, non commerciale, condividi allo stesso modo) a
chiunque desiderasse utilizzarle, per esempio a scopo didattico,
senza necessità di preventiva autorizzazione:
http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it
La licenza non si estende alle immagini fotografiche e alle screen
shots, i cui diritti restano in capo ai rispettivi proprietari, che sono
stati indicati, ove possibile, nelle didascalie del libro. L’autore si
scusa per eventuali omissioni, e resta a disposizione per
correggerle.
R.Polillo - Marzo 2013
3. Come si descrivono i casi d’uso
3
Un caso d’uso ha un nome e una descrizione
Spesso, verbo + complemento oggetto
Chiama l’ascensore al piano
Seleziona canale televisivo
Acquista prodotto
Prenota volo
Iscriviti al forum
R.Polillo - Marzo 2013
5. Descrizione
di un caso
d’uso
5
Esempio
R.Polillo - Marzo 2013
6. Definizione dei requisiti: temi principali
Analisi dell’utente: a quali utenti è destinato il prodotto?
Analisi dei bisogni: quali sono le necessità di tali utenti?
Analisi del contesto: quale sarà il contesto d’uso del
prodotto?
Analisi dei casi d’uso: in quali modi i diversi utenti
interagiranno con il prodotto?
Analisi della concorrenza: quali sono i punti di forza e di
debolezza rispetto ai prodotti concorrenti?
6 R.Polillo - Marzo 2013
7. Esempio: progetto di un contenitore per acqua
minerale
Utenti:
A. Generico consumatore di acqua minerale
B. Trasportatori di confezioni multiple
Bisogni:
Trasporto e stoccaggio più efficienti
Contesto d’uso:
A. Acquisto in supermercato o in negozio
A. Conservazione in frigorifero
A. Consumo in tavola
B. Trasporto ai punti di vendita in furgoni
Casi d’uso:
A-B. Trasporto manuale di confezione multipla
A. Estrazione del contenitore singolo dalla confezione multipla
A. Trasporto manuale di contenitore singolo
A. Stoccaggio/estrazione nel/dal frigorifero
A. Apertura e chiusura del contenitore
A. Mescita nel bicchiere
A. Schiacciamento verticale per dismissione
7 R.Polillo - Marzo 2013
9. Scenari d’uso
Storie immaginarie d’uso del sistema da parte di
persone fittizie, ma concrete, che rappresentano
bisogni, contesti e modalità d’uso tipiche del sistema da
progettare (“personae”)
Gli scenari "mettono in scena" una serie di casi d'uso,
collocandoli nel contesto:
Contesto, concretezza, visione oggettiva
Mettono in evidenza re q uis iti ine s p re s s i
10 R.Polillo - Marzo 2013
13. Un esempio
Da: Steve Mulder, http://www.slideshare.net/MulderMedia/the-user- R.Polillo - Marzo 2013
17
is-always-right-making-personas-work-for-your-site
16. Scenario d’uso (II)
Francis and Michael have agreed that she’ll take charge of learning more about the home-buying process. She goes online,
does a Google search for “Atlanta real estate,” and follows a link to the site’s home page. She sees that she can search for
houses from the home page, so just for fun, she does a quick Atlanta search to see what kinds of houses show up. There
are lots of houses in many different neighborhoods, and she easily narrows her results down to the area where she and
Michael live, using a map. There are still many results, and she’s not quite sure which search options to use to narrow the
search further. Then she notices a link for first-time home buyers and follows, it hoping for basic how-to information.
The link takes Francis to a step-by-step tutorial that explains the whole process, and she immediately feels like she’s found
the right site from which to begin her house search. She carefully reads some articles for first-time home buyers, taking
notes as she reads. She bookmarks other articles she wants to go back and read later. She also comes across the site’s
calculator and starts trying different combinations of numbers to find out what she and Michael can afford. She
particularly likes the glossary of terms so that she can finally figure out what “points” are and learn more about different
types of mortgages. After an hour and a half of reading, her brain is full, and she shuts her computer down for the day,
feeling like she got an excellent start.
The next day, she comes back to the site to look up information specific to Atlanta neighborhoods and finds lots of
information on each. She’s able to focus on five neighborhoods that look particularly good. The fun begins that night,
when she takes Michael through all that she has learned, and they set up a regular schedule for looking at online house
listings.
20 R.Polillo - Marzo 2013
17. Casi d’uso
Search for houses from home page
1. Enter location by city and state, or zip code
2. Enter price range
3. Enter number of bedrooms and/or bathrooms
4. Submit search
View and narrow results
1. Browse first page of results: photo, price, address, basic stats, and
description
2. Click to show results on map
3. Click map to narrow results to one neighborhood
4. Browse new results
Read tutorial
1. Click link for first-time home buyers
2. Read landing page for learning area
3. Click teaser for step-by-step tutorial
And so on…
21 R.Polillo - Marzo 2013
18. Device mobili: funzioni tipiche
Accesso alla rete (via operatore telefonico o
Wi-Fi)
Comunicazione con altri device (Bluetooth,
NFC)
Funzioni telefoniche
Dati conservati sulla nuvola (sincronizzazione
fra i device e backup automatici)
Geolocalizzazione
Fotocamera/e
Sensori 24 R.Polillo - Marzo 2013
Real people, not models Not overly posed Think about clothing, hairstyle, makeup, diversity
Francis: 33-year-old nurse living in Atlanta with her husband Michael Dream of owning a home; browse real estate listings; open houses for fun Michael got promoted, and Francis is excited; close to city, not a fixer-upper, 3+ bedrooms, ideally a pool Completely intimidated, no idea where to start: How much can they afford? Process? Realtor? Neighborhood? Excitement turns to anxiety Goes online to: 1) Learn about home-buying process, 2) Find what they can afford, 3) Learn about Atlanta neighborhoods, 4) Find houses matching criteria
Realistic character sketch representing one segment of a site’s targeted audience Archetype serving as a surrogate for entire group Grounded in research, bring research to life and make it actionable Defined by goals, behaviors, attitudes
Stories of how persona interacts with site Idealistic Principles of good storytelling
Connect the dots: User research – Segments – Personas – Scenarios – Task analysis/use cases – Feature design