48
INTERFACES CIID 2013 Exploring Biomimetic Interfaces Gabriella Levine + Genevieve Hoffman

Ciid day2 interface-p_comp

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Ciid day2 interface-p_comp

INTERFACES

CIID 2013Exploring Biomimetic InterfacesGabriella Levine + Genevieve Hoffman

Page 2: Ciid day2 interface-p_comp

INTERFACES

What is an interface?

Page 3: Ciid day2 interface-p_comp

POINT OF INTERACTION

An action should yield a result

Page 4: Ciid day2 interface-p_comp

TOOLS VS. INTERFACES A tool addresses human needs by

amplifying human capabilities. - Bret

Victor

Page 5: Ciid day2 interface-p_comp

TOOLS VS. INTERFACES An interface is the layer between

an input and an output, the interpretation between two systems

Page 6: Ciid day2 interface-p_comp

THE LAYER BETWEEN:

INFORMATIONACTIONSDATAMOTIONCHEMICAL PHYSICAL MECHANICAL PROCESS

INFORMATIONACTIONSDATAMOTIONCHEMICAL PHYSICAL MECHANICAL PROCESS

WHAT IS AN INTERFACE?

Page 7: Ciid day2 interface-p_comp

JIM CAMPBELL’S COMPUTER ART DIAGRAM

Page 8: Ciid day2 interface-p_comp

JIM CAMPBELL’S LED INSTALLATIONS

Page 9: Ciid day2 interface-p_comp

PHYSICAL INTERFACES

Page 10: Ciid day2 interface-p_comp

PHYSICAL INTERFACES

Page 11: Ciid day2 interface-p_comp

PHYSICAL INTERFACES

Page 12: Ciid day2 interface-p_comp

GRAPHICAL USER INTERFACE

Page 13: Ciid day2 interface-p_comp

GRAPHICAL USER INTERFACE

Page 14: Ciid day2 interface-p_comp

GRAPHICAL USER INTERFACE

Page 15: Ciid day2 interface-p_comp

GRAPHICAL USER INTERFACE

Page 17: Ciid day2 interface-p_comp

TANGIBLE USER INTERFACE

Page 18: Ciid day2 interface-p_comp

WEARABLE USER INTERFACE

Page 19: Ciid day2 interface-p_comp

WEARABLE USER INTERFACE

Page 20: Ciid day2 interface-p_comp

WEARABLE USER INTERFACE

Page 21: Ciid day2 interface-p_comp
Page 22: Ciid day2 interface-p_comp

AffordancesAFFORDANCES

A common understanding of how an item should be used.

Page 23: Ciid day2 interface-p_comp

AffordancesAFFORDANCES

Page 24: Ciid day2 interface-p_comp

Affordances

Don Norman, The Design of Everyday Objects: video

AFFORDANCES

Page 25: Ciid day2 interface-p_comp

Affordances as Vestigial Qualities in Product Design

AFFORDANCES vs STANDARDS

Vestigial qualities of designed products?

Page 26: Ciid day2 interface-p_comp

Smart Interfaces

“SMART INTERFACES”

Page 27: Ciid day2 interface-p_comp

Smart Interfaces

“SMART INTERFACES”

Page 28: Ciid day2 interface-p_comp

SKEUMORPHISMDesigning digital interfaces to

resemble their analog or physical precursors.

Page 29: Ciid day2 interface-p_comp

WHAT IS A BIOMIMETIC INTERFACE?

Page 30: Ciid day2 interface-p_comp

CELL MEMBRANE - OSMOSIS

Page 31: Ciid day2 interface-p_comp

ALVIOLI - RESPIRATION

Page 32: Ciid day2 interface-p_comp

LEAF - PHOTOSYNTHESIS

Page 33: Ciid day2 interface-p_comp

GECKO FEET

Page 34: Ciid day2 interface-p_comp

PHYSICAL PHYSICAL

Page 35: Ciid day2 interface-p_comp

DIGITAL DIGITAL

Page 36: Ciid day2 interface-p_comp

PHYSICAL DIGITAL

Page 37: Ciid day2 interface-p_comp

PERSONAL PERSONAL

Page 38: Ciid day2 interface-p_comp

PERSONAL OBJECT

Page 39: Ciid day2 interface-p_comp

OBJECT OBJECT

Page 40: Ciid day2 interface-p_comp

WORLD INTERNET

Page 41: Ciid day2 interface-p_comp

Sends and Receives Data

Page 42: Ciid day2 interface-p_comp

Analog Interfaces

Page 43: Ciid day2 interface-p_comp

Human - Computer InterfacesKeyboardMouseTouchscreenKinect

Page 44: Ciid day2 interface-p_comp

VisibilityDesigned objects should have visible cues to hint at how they are supposed to work.

What are biomimetic examples of visual cues that reference how animals move, or plants grow? which direction plant leaves face - in order to maximize the amount of sunlight, etc.

Norman calls it "natural design"

Page 45: Ciid day2 interface-p_comp

MaterialityWhat materials lend themselves to different applications?

Page 46: Ciid day2 interface-p_comp

Is the future Touch Screens?

Page 47: Ciid day2 interface-p_comp

Feedback Loop from Wired Article Provide people with information about their actions in real time (or something close to it), then give them an opportunity to change those actions, pushing them toward better behaviors. Action, information, reaction.

A feedback loop involves four distinct stages. First comes the data: A behavior must be measured, captured, and stored. This is the evidence stage. Second, the information must be relayed to the individual, not in the raw-data form in which it was captured but in a context that makes it emotionally resonant. This is the relevance stage. But even compelling information is useless if we don’t know what to make of it, so we need a third stage: consequence. The information must illuminate one or more paths ahead. And finally, the fourth stage: action. There must be a clear moment when the individual can recalibrate a behavior, make a choice, and act. Then that action is measured, and the feedback loop can run once more, every action stimulating new behaviors that inch us closer to our goals.

Norbert Wiener expanded on this work in the 1940s, devising the field of cybernetics, which analyzed how feedback loops operate in machinery and electronics and explored how those principles might be broadened to human systems.The true power of feedback loops is not to control people but to give them control. The ideal feedback loop gives us an emotional connection to a rational goal.

Page 48: Ciid day2 interface-p_comp

Types of Interaction1 - to - 1: A direct input yields a specific output