Interaction design booklet

Interaction design. Manuale di opportunità Nicola Vittori

Ho consegnato questo documento per l’appello d’esame del 4 gennaio 009 del corso Interaction Design Theory (Teorie dell’interazione) tenuto da Gillian Crampton Smith con Philip Tabor alla Facoltà di Design e Arti, Università Iuav di Venezia.

Per tutte le sequenze di parole che ho copiato da altre fonti, ho: a) riprodotte in corsivo, inoltre b) messo virgolette di citazione al loro inizio e fine, inoltre c) indicato per ogni sequenza, il numero della pagina o la URL del sito web della fonte originale. Per tutte le immagini che ho copiato da altre fonti, ho indicato: a) l’autore e/o proprietario, inoltre b) il numero della pagina o la URL del sito web della fonte originale.

Dichiaro che tutte le altre sequenze e immagini di questo documento sono state scritte o create esclusivamente da me.

.0.00

Nicola Vittori

Interaction design. Manuale di opportunità Nicola Vittori

4

Sommario

7 Che cos’è l’interaction design? 9 Che cosa si intende per “affordance”?

Brainstorming Design centrato sull’utente

“Personas”

7 Sistemi notazionali

9 Modelli mentali

Metafore Un percorso progettuale

7 Conclusioni

9 Bibliografia

In questo libretto verrano trattati alcuni dei temi discussi nel corso di Teorie dell’interazione tenu-to da Gillian Crampton Smith con Philip Tabor alla Facoltà di Design e Arti, Università Iuav di Venezia, nell’anno accademico 009/00. I temi che ho scelto di esporre in queste pagine non pretendono di essere una trattazione esau-stiva degli argomenti del corso, ma piuttosto un mio personale “diario di bordo”, dove ho sinte-tizzato alcuni dei temi che mi hanno interessato maggiormente. Ho voluto chiamarlo “manuale delle opportunità” perchè mi è servito a racco-gliere e sintetizzare tutte le nozioni e tecniche acquisite. Nozioni teoriche, tecniche pratiche, maggiore conoscenza dell’interaction design: opportunità appunto, da sfruttare per fare del buon design.

Il corso, è stato suddiviso in una parte teorica e una parte pratica. La parte pratica, a sua volta suddivisa in lavori di gruppo in aula, ed esercita-zioni individuali da svolgere in modo autonomo.

7

Che cos’è l’interaction design?

Per scoprire che cos’è e dove si trova l’interaction design basta osservare la vita di tutti i giorni: per esempio quando mando un SMS con il mio cellulare, faccio un bonifico via web usando il servizio di home banking, condivido pensieri e foto sul mio blog, im-posto la destinazione sul mio navigatore satellitare, e ancora, quando chiamo il servizio call-center di una compagnia telefonica per avere informazioni.L’interaction design progetta il comportamento e l’interazione di tutti quegli oggetti dotati di “nuove tecnologie”, servizi e sistemi con cui “dialoghiamo”, formuliamo richieste, aspettiamo risposte e attraver-so i quali ci relazioniamo con altri esseri umani. Nello specifico, come Gillian Crampton Smith sostie-ne, “Quando progettiamo un sistema informatico, o un dispositivo, non progettiamo solo il suo aspetto esteriore, ma come esso si comporta. Progettiamo la qualità di come noi interagiamo con esso e viceversa.” (Gillian Crampton Smith, prefazione al libro di Bill Moggridge. 00. De-signing interactions. Cambridge.The Mit Press. XVI).Estendendo questo pensiero, credo che se dalla nasci-ta dei primi computer, l’attenzione di questa nuova disciplina era incentrata principalmente a creare e facilitare la comunicazione “uomo-macchina”, oggi una buona parte dell’interaction design si occupa di interazione tra esseri umani, attraverso le nuove tec-nologie dei sistemi informatici e della comunicazione, provocando, nel bene e nel male, ampi risvolti etici e sociali. Concludo citando Dan Saffer che mettendo di proposito al centro l’essere umano ci fornisce una de-finizione molto chiara sostenendo che “L’interaction design è l’arte di facilitare le interazioni fra esseri umani attraverso i prodotti e i servizi. Riguarda anche, in misura minore le interazioni tra gli esseri umani e quei prodotti che hanno qualche tipo di ‘consapevolezza’ (awareness), cioè prodotti che sono capaci di percepire e rispondere agli esseri umani ”(Dan Saffer. 007. Design dell’interazione. Milano. Paravia Bruno Mondadori Editori. 4).

Nella foto:Biennale di Venezia 2009. Padiglione delle esposizioni.

Un pezzo di carta mi invita a premere un bottone, ma non succede niente.Mi guardo intorno ma non vedo e non sento nulla...Forse l’opera non c’è più.

9

Che cosa si intende per “affordance”?

L’”affordance” è una proprietà fondamentale delle cose. Mi accorgo quando un oggetto ha un elevata affordance, perché lo so utilizzare subito in modo intuitivo, non devo leggere troppe spiegazioni, fogli di istruzioni, ne andare per tentativi. L’oggetto mi comunica in modo inequivocabile tramite le sue pro-prietà, il suo utilizzo. L’oggetto mi invita, con la sua forma e le sue caratteristiche, ad utilizzarlo nel modo corretto, e quanto più forte, esplicito, libero da pos-sibili interpretazioni sbagliate sarà l’invito, tanto più avremo un’elevata affordance. Come sostiene nello specifico Donald Norman, “il termine indica le proprietà reali e percepite delle cose ma-teriali, in primo luogo quelle proprietà fondamentali che determinano per l’appunto come si potrebbe usare verosi-milmente la cosa in questione” (Donald Norman. 990. La caffettiera del masochista. Milano: Giunti Editore. ). Penso sia interessante notare che il termine “per-cepite” usato da Norman, metta in luce come le “af-fordance” scaturiscano nel momento preciso in cui nasce una relazione tra l’oggetto e l’utente. Durante il corso, come esercizio individuale, abbia-mo cercato degli oggetti che potessero essere dei buo-ni e cattivi esempi di “affordance”. Abbiamo potuto notare ad esempio, come molte in-terfacce di elettrodomestici possano causare incom-prensioni e difficoltà d’uso, pulsanti e manopole di vario genere che non comunicano così facilmente la loro funzione, ma anche come moltissimi ogget-ti molto semplici, con cui abbiamo a che fare tutti i giorni, portano con se un’affordance davvero elevata.

Trova i 2 intrusi nella pagina a sinistraDue dei sei oggetti non hanno una buona “affordance”.

.1 Sembra una racchetta da tennis, ma in realtà è un ammazza zan-zare. Sul manico, premendo un bottone si crea un campo elettrico sulla rete metallica. La zanzara viene uccisa da una scossa..5 Interfaccia per controllare un forno a gas. Le informazioni date dal-le icone e dal display sono totalmente incompresibili.

.1

.3

.5

.2

.4

.6

0

Brainstorming

Il brainstorming è una tecnica per generare idee. Un gruppo di persone, sedute intorno a un tavolo, con pennarelli e post-it, non discutono intorno ad un ar-gomento o ad un problema, ma scrivono velocissimi, in modo istintivo delle idee per risolverlo, senza pen-sarci troppo, senza freni inibitori, senza criticare le idee altrui: la prima cosa che viene in mente viene scritta sul post-it e attaccata in mezzo al tavolo, dove tutti la possono vedere, ma non discutere. Di solito il brain-storming è molto rapido, 1 ora è già un tempo molto lungo per una sessione. Penso sia una tecnica fondamentale per il lavoro in team dell’interaction designer, e probabilmente mol-to utile anche per altre discipline. Ognuno è chiamato a dare la sua idea, giusta e sba-gliata, senza giudizi, senza preclusioni, e la cosa mol-to interessante di questa tecnica, è che, paradossal-mente non fa lavorare molto il pensiero, o meglio non fa lavorare molto quella parte del pensiero che si occupa dei giudizi che ci diamo e che diamo agli altri, semplicemente perchè non c’è il tempo, e non è richiesto. Il nostro “io” deve esprimersi, senza per-mettere alla mente di formulare giudizi e inibizioni, e quindi blocchi. Mi piace pensare che c’è una parte di noi che incon-sciamente in modo continuativo, in “background”, immagazina dati, crea soluzioni, risponde ai proble-mi, lavora nascosta da tutto, ma esce allo scoperto per scrivere sul post-it, durante il brainstorming. Non credo che questo voglia dire non pensare, credo che questo voglia dire pensare spegnendo una parte delle gabbie mentali e dei preconcetti che molte volte limitano le nuove idee. Una volta terminata la sessione, è il momento di “riaccendere” il nostro pensiero e analizzare le idee prodotte dal brainstorming per scegliere le soluzioni migliori. Bentornati.

Nella foto:Sessione di brainstorming in auladurante il corso di “Teorie dell’interazione”.Lavoro di gruppo per la creazione di una metafora visiva.

Foto: Alberto Elizondo

What’s the approach of your child with new technology?8. Andrea uses a lot of tecnology yet She uses computer, programs for drawing, and internet for play on line. She has also a contact with a mobile phone but Marta doesn’t see any interest and emotion from her, perhaps she doesn’t understand how it work.

How do you feel when you’re distant from her?9. “Even when I’m not here, I’m here” Marta is a graphic designer and work all the day, during the week. Andrea after the school goes with her grand parents. They’ll see in the evening. Marta and Andrea come to a pact: “Even when I’m not here, I’m here”. Using her mobile phone, during the day, Marta call the grand parents if she desires to speak with Andrea: she is too young to use a own mobile phone. A mobile system communication, a bracelet for example easy to use, that concretize the “Even when I’m not here, I’m here” idea. A direct communication only for Marta and Andrea, that allows speaking, send and receive easy iconic message, change color or temperature or other physical sensation.

Design centrato sull’utente

Trovo che il design centrato sull’utente, sia una gran-de opportunità nel lavoro dell’interaction designer. Nella mia personale esperienza lo percepisco come un cambio di prospettiva davvero forte nel mio modo di progettare: questo tipo di approccio infatti è rima-sto sempre un pò sottointeso, non è mai venuto alla luce in modo cosi netto, definito e inserito in un per-corso progettuale.Ma come si svolge praticamente? Da dove si parte? La risposta più semplice è “ascoltando e osservando le persone”, le loro esigenze, i loro modi di vita. Ci sono molte tecniche per fare questo, ma tutte van-no sotto il nome di “ricerca di design”. Una ricerca di design è “l’indagine attraverso vari mezzi, alla ricerca di un prodotto o di un servizio, o degli utenti esistenti e dell’ambiente” (Dan Saffer. 007. Design dell’interazione. Milano. Paravia Bruno Mondadori Editori. 70). Nell’esercizio svolto, abbiamo utilizzato una di que-ste tecniche: l’intervista. È stato davvero sorprenden-te come, preparando delle domande specifiche e cer-cando di guidare in modo naturale la conversazione, siano venute alla luce informazioni utili e spunti per nuove idee. Sono molte altre poi le tecniche per capire le esigenze dell’utente: ad esempio la semplice osservazione della vita quotidiana, la richiesta di stesura di un diaro per un determinato periodo di tempo, la creazione di un collage, disegni, o la partecipazione a giochi di ruolo.Le informazioni prodotte da questa ricerca vanno poi analizzate, elaborate, e usate dal designer come pun-to di partenza per il progetto. Penso sia importante notare che in questa metodolo-gia l’utente viene coinvolto in gran parte del proces-so. Non solo all’inizio, ma anche nelle fasi intermedie per testare, e alla fine, per provare il prodotto prima della messa nel mercato.

A mother of a young childinterviewer: Nicola Vittori

Marta: 42 years old - graphic designer - divorcedAndrea: 6 years old - first year elementary school

What do you think about the role of parent, today?1. Afraid of kidnapping Marta needs security for Andrea in everyday life and constant contact. A electronic bracelet dressed by both that recognize the position and the distance between them, and send an alarm in case of emergency.

What’s your opinion in general about the media?2. Difficulty understanding Andrea has difficulty to understand the difference between fiction and real world when she’s watching TV, perhaps because the TV program today, are made by normal people.

What do you do in your free time?3. They loves play role game in free time Andrea has an invisible friend. Andrea likes create scenario, story, actors, alone or together with Marta. Interactive wall-screen that help her to create the own scenarios, actors and story.

What’s the approach of your child with new technology?8. Andrea uses a lot of tecnology yet She uses computer, programs for drawing, and internet for play on line. She has also a contact with a mobile phone but Marta doesn’t see any interest and emotion from her, perhaps she doesn’t understand how it work.

How do you feel when you’re distant from her?9. “Even when I’m not here, I’m here” Marta is a graphic designer and work all the day, during the week. Andrea after the school goes with her grand parents. They’ll see in the evening. Marta and Andrea come to a pact: “Even when I’m not here, I’m here”. Using her mobile phone, during the day, Marta call the grand parents if she desires to speak with Andrea: she is too young to use a own mobile phone. A mobile system communication, a bracelet for example easy to use, that concretize the “Even when I’m not here, I’m here” idea. A direct communication only for Marta and Andrea, that allows speaking, send and receive easy iconic message, change color or temperature or other physical sensation.

Now, here, we are in your idea of the future. What are you doing?4. Marta dreams to travel the world with Andrea In a desiderable future for her, a new way to give knowledge and education to her child through itinerant experience but also without forgetting to learn the fundamentals. Travelling over the world in a caravan, a mobile system communication give a dedicate lessons when she need it, made by teacher from the place that they are at the moment.

Could you image how the tecnology helps you to keep in touch with your child when you are distant?5. Marta wish to see what Andrea does in classroom She would like to see, in real time on her mobile phone, the everyday life of Andrea’s classroom. A service for mobile phone in according with teacher, allows constant connection with classroom of your child.

How the new technology help the role of parents?6. Marta read forum on the web dedicate to parents She read discussion on general question about the role of parents and on “How to..?” discussion with her anonimous identity.

What’s kind of service could you imagine to help you ?7. She’ll use a public service to send to school Andrea A service called Pedibus it’s offer by the municipality. A retired people offer their time to take the children at school by walk. With an application on your mobile phone you could see where your child and the group are.

A mother of a young childinterviewer: Nicola Vittori

Marta: 42 years old - graphic designer - divorcedAndrea: 6 years old - first year elementary school

What do you think about the role of parent, today?1. Afraid of kidnapping Marta needs security for Andrea in everyday life and constant contact. A electronic bracelet dressed by both that recognize the position and the distance between them, and send an alarm in case of emergency.

What’s your opinion in general about the media?2. Difficulty understanding Andrea has difficulty to understand the difference between fiction and real world when she’s watching TV, perhaps because the TV program today, are made by normal people.

What do you do in your free time?3. They loves play role game in free time Andrea has an invisible friend. Andrea likes create scenario, story, actors, alone or together with Marta. Interactive wall-screen that help her to create the own scenarios, actors and story.

A lato:Risultato dell’intervista effettuata come esercitazione per il corso di “Teorie dell’interazione”.Da tutte le domande fatte, sono state selezionatequelle che hanno prodotto risposte più interessantie spunti per nuove idee.

Antonioage: 25

job: farm-worker:

residence: Rovigo, Italia

marital status.: single

children: no

annual income: 18.000 euro

qualification: liceo

hobby: on line games

loves: travel

like: eat

dislike: racism

My character? I seem a little crabby, but it is only the first impression. I like very much my job, a farm-worker, and I spend almost all my time on the ground, but I hope this is not just my future. Rain, cold, sun, in all seasons, my tractor and I go on at work, in the cabin I’ve all the comfort, such as TV, music, internet, practically a lounge. When I get home in the evening I dedicate myself completely to my hobby: videogame. I have a lot of game, and I just discovered that I can play online with other users in the world. My wish? Traveling as much as possible, seeing and learning new places and people; I love working on the ground but sometimes I feel the need to stand with the people in the chaos of a metropolis. At this time I just visited London and Paris, but it would be nice to go on a trip around the world.

“I need to stand with the people in the chaos of a metropolis”

Nicola Vittori Category: home banking services

Antonioage: 25

job: farm-worker:



children: no




loves: travel

like: eat

dislike: racism




Antonioage: 25

job: farm-worker:



children: no




loves: travel

like: eat

dislike: racism




Antonioage: 25

job: farm-worker:



children: no




loves: travel

like: eat

dislike: racism




“Personas”

Il designer dopo aver svolto la sua ricerca, si trova in mano molte interviste, profili, dati sulle persone che ha interpellato. Per semplificare il lavoro, per sapere bene per chi sta progettando, e per esporlo agli altri, il designer raggruppa una serie di utenti che hanno obiettivi, motivazioni, stili di vita e comportamenti simili creando da questo gruppo un archetipo. Un archetipo è l’unione di un determinato numero di utenti in un unico individuo con un volto, un’età, un nome, dei comportamenti, una vita che seppure fittizia e non troppo particolareggiata, rappresenta in modo efficace una determinata tipologia di utente. Gli archetipi, che nell’interaction design prendono il nome di “personas”, non esistono realmente, sono costruiti a tavolino, ma prendono vita da alcune delle caratteristiche peculiari degli utenti reali. Nell’esercizio svolto durante il corso, abbiamo creato delle “personas” per rappresentare un determinato tipo di utenti, nel mio caso, utilizzatori del servizio di “home banking”. È stato particolarmente utile pensare alle loro caratteristiche, trovare un volto, un nome, definire dei comportamenti, le cose che ama-no e che non sopportano. È stato interessante inoltre notare che più il lavoro di “costruzione” avanzava più era necessario calarsi nella vita di queste “personas”, guardare il mondo dai loro occhi al fine di renderle il più possibile credibili.

Antonioage: 25

job: farm-worker:



children: no




loves: travel

like: eat

dislike: racism




Serenaage: 38

job: librarian

residence: Trento, Italia

marital status.: divorced

children: 2


qualification: MA in art history

hobby: climbing

loves: write on my blog

like: honestly

dislike: jealousy

My collagues says that I am a pragmatic person, and order:I’m not completely agree with this opinion, but for the work I do I like to believe. My daily routine depends by my work, but especially by my sons, they have all priority, kindergarten, elementary school, homeworks, sports: I’m very lucky because I have a part-time job. In the evening at home, they often ask me for who I’m writing at the computer, and it’s still difficult to explain to them that the entire world could reading my blog. My future? For my children first of all, a shining and happy future, and for me, a little more time to climb: the contact with nature is essential for me. What I need? Safety for my children, I always fear that something might happen, I always need to know what they are doing, especially if they are not with me.

“I’m very lucky because I have a part-time job”


Michelaage: 35

job: Key account

residence: Brescia, Italia

marital status.: unmarried

children: no


qualification: technical diploma

hobby: decoupage

loves: yoga

like: be serene

dislike: double-faced

My typical day? Traveling: train, plane, car, customer needs to be monitored continuously. Sure, I’m not saving, I was promoted last year and I want to give my best support.A precious ally is my character: sunny and friendly, it helps me a lot, but when I’ve finished I need a little space to feel completely alone with myself, I need this moment to recharge myself, even though the loneliness is my greatest fear. When I get home in the evening, I’m very tired, and I still have a lot of things to do. I live alone, and there’s nobody who can help me in practical matters, for example, shopping, ironing, or pay the bills. My best wish for the future? Marry and have children: for the family probably I’ll ready to leave the work But not yet time.

“My typical day? Traveling for business”

Nicola Vittori Category: home banking services A sinistra:Tre “personas” create per visualizzare delle tipologie di utenti per un servizio di “home banking”. Esercitazione svolta per il corso di “Teorie dell’interazione”.4

7

Sistemi notazionali

I sistemi notazionali possono essere considerati le “lettere dell’alfabeto” dell’interaction designer. È il linguaggio con cui esso parla e spiega agli altri le sue idee. Questo linguaggio può essere creato e visualiz-zato in diversi modi, ma tutti hanno uno scopo speci-fico: comunicare in maniera efficace e comprensibile a tutti. Allargando lo sguardo, partendo dalle lettere, passando dalle note musicali, ai diagrammi di flusso, al disegno architettonico, per arrivare ai fumetti, e agli storyboard, ogni disciplina adotta il sistema no-tazionale, più consono ai suoi scopi. L’interaction designer, usa i sistemi notazionali nel suo specifico, per rappresentare la complessità di concetti, pensieri e idee, azioni e sequenze in una forma semplificata, attraverso dei sistemi di dise-gno già esistenti o inventati a seconda dell’occasio-ne. Come risposta al lavoro di gruppo assegnatoci in classe abbiamo immaginato di raccontare la storia di “Biancaneve e i sette nani” inventandoci un sistema notazionale composto da alcuni simboli che ricondu-cessero immediatamente alla storia e la raccontassero in maniera semplificata. Un sistema di addizioni poi permette ai vari elementi di interagire tra loro e dare dei risultati, che disposti in ordine temporale creano la storia.

+

+

+

+

+

+

+

+

=

=

=

=

=

=

=

=

>

>

>

>

A sinistra:Un sistema di simboli per rappresentare la favola di “Biancaneve e i sette nani”. Lavoro di gruppo svolto durante il corso di “Teorie dell’interazione”.

9

Modelli mentali

Come sostiene Donald Norman, sono “i modelli che le persone hanno di sé, degli altri, dell’ambiente e delle cose con le quali interagiscono.” (Donald Norman. 990. La caffettiera del masochista. Milano: Giunti Editore. ).Ogni giorno nel nostro rapporto con il mondo, abbia-mo a che fare con i modelli mentali: essi si fondano sulle conoscenze innate e acquisite dall’esperienza, che la nostra mente “incolla” sopra alla realtà “fisica” delle cose, per tentare di capire che cos’è, come fun-ziona e come reagisce alle nostre azioni. Da una prospettiva diversa, il designer quando pro-getta deve confrontarsi con il modello mentale dell’utente. Il confronto darà risultati positivi quan-do, fornendo un buon modello concettuale, il desi-gner riuscirà a trasmettere nella mente dell’utente, attraverso forma, comportamenti e aspetto visivo, un “immagine” chiara di che cos’è e di come funziona l’oggetto, permettendo all’utente di prevedere gli ef-fetti delle sue azioni.Nell’esercizio proposto in classe abbiamo analizzato il modello mentale di un distributore automatico di caffè e abbiamo risposto a delle domande specifiche: come mi comunica che cos’è, cosa posso fare, come lo posso fare, come mi comunica quello che ho fatto? Una volta analizzate le risposte abbiamo iniziato at-traverso il brainstorming a proporre dei sistemi per migliorarne il modello mentale. La cosa interessante è rendersi conto e dare un nome, attraverso l’interpre-tazione che la nostra mente ne produce, alla qualità del dialogo che l’oggetto instaura con noi, attraverso stimoli e segnali che toccano molteplici canali senso-riali, vista principalmente, ma anche udito e olfatto.

A sinistra:Analisi e miglioramento del modello mentale di un distributore automatico di caffé. Lavoro di gruppo svolto durante il corso di “Teorie dell’interazione”.

0

Metafore

Per rendere immediatamente comprensibile e fami-liare un nuovo concetto, il designer può ricorrere a dei modelli mentali che sono già presenti e funzio-nanti nella mente umana. Modelli che possono essere presi e riutilizzati in al-tri contesti, per rappresentare idee, processi, sistemi complessi, ma anche per rendere visibili, riconosci-bili e interpretabili concetti astratti che difficilmente possiedono una “forma” comprensibile a tutti. Questi modelli mentali prendono il nome di metafore.Nello specifico per l’interaction designer la metafora traduce visivamente un nuovo sistema, un’idea, un processo in qualcosa di comprensibile e consumabile.Per usare una metafora appunto, può essere imma-ginata come un vestito che rende visibile il corpo di un fantasma, come ad esempio nel caso del computer, dove la metafora del “desktop” diventa l’interfaccia.Attraverso le cartelle, i documenti, il cestino, il com-puter usa questa metafora per dialogare con noi, sfruttando un modello mentale, la scrivania appunto, che noi già conosciamo e sappiamo utilizzare. Nell’esercizio assegnato, veniva richiesto di creare una metafora per rappresentare i meccanismi di cau-sa ed effetto del sistema finanziario di ognuno di noi. Nel mio caso, ho scelto come metafora un giardino dove l’acqua è il flusso monetario, piante diverse, sim-boleggiano spese differenti, una pompa, il lavoro, im-mette acqua nel circolo, ma l’offerta di lavoro, simbo-leggiata dal clima, può cambiare e influenzare tutto il sistema. Per fortuna due taniche di riserva assicurano il risparmio.

A sinistra:Creazione di una metafora per visualizzare il sistema finanziario di una persona giovane che vive da sola. Esercitazione svolta per il corso di “Teorie dell’interazione”.

Un percorso progettuale1/5

Questa parte del libretto è dedicata interamente all’ul-tima esercitazione svolta che può essere intesa come parte di un percorso progettuale, utile ad illustrare alcune nozioni e tecniche utili alla progettazione e ad una veloce prototipizzazione di un’idea.Nell’esercizio assegnato eravamo chiamati a defini-re le opportunità/problemi, che si presentano nella progettazione di un servizio interattivo. Il servizio, utilizzabile da un cellulare, permette di trovare un ristorante e riservare un tavolo a Venezia. Le doman-de che nascono sono molte, e molti sono i problemi da risolvere: è stato davvero utile guardarli sotto una luce diversa, come fossero delle opportunità appunto.

WHO

1. Who is the potential users?2. Who is the common users?3. Who is the extraordinary users4. Who is the promoter of the service?5. Who is the sponsor?6. Who is the stakeholders?7. Who is that furnish the localization?8. Who decide the criteria of visualization?9. Who decide the criteria of research of restaurant?10. Who is that provide the route to reach the restaurant?11. Who is the service provider?12. Who is that provide the connection?13. Who is the restaurant that could use this service?

WHERE

1. 2. Where the user uses the service?3. Where the user visualize its position?4. 5. Where the user give a feedback?6. Where the mobile application found the data?7. Where the restaurant visualize the service?8. Where the user know that this service exist?9. Where the user visualize found the connection?10. Where the user visualize the service?11.

WHY

1. 2. Why the municipality could be interest in this service?3. Why the user need the service?4. Why it’s important for the restaurant communicate its position?5. 6. Why it’s important for the restaurant communicate its availability?7. Why it’s important know what’s the restaurant specialities and prices?8. Why It’s useful know where is the restaurant?9. Why the restaurant needs the service?10. Why the view of community could be useful?11. Why the system needs GPS and connection?

WHAT

1. What does the user want to know?2. What practical action the user have to do for use this service?3. 4. What practical action the service allow user to do?5. What kind of criteria the service uses?6. What organization the service needs?7. What kind of hardware the system needs?8. What kind of interface the user needs?9. What kind of interface the restaurant need10. What is the emotional mood of service?11. What is the general context?12. What other facilities the service could offer?13. What could be the role of municipality of Venice?14. What restaurant want to know about the user?15. What practical action the restaurant have to do when use the service?16. What could be the role of community around the service?

HOW

1. How the service works?2. How the user know that the restaurant has free place?3. How the restaurant research system works?4. How the user knows that the restaurant have a special offer or events for him?5. How the system localization works?6. How the restaurant communicate his position in Venice?7. How the restaurant communicate his price, specialities, and style?8. How the restaurant communicate its availability?9. How the user connect and use the service?10. How the user communicate its position to the system?11. How a possible judgement of community is formed?12. How the user communicate with restaurant?13. How a possible positive or negative judgement reachs the user?14. How the user could give a feedback useful for other user?15. How the restaurant communicate its special events?16. How the user discover the route to restaurant?17. How the user can reserv a place in restaurant?18. How the user know that his reservation has been accepted?19. 20.

Pironade. Nicola Vittori

WHO

1. Who is the potential users?2. Who is the common users?3. Who is the extraordinary users4. Who is the promoter of the service?5. Who is the sponsor?6. Who is the stakeholders?7. Who is that furnish the localization?8. Who decide the criteria of visualization?9. Who decide the criteria of research of restaurant?10. Who is that provide the route to reach the restaurant?11. Who is the service provider?12. Who is that provide the connection?13. Who is the restaurant that could use this service?

WHERE

1. 2. Where the user uses the service?3. Where the user visualize its position?4. 5. Where the user give a feedback?6. Where the mobile application found the data?7. Where the restaurant visualize the service?8. Where the user know that this service exist?9. Where the user visualize found the connection?10. Where the user visualize the service?11.

WHY

1. 2. Why the municipality could be interest in this service?3. Why the user need the service?4. Why it’s important for the restaurant communicate its position?5. 6. Why it’s important for the restaurant communicate its availability?7. Why it’s important know what’s the restaurant specialities and prices?8. Why It’s useful know where is the restaurant?9. Why the restaurant needs the service?10. Why the view of community could be useful?11. Why the system needs GPS and connection?

WHAT

1. What does the user want to know?2. What practical action the user have to do for use this service?3. 4. What practical action the service allow user to do?5. What kind of criteria the service uses?6. What organization the service needs?7. What kind of hardware the system needs?8. What kind of interface the user needs?9. What kind of interface the restaurant need10. What is the emotional mood of service?11. What is the general context?12. What other facilities the service could offer?13. What could be the role of municipality of Venice?14. What restaurant want to know about the user?15. What practical action the restaurant have to do when use the service?16. What could be the role of community around the service?

HOW

1. How the service works?2. How the user know that the restaurant has free place?3. How the restaurant research system works?4. How the user knows that the restaurant have a special offer or events for him?5. How the system localization works?6. How the restaurant communicate his position in Venice?7. How the restaurant communicate his price, specialities, and style?8. How the restaurant communicate its availability?9. How the user connect and use the service?10. How the user communicate its position to the system?11. How a possible judgement of community is formed?12. How the user communicate with restaurant?13. How a possible positive or negative judgement reachs the user?14. How the user could give a feedback useful for other user?15. How the restaurant communicate its special events?16. How the user discover the route to restaurant?17. How the user can reserv a place in restaurant?18. How the user know that his reservation has been accepted?19. 20.

Pironade. Nicola Vittori

A sinistra:Definizione delle opportunità/problemi progettuali.

Nella pagina seguente:Diagramma per visualizzare il funzionamento del sistema e le parti coinvolte.

Esercitazioni svolte per il corso di “Teorie dell’interazione”.

System

4

7

9. reservation accept from restaurant

1. access to service and determine your position

4. Select the maximum distance allow

7. Calculate route

5. start with the search and found restaurant

2. select type of food

3. select type of place/price

6. select one, and watch the view of community

8. send a request for reservation


Dopo aver definito una serie di domande, sono passa-to a visualizzare come funziona, a livello generale il servizio, attraverso un semplice storyboard. Da questo momento in poi, la creazione di un team di lavoro ci ha permesso di sviluppare ulterioremente le idee proposte.

A sinistra:Storyboard per illustrare le funzioni principalidel sistema. Esercitazione svolta per il corso di “Teorie dell’interazione”.

9


Il team (Gianni Cardone, Giulia Miglioranza, Matteo Stocco, Nicola Vittori), dopo una sessione di fumante brainstorming fa nascere “Pironade” un’applicazione mobile per soli veneziani. Dopo aver definito, le fun-zioni principale, il tono emotivo dell’applicazione, gli scenari possibili, un velocissimo storyboard ci è servi-to per visualizzare il contesto, il possibile utente e le azioni che esso deve compiere. L’applicazione “parla” il dialetto veneziano e permet-te di trovare un tipico locale veneziano dove mangia-re, riservando un tavolo.

In queste pagine:definizione degli aspetti fondamentali dell’applicazione, tono emozionale, funzioni, e possibili scenari d’uso.Lavoro di gruppo svolto durante il corso di “Teorie dell’interazione”.

main functionsemotional tone 1°scenario 2°scenario

2°scenario

3°scenario

other functions


Dopo aver definito, per ogni membro del team una parte dell’interazione di “Pironade” da sviluppare, il lavoro individuale consisteva nell’esplorare tutte le sequenze e sviluppare un primissimo prototipo di carta, visualizzando tutto quello che succede sullo schermo, passaggio dopo passaggio.

In queste pagine:storyboard per la visualizzazione e l’analisi dell’interazione. Esercitazione svolta per il corso di“Teorie dell’interazione”.0


Dall’unione del lavoro di tutti nasce il primo prototi-po di carta, pronto per essere testato e valutato attra-verso una precisa sequenza di interazioni. In questa fase abbiamo chiesto ad una persona esterna al grup-po di provare ad usarlo.Utilissimo vedere come una persona, la prima volta che vede e inizia ad usare l’applicazione possa dare subito dei consigli molto precisi su come migliora-re la navigazione, l’utilizzo e l’interazione. Dopo le informazioni raccolte dal test sull’utente (veneziano ovviamente) abbiamo apportato velocemente alcune correzioni e testato di nuovo il prodotto.

Nelle foto:dall’analisi dell’interazione, al primo prototipo di carta per il test sull’utente.Lavoro di gruppo svolto durante il corso di “Teorie dell’interazione”.

4

Nelle foto, da sinistra verso destra:alcuni frame del video realizzato per illustrare il funzionamento dell’applicazione attraverso il prototipo di carta.Lavoro di gruppo svolto durante il corso di “Teorie dell’interazione”.

http://www.vimeo.com/7907834


Dopo aver costruito il prototipo di carta definitivo. ab-biamo steso lo storyboard per la fase finale dell’eserci-tazione: girare un video. Un video che utilizzando il prototipo di carta rendesse comprensibile il contesto e il funzionamento dell’applicazione.

7

Conclusioni

Le tecniche e le conoscenze acquisite durante il corso hanno suscitato nella mia personale esperienza, note-vole interesse. L’utilizzo di una metodologia proget-tuale centrata sull’utente, il lavoro “sul campo” trami-te un’intervista reale, è stata forse per me, una delle parti più interessanti, perchè mi ha messo di fronte al fatto che parlando con le persone, ascoltando le loro necessità possono scaturire idee e spunti per cose nuove. Ho appreso inoltre come funziona un brain-storming, e posso dire che probabilmente le idee mi-gliori vengono fuori in molto meno tempo di quanto credevo, semplicemente lasciando fare all’istinto, e mettendo per un attimo da parte la “mente”. Si sono rese evidenti, ed esplicite delle questioni, come l’utilizzo delle metafore, utili per spiegare pro-cessi complicati, e i modelli mentali, strettamente connessi con la nostra interpretazione del mondo e del suo funzionamento. Molto interessante poi il per-corso progettuale fatto alla fine del corso: la velocità di un prototipo di carta e l’utilizzo del video, ci hanno permesso di creare una simulazione estremamente funzionale per spiegare e testare l’applicazione. Utilissimo poi scoprire come, con l’user test, si posso-no scoprire cose davvero fondamentali. Concludendo, la cosa che maggiormente mi ha coin-volto dell’interaction design è questa sua stretta rela-zione con il comportamento dell’essere umano, con la psicologia, la sociologia, i rapporti umani: dal mio punto di vista una grande opportunità per migliorare anche di poco, la qualità della vita, delle relazioni e dei comportamenti di noi tutti.

9

Bibliografia

Bill Moggridge 00

Designing interactions, CambridgeThe Mit Press

Dan Saffer007

Design dell’interazione. Creare applicazioni e dispositivi intelligenti con l’interaction design, MilanoParavia Bruno Mondadori Editori

Donald Norman990

La caffettiera del masochista, MilanoGiunti Editore

40 4

Colophon

I caratteri usati sonoTitolo principale: Franklin Gothic, Demi e Book, Linotype, ptTitoli capitoli: Franklin Gothic Demi, Linotype, ptDidascalie: Franklin Gothic Book, Linotype, ptTesti capitoli: Dante Regular, Italic, Bold, Monotype, ptPer i numeri: Dante Expert, Monotype, pt

Software usato per l’impaginazione:Adobe InDesign CS4

Le fotografie sono state scattate con unaPanasonic Lumix TZ

Tutte le immagini sono state trattate con:Adobe Photoshop CS4

La foto a pagina 36 è di Elisa Marcuzzo

4

Date post:	15-Mar-2016
Category:	Documents
Upload:	nicola-vittori
View:	227 times
Download:	0 times

Interaction design booklet

Documents