Top Banner
Sara Bani Alunno 720228 Andrea Biondi 721484 Marta Elli 720775 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
49

Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

Feb 17, 2019

Download

Documents

phamdan
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 2: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

Interaction designdefinizioni

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

Gillian Crampton Smith

Page 3: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 4: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Bill Moggridge

Interaction designdefinizioni

Page 5: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 6: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 7: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 8: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

40

Page 9: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 10: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 11: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

NECESSITÀ DI UNO STRUMENTO PER PUNTARE GLI OGGETTI SULLO SCHERMO

storia del PC e processo progettuale1

joystick, trackballs, light pen

Page 12: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

storia del PC e processo progettuale1

naive users

Page 13: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

storia del PC e processo progettuale1

processoiterativo

Page 14: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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 “

Page 15: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

le fasi di adozione della tecnologia1

2

3 CONSUMER PHASE: Enjoy me!

Canon digital Elph camera

Page 16: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

Games have ledthe way in interaction design

Brenda Laurel

tassonomia del gioco

Bing Gordon

12

Page 17: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

explore identitymuscle, freedom self-improvement

age

tassonomia del gioco

Bing Gordon

12

Page 18: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

muscle, freedom

tassonomia del gioco

Bing Gordon

12

children

Page 19: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

explore identity

teenager

tassonomia del gioco

Bing Gordon

12

Page 20: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

self-improvement

adults

tassonomia del gioco

Bing Gordon

12

Page 21: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tassonomia del gioco

Kitana e Lara 95

abstraction

Bing Gordon

12

gender

Page 22: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tassonomia del gioco

Bing Gordon

12

abstract

Page 23: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tassonomia del gioco

Kitana e Lara 95

Bing Gordon

12

Trans-gender

Page 24: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tassonomia del gioco

Bing Gordon

12

female

Page 25: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

The Sims

The Sims1

2

Page 26: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tassonomia del gioco

Bing Gordon

tassonomia del gioco

community one playersfida tra 2

12

number of players

Page 27: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

tangibilita’ del servizio

Contact point“Service touch points are tangibles that make up

the total experience of using service”

12

Takeshi Natsuno

Page 28: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

There are 3 main wais that we interact

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

3 modi di interazione1

2

Page 29: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

3 modi di interazione

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

12

Page 30: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

Terry Winograd

MANIPULATION

LOCOMOTION

CONVERSATION

3 modi di interazione1

2

Page 31: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 32: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 33: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 34: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 35: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

“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

Page 36: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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à

Page 37: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

3 multisensorialita’e multimedia

12

Page 38: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

3 multisensorialita’e multimedia

12

Page 39: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

“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

Page 40: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 41: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 42: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 43: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 44: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 45: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 46: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

modi per conoscerle

3persone1

2

Page 47: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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

Page 48: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

Sequenziale

Apparentementecasuale (effetto flipper)

3il processo di design 1

2

Page 49: Bill Moggridge DESIGNING INTERACTIONS - newitalianlandscape · Pioniere dell’interaction design all’interno dell’industrial design, ... [sussidiario di semiotica in dieci lezioni

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