70
SALVATORE IACONESI ORIANA PERSICO [email protected] [email protected] http://www.artisopensource.net http://www.fakepress.it GRANDI EVENTI processo – città - progetto multimedia – interazione – tecnologie ubique mobile devices – information visualization natural interaction – social networks

Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

Embed Size (px)

Citation preview

Page 1: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

SALVATORE IACONESIORIANA [email protected]@gmail.com

http://www.artisopensource.nethttp://www.fakepress.it

GRANDIEVENTIprocesso – città - progettomultimedia – interazione – tecnologie ubiquemobile devices – information visualizationnatural interaction – social networks

Page 2: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 3: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 4: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 5: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

natu

ral +

ubi

quito

usin

tera

ctio

n

scre

eens

next

ste

p so

cial

net

wor

ks

technologies

project

activation

Page 6: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

3 areas

- natural and ubiquitous interaction- screens- next-step of social networking

Page 7: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

3 modalities

- technologies- projects- activation

Page 8: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

DEFINITIONS AND SOME EXAMPLES

Page 9: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction

“a mutual or reciprocalaction or influence”

Page 10: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ the study of how people interactwith computers and to what extentcomputers are or are notdeveloped for successful interaction with human beings.”

Page 11: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ the study, planning, and designof the interaction between people and computers.”

Page 12: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ Interaction between users and computers occurs at the user interface (or simply interface), which includes both software and hardware”

Page 13: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

human ↔ computer

linguisticssocial sciences

cognitive psychologyergonomics

communication...

computer graphicstechnologiesprogramming languagesrobotics...

Page 14: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

“ the practice of designing interactive digital products,environments, systems,and services.”

alan cooper, robert reinmann bill moggridgebill verplankinteresting reads:

Page 15: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

“ Interaction designers make technology, particularly digital technology, useful, usable, and pleasurable to use. This is why the rise of software and the Internet was also the rise of the field of interaction design. Interaction designers take the raw stuff produced by engineers and programmers andmold it into products that people enjoy using.”

technology centered view

Page 16: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

As Jodi Forlizzi and Robert Reimann succinctly put it in their 1999 presentation “Interaction Designers: What we are, what we do, & what we needto know,” interaction design is about “defining the behavior of artifacts, environments, and systems (for example, products).” This view focuses on functionality and feedback: how products behave and provide feedbackbased on what the people engaged with them are doing.

behaviorist view

Page 17: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

The third, and broadest, view of interaction design is that it is inherently social, revolving around facilitating communication between humans through products. This perspective is sometimes called Social InteractionDesign. Technology is nearly irrelevant in this view; any kind of object or device can make a connection between people. These communications can take many forms; they can be one-to-one as with a telephone call, one-to-many as with a blog, or many-to-many as with the stock market.

social interaction view

Page 18: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

user experience

“a person's perceptions and responsesthat result from the use or anticipated useof a product, system or service.”

Page 19: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

user experience

includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviors and accomplishments that occur before, during and after use.

donald normannathan shedroffinteresting reads:

Page 20: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

FRAMEWORKS

Page 21: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

GOAL ORIENTED DESIGN

concerned most significantly with satisfying the needs and desires of the people who will interactwith a product or service.

Page 22: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

PERSONAS

develop a precise description of our user and what he wishes to accomplish

Page 23: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

COGNITIVE DIMENSIONS

specialized vocabulary to evaluate and modify particular design solutions. Cognitive dimensions are designed as a lightweight approach to analysis of a design quality, rather than an in-depth, detailed description. They provide a common vocabulary for discussing many factors in notation, UI or programming language design.

consistency, error-proneness, hard mental operations, viscosity or premature commitment.

Page 24: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

AFFECTIVE DESIGN

aware of key aspects in their designs that influence emotional responses in target users. The need for products to convey positive emotions and avoid negative ones is critical to product success.

Page 25: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

EMOTIONAL DESIGN

emotions have a crucial role in the human ability to understand the world, and how they learn new things.

three dimensions:

visceral – behavioral - reflective

donald norman

Page 26: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

USER CENTERED DESIGN

users must take center-stage in the design of any system.

also of interest: PARTICIPATORY DESIGN

Page 27: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

NATURALINTERACTION

Page 28: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

there is no perception and knowledge without interaction with the environment

bateson, varela, maturana

Page 29: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

Natural interaction is defined in terms of experience: people naturally communicate through gestures, expressions, movements, and discover the world by looking around and manipulating physical stuff; the key assumption here is that they should be allowed to interact with technology as they are used to interact with the real world in everyday life, as evolution and education taught them to do.

Page 30: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

The Berlin Wall, by Hoppala and Superimpose, using Layar

Page 31: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

LAYAR AR Browserhttp://www.layar.com/

Page 32: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

Keichi Matsuda, Augmented CityAugmented City 3D [OFFICIAL].mp4

Page 33: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

TUIOhttp://www.tuio.org/

Page 34: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

http://nuigroup.com/go/lite

Page 35: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

[Vimeo-29945783] Rorschach cards.mp4

[Vimeo-29837586] balloon.mp4

Page 36: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

SALVATORE IACONESIORIANA [email protected]@gmail.com

http://www.artisopensource.nethttp://www.fakepress.it

GRANDIEVENTIprocesso – città - progettomultimedia – interazione – tecnologie ubiquemobile devices – information visualizationnatural interaction – social networks

Page 37: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 38: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 39: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Page 40: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

natu

ral +

ubi

quito

usin

tera

ctio

n

scre

eens

next

ste

p so

cial

net

wor

ks

technologies

project

activation

Page 41: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

3 areas

- natural and ubiquitous interaction- screens- next-step of social networking

Page 42: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

3 modalities

- technologies- projects- activation

Page 43: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

DEFINITIONS AND SOME EXAMPLES

Page 44: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction

“a mutual or reciprocalaction or influence”

Page 45: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ the study of how people interactwith computers and to what extentcomputers are or are notdeveloped for successful interaction with human beings.”

Page 46: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ the study, planning, and designof the interaction between people and computers.”

Page 47: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

“ Interaction between users and computers occurs at the user interface (or simply interface), which includes both software and hardware”

Page 48: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

HCIhuman-computer interaction

human ↔ computer

linguisticssocial sciences

cognitive psychologyergonomics

communication...

computer graphicstechnologiesprogramming languagesrobotics...

Page 49: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

“ the practice of designing interactive digital products,environments, systems,and services.”

alan cooper, robert reinmann bill moggridgebill verplankinteresting reads:

Page 50: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

“ Interaction designers make technology, particularly digital technology, useful, usable, and pleasurable to use. This is why the rise of software and the Internet was also the rise of the field of interaction design. Interaction designers take the raw stuff produced by engineers and programmers andmold it into products that people enjoy using.”

technology centered view

Page 51: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

As Jodi Forlizzi and Robert Reimann succinctly put it in their 1999 presentation “Interaction Designers: What we are, what we do, & what we needto know,” interaction design is about “defining the behavior of artifacts, environments, and systems (for example, products).” This view focuses on functionality and feedback: how products behave and provide feedbackbased on what the people engaged with them are doing.

behaviorist view

Page 52: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

interaction design

The third, and broadest, view of interaction design is that it is inherently social, revolving around facilitating communication between humans through products. This perspective is sometimes called Social InteractionDesign. Technology is nearly irrelevant in this view; any kind of object or device can make a connection between people. These communications can take many forms; they can be one-to-one as with a telephone call, one-to-many as with a blog, or many-to-many as with the stock market.

social interaction view

Page 53: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

user experience

“a person's perceptions and responsesthat result from the use or anticipated useof a product, system or service.”

Page 54: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

user experience

includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviors and accomplishments that occur before, during and after use.

donald normannathan shedroffinteresting reads:

Page 55: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

FRAMEWORKS

Page 56: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

GOAL ORIENTED DESIGN

concerned most significantly with satisfying the needs and desires of the people who will interactwith a product or service.

Page 57: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

PERSONAS

develop a precise description of our user and what he wishes to accomplish

Page 58: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

COGNITIVE DIMENSIONS

specialized vocabulary to evaluate and modify particular design solutions. Cognitive dimensions are designed as a lightweight approach to analysis of a design quality, rather than an in-depth, detailed description. They provide a common vocabulary for discussing many factors in notation, UI or programming language design.

consistency, error-proneness, hard mental operations, viscosity or premature commitment.

Page 59: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

AFFECTIVE DESIGN

aware of key aspects in their designs that influence emotional responses in target users. The need for products to convey positive emotions and avoid negative ones is critical to product success.

Page 60: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

EMOTIONAL DESIGN

emotions have a crucial role in the human ability to understand the world, and how they learn new things.

three dimensions:

visceral – behavioral - reflective

donald norman

Page 61: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

USER CENTERED DESIGN

users must take center-stage in the design of any system.

also of interest: PARTICIPATORY DESIGN

Page 62: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

NATURALINTERACTION

Page 63: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

there is no perception and knowledge without interaction with the environment

bateson, varela, maturana

Page 64: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

Natural interaction is defined in terms of experience: people naturally communicate through gestures, expressions, movements, and discover the world by looking around and manipulating physical stuff; the key assumption here is that they should be allowed to interact with technology as they are used to interact with the real world in everyday life, as evolution and education taught them to do.

Page 65: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

The Berlin Wall, by Hoppala and Superimpose, using Layar

Page 66: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

LAYAR AR Browserhttp://www.layar.com/

Page 67: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

Keichi Matsuda, Augmented CityAugmented City 3D [OFFICIAL].mp4

Page 68: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

TUIOhttp://www.tuio.org/

Page 69: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

http://nuigroup.com/go/lite

Page 70: Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1

[Vimeo-29945783] Rorschach cards.mp4

[Vimeo-29837586] balloon.mp4