Sara Bani Alunno720228

Andrea Biondi721484

Marta Elli720775

Bill Moggridge

DESIGNING INTERACTIONS

Politecnico di Milano, Facoltà del Design, A.A. 2007/2008 I anno LM, Disegno Industriale, sez. P3

metodi di ricerca per il progetto, docente Stefano Maffei

Interaction designdefinizioni

I would say that it’s about shaping oureveryday life through digital artifacts –for work, for play and forentertainment.

Gillian Crampton Smith

The interaction designer has threequestions to answer; they are all“How do you…?” questions

Bill Verplank

schizzo originale di Bill Verplanksui tre “how do you?”

Interaction designdefinizioni

The design of the subjective and qualitative aspects of everything thatis both digital and interactive.

Bill Moggridge

Interaction designdefinizioni

Più volte insignito di premi di design, Bill Moggridge è uno dei fondatori della società di design di maggiore successo del pianeta, la IDEO, nella SiliconValley.IDEO spicca per essere tra le prime firm a integrare il design di hardware e software nell’industrial design. Egli ha sostenuto la centralità dell'utente nel processo di progettazione e sviluppo dei prodotti, e ha lavorato per rendere popolare e centrale la disciplina dell’interaction design.È inoltre coinvolto nel campo dell’istruzione, nel Regno Unito e negli Stati Uniti, ha insegnato presso il Royal College of Art, la London Business Schoole la Stanford University. Moggridge ha contribuito alla fondazione dell’Interaction Design Institute di Ivrea insieme e Gillian Crampton Smith. Al momento è professore di un corso di Design alla Stanford University. Pioniere dell’interaction design all’interno dell’industrial design, Bill Moggridgeha all’attivo progetti importanti come il primo laptop del mondo, il GriDCompass (1981).Il suo libro “designing interactions” racconta di come l’interaction design stia trasformando le nostre vite quotidiane, attraverso l’intervista con 40 persone che hanno modellato la nostra vita con la tecnologia. Attraverso le sue parole si può percorrere la storia del design delle interfacce attraverso le persone che hanno maggiormente contribuito a scriverla.

Bill Moggridgebiografia dell’autore

struttura del libro3 aree tematiche

costruendo le interazioni d’oggi

le nuove forme di interazione

guardando al futuro

metodi di progetto

Introduction

1. The mouse and the desktop2. My PC3. From the Desk to the Palm

4. Adopting technologies5. Play6. Services7. The Internet

8. Multisensory and Multimedia 9. Futures and alternative Nows

10. People and Prototypes

1

2

3

4

4 aree tematiche

The aim of this book is to give you a sense of the history of interaction design and to

introduce you to many of the people who havebeen instrumental in making it happen and

whose ideas will influence its future.

Bill Moggridge

struttura del librodesigning interactions

40

schizzo di Tim Mott sullasimilitudine desktop-ufficio

l’ icona come convenzione

si definisce iconico ogni segno che significa per via di somiglianza: quando

fra espressione e contenuto vi è una relazione di similarità o simulazione, di

analogia o di omologia, ma anche di identità e congruenza.

[sussidiario di semiotica in dieci lezioni e duecento immagini]

Il desktop, ufficio del futuro1

schema di Verplank applicato al desktop

selezionare una vocechiudere la finestra

azione con cui un utenteagisce sul sistema

in che modo ricevo il feedback dell’azione compiuta?

caricamento paginaritorno alla schermata

sottostante

cosa sta succedendo, cosa sta per succedere?

home pagesommario

l’utente sta navigando in internet, ed è alla home page

1

NECESSITÀ DI UNO STRUMENTO PER PUNTARE GLI OGGETTI SULLO SCHERMO

storia del PC e processo progettuale1

joystick, trackballs, light pen

storia del PC e processo progettuale1

naive users

storia del PC e processo progettuale1

processoiterativo

12

ENTHUSIAST PHASEExploit me!

PROFESSIONAL PHASEHelp me work!

CONSUMER PHASEEnjoy me!

hobby

work

life

le fasi di adozione della tecnologia

3 fasi

ENTHUSIAST PHASE“Not easy to use.The design does not have to beenjoyable, as people tend to take their work seriously and are willing to try to be productive, even if the experience isunpleasant “

le fasi di adozione della tecnologia1

2

3 CONSUMER PHASE: Enjoy me!

Canon digital Elph camera

Games have ledthe way in interaction design

Brenda Laurel

tassonomia del gioco

Bing Gordon

12

explore identitymuscle, freedom self-improvement

age

tassonomia del gioco

Bing Gordon

12

muscle, freedom

tassonomia del gioco

Bing Gordon

12

children

explore identity

teenager

tassonomia del gioco

Bing Gordon

12

self-improvement

adults

tassonomia del gioco

Bing Gordon

12

tassonomia del gioco

Kitana e Lara 95

abstraction

Bing Gordon

12

gender

tassonomia del gioco

Bing Gordon

12

abstract

tassonomia del gioco

Kitana e Lara 95

Bing Gordon

12

Trans-gender

tassonomia del gioco

Bing Gordon

12

female

The Sims

The Sims1

2

tassonomia del gioco

Bing Gordon

tassonomia del gioco

community one playersfida tra 2

12

number of players

tangibilita’ del servizio

Contact point“Service touch points are tangibles that make up

the total experience of using service”

12

Takeshi Natsuno

There are 3 main wais that we interact

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

3 modi di interazione1

2

3 modi di interazione

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

12

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

3 modi di interazione1

2

Tangibilità dell’interazione

multisensorialita’e multimedia

12

“Our windows to the digital world have been confined to flat rectangular screen and pixel painted bits. But while our visual senses are steeped in the sea of digital information, our bodies remain in the physical world. Tangible bits give physical form to digital information, making bits directly manipulable and perceptible. ”

Hiroshi Ishii

312

Multisensorialità e multimedia come possibile direzione per il futuro

our connection with computer is “sensory deprived and physically limited”

Thomas Negroponte

Design for Sound

Design for Touch

Design for Sight

312

multisensorialita’e multimedia

Tangibilità dell’interazione

“Our windows to the digital world have been confined to flat rectangular screen and pixel painted bits. But while our visual senses are steeped in the sea of digital information, our bodies remain in the physical world. Tangible bits give physical form to digital information, making bits directly manipulable and perceptible. ”

Hiroshi Ishii

312

multisensorialita’e multimedia

312

multisensorialita’e multimedia

musicBottles

“Using simple bottles as a containers and conduits of online digital information.[…] We extended the meaning of the container into the digital domain, and also the simple affordance of opening and closing it.”

Hiroshi Ishii

“I use a kind of gesture that tells the system that I want to pick up this information. It is invisible, but I conceptually think that I am holding the digital object.[…] I think direct manipulation is still very important.[…]In the near future we can live in a mixture of digital space and physical space.”

Jun Rekimoto

312

futuri e presentialternativi

Interfacce gestuali: Pick-and-drop

3 multisensorialita’e multimedia

12

Semplicità

“Digital tools today are too complex; they’re too expensive.[…]

To rewrite all software that is out there as simple, freely available, extensible

modules that live on the web ”John Maeda

La sfida di Google: la semplicità chenasconde notevoli potenzilità

3 multisensorialita’e multimedia

12

3 multisensorialita’e multimedia

12

“We think first about people and than try, try and try again to prototype our designs, we stand a good chance of

creating innovative solutions that people will value e enjoy.”

Bill Moggridge

3persone e prototipi

12

LEARN

LOOK

ASK

TRY

more objective

more subjective

persone

“Designer find a way to understand the percepitions, circumstances, habits, needs,

and desires of the ultimate users.”Jane Fulton Suri

bisogni e desideri latenti

51 Carte sviluppate dall’IDEO che rappresentano strumenti e tecniche per capire le persone e le loro esperienze

312

modi per conoscerle

3persone1

2

LearnFrom the facts you

gather

Flow Analysys

Conitive Task Analysis

HystoricalAnalysis

Affinity Diagram

LookAt what use do

Fly on the Wall

A day in the Life

Shadowing

Personal Inventory

AskThem to help

Conceptual Landscape

Collage

Foreign Correspondents

Card Sort

TryIt for your self

Empathy Tools

Scenarios

Next year’s Headlines

Informance

LearnFrom the facts you

gather

Flow Analysys

Cognitive Task Analysis

HystoricalAnalysis

Affinity Diagram

Flow AnalysisDiagramma delleattività del processo

Cognitive Task AnalysisLista degli input sensoriali

Hystorical AnalisysComparazionecaratteristiche disviluppo

Affinty DiagramClusterizzare datiraccolti

modi per conoscerle

3persone1

2

LookAt what use do

Fly on the Wall

A day in the Life

Shadowing

Personal Inventory

Fly on the WallOsservare senzainteragire

A day in the LifeCatalogare attività e contesti

ShadowingCapire le routine per trovare opportunità

Personal InventoryFar indentificarel’importanza deglioggetti personali

modi per conoscerle

3persone1

2

AskThem to help

Conceptual Landscape

Collage

Foreign Correspondents

Card Sort

Conceptual LandscapeDiagrammare attività e comportamenti per comprendere mappementali

CollageCollage di immaginispiegandone il significato

Foreign CorrespondentsCollegare utilizzatori e contesti di diversi paesi

Card SortOrganizzare funzionied attributi

modi per conoscerle

3persone1

2

TryIt for your self

Empathy Tools

Scenarios

Next year’s Headlines

Informance

Empaty ToolsAumentarel’immedesimazionedell’utilizzatore

ScenariosIllustrare una storiache descriva ilcontesto

Next year’s HeadlinesImmaginare come sarànel futuro la situazionedell’industria coinvolta

InformancePerformance recitata diuno scenario ipotizzato

modi per conoscerle

3persone1

2

modi per conoscerle

3persone1

2

Scopi della prototipazione- Capire esperienze e contesti d’uso

- Esplorare e valutare le idee di progetto- Comunicare idee ad un pubblico

Prototipare il più presto ed il più spesso possibile per provare e valutere le idee anche con gli utilizzatori

Coinvolgere emotivamentegli utilizzatorinell’esperienza che offre ilprototipo

prototipi

3persone1

2

Sequenziale

Apparentementecasuale (effetto flipper)

3il processo di design 1

2

conclusioni

Designing Interactions

Presenta casi studio e testimonianze

Mostra diversi punti di vista sull’ ID

Suggerisce metodi di progettazione per ID

Si occupa di interazione delle interfacce sotto diversi punti di vista

Descrive come si sono affrontate problematiche ID