6. Progettare per l'utente (ii)
-
Upload
roberto-polillo -
Category
Education
-
view
676 -
download
1
description
Transcript of 6. Progettare per l'utente (ii)
Corso di Interazione Uomo MacchinaAA 2012-2013
Roberto Polillo
Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione
PROGETTARE PER L'UTENTE (II)
1
R.Polillo - Marzo 2013Edizi
one 2012-1
3
Queste slides…
… 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
2
Come si descrivono i casi d’uso
Chiama l’ascensore al piano Seleziona canale televisivo Acquista prodotto Prenota volo Iscriviti al forum
Un caso d’uso ha un nome e una descrizione
Spesso, verbo + complemento oggetto
3
R.Polillo - Marzo 2013
Esempio: cellulare4
R.Polillo - Marzo 2013
Descrizionedi un caso d’uso
Esempio
5
R.Polillo - Marzo 2013
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?
R.Polillo - Marzo 20136
Esempio: progetto di un contenitore per acqua minerale
Utenti: A. Generico consumatore di acqua minerale B. Trasportatori di confezioni multipleBisogni: Trasporto e stoccaggio più efficientiContesto 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
R.Polillo - Marzo 20137
Contenitore per acqua minerale: una possibile proposta
8
R.Polillo - Marzo 2013
Scenari d’uso
R.Polillo - Marzo 201310
Storie immaginarie d’uso del sistema da parte di persone fittizie, ma concrete, che rappresentanobisogni, 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 requisiti inespressi
R.Polillo - Marzo 201312
Knowledge Navigator (Apple, 1987) (5')http://www.youtube.com/watch?v=S63eGkNUMLU
Scenari d’uso: esempi
Esempi di scenari d’uso per device mobili, realizzati con semplici video: http://www.youtube.com/watch?v=lJLI4Aw8
97U (2’)
http://www.youtube.com/watch?v=htW-uOAqz8s (1’)
R.Polillo - Marzo 201313
Personae: esempi
R.Polillo - Marzo 201315
Un esempio
17Da: Steve Mulder, http://www.slideshare.net/MulderMedia/the-user-is-always-right-making-personas-work-for-your-site
R.Polillo - Marzo 2013
R.Polillo - Marzo 201318
Scenario d’uso (I)
R.Polillo - Marzo 201319
Scenario d’uso (II)
R.Polillo - Marzo 201320
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.
Casi d’uso
R.Polillo - Marzo 201321
Search for houses from home page1. Enter location by city and state, or zip code2. Enter price range3. Enter number of bedrooms and/or bathrooms4. Submit search
View and narrow results1. Browse first page of results: photo, price, address, basic stats, and
description2. Click to show results on map3. Click map to narrow results to one neighborhood4. Browse new results
Read tutorial1. Click link for first-time home buyers2. Read landing page for learning area3. Click teaser for step-by-step tutorial
And so on…
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
R.Polillo - Marzo 201324
Input
Gesture interface Keyboard Voce
R.Polillo - Ottobre 2010
25
Output: Screen size
R.Polillo - Ottobre 2010
26
Esempio: menu
R.Polillo - Ottobre 2010
27
Responsive design
R.Polillo - Ottobre 2010
28
L'immagine si modifica in funzione delle dimensioni del video
Esempio
Esempio
R.Polillo - Ottobre 2010
30
Thks B.Fling http://www.slideshare.net/fling/designing-mobile-experiences
Orizzontale vs verticale
Layout: smartphone
R.Polillo - Ottobre 2010
32
Non coprire le risposte con la mano!
Layout: tablet
R.Polillo - Ottobre 2010
33
Layout: touch laptop
R.Polillo - Ottobre 2010
34
La posizione migliore per i menu
R.Polillo - Ottobre 2010
35
Phone Tablet Touch Keyboard
Esempio: Pinterest
R.Polillo - Ottobre 2010
36
Esempio: Waze (iPad)
R.Polillo - Ottobre 2010
37
Esempio: Waze (iPad)
R.Polillo - Ottobre 2010
38
Esempio: trovacinema
R.Polillo - Ottobre 2010
39