Ciid day2 interface-p_comp
-
Upload
gabriella-levine -
Category
Technology
-
view
112 -
download
0
description
Transcript of Ciid day2 interface-p_comp
![Page 1: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/1.jpg)
INTERFACES
CIID 2013Exploring Biomimetic InterfacesGabriella Levine + Genevieve Hoffman
![Page 2: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/2.jpg)
INTERFACES
What is an interface?
![Page 3: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/3.jpg)
POINT OF INTERACTION
An action should yield a result
![Page 4: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/4.jpg)
TOOLS VS. INTERFACES A tool addresses human needs by
amplifying human capabilities. - Bret
Victor
![Page 5: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/6.jpg)
THE LAYER BETWEEN:
INFORMATIONACTIONSDATAMOTIONCHEMICAL PHYSICAL MECHANICAL PROCESS
INFORMATIONACTIONSDATAMOTIONCHEMICAL PHYSICAL MECHANICAL PROCESS
WHAT IS AN INTERFACE?
![Page 7: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/7.jpg)
JIM CAMPBELL’S COMPUTER ART DIAGRAM
![Page 8: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/8.jpg)
JIM CAMPBELL’S LED INSTALLATIONS
![Page 9: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/9.jpg)
PHYSICAL INTERFACES
![Page 10: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/10.jpg)
PHYSICAL INTERFACES
![Page 11: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/11.jpg)
PHYSICAL INTERFACES
![Page 12: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/12.jpg)
GRAPHICAL USER INTERFACE
![Page 13: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/13.jpg)
GRAPHICAL USER INTERFACE
![Page 14: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/14.jpg)
GRAPHICAL USER INTERFACE
![Page 15: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/15.jpg)
GRAPHICAL USER INTERFACE
![Page 16: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/16.jpg)
TANGIBLE USER INTERFACE
Link to Video
![Page 17: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/17.jpg)
TANGIBLE USER INTERFACE
![Page 18: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/18.jpg)
WEARABLE USER INTERFACE
![Page 19: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/19.jpg)
WEARABLE USER INTERFACE
![Page 20: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/20.jpg)
WEARABLE USER INTERFACE
![Page 21: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/21.jpg)
![Page 22: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/22.jpg)
AffordancesAFFORDANCES
A common understanding of how an item should be used.
![Page 23: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/23.jpg)
AffordancesAFFORDANCES
![Page 24: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/24.jpg)
Affordances
Don Norman, The Design of Everyday Objects: video
AFFORDANCES
![Page 25: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/25.jpg)
Affordances as Vestigial Qualities in Product Design
AFFORDANCES vs STANDARDS
Vestigial qualities of designed products?
![Page 26: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/26.jpg)
Smart Interfaces
“SMART INTERFACES”
![Page 27: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/27.jpg)
Smart Interfaces
“SMART INTERFACES”
![Page 28: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/28.jpg)
SKEUMORPHISMDesigning digital interfaces to
resemble their analog or physical precursors.
![Page 29: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/29.jpg)
WHAT IS A BIOMIMETIC INTERFACE?
![Page 30: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/30.jpg)
CELL MEMBRANE - OSMOSIS
![Page 31: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/31.jpg)
ALVIOLI - RESPIRATION
![Page 32: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/32.jpg)
LEAF - PHOTOSYNTHESIS
![Page 33: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/33.jpg)
GECKO FEET
![Page 34: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/34.jpg)
PHYSICAL PHYSICAL
![Page 35: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/35.jpg)
DIGITAL DIGITAL
![Page 36: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/36.jpg)
PHYSICAL DIGITAL
![Page 37: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/37.jpg)
PERSONAL PERSONAL
![Page 38: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/38.jpg)
PERSONAL OBJECT
![Page 39: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/39.jpg)
OBJECT OBJECT
![Page 40: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/40.jpg)
WORLD INTERNET
![Page 41: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/41.jpg)
Sends and Receives Data
![Page 42: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/42.jpg)
Analog Interfaces
![Page 43: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/43.jpg)
Human - Computer InterfacesKeyboardMouseTouchscreenKinect
![Page 44: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/44.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/45.jpg)
MaterialityWhat materials lend themselves to different applications?
![Page 46: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/46.jpg)
Is the future Touch Screens?
![Page 47: Ciid day2 interface-p_comp](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/47.jpg)
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](https://reader036.fdocuments.in/reader036/viewer/2022081414/54c73f644a7959b4048b4571/html5/thumbnails/48.jpg)
Types of Interaction1 - to - 1: A direct input yields a specific output