interaction design: material, form, and metaphor
DESCRIPTION
introduction to interaction design process and paradigm, including form, material, and metaphor, and science fiction as design materialTRANSCRIPT
![Page 1: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/1.jpg)
iNTERACTION dESIGNmaterial, form, and metaphor
jazzliang (RungHuei Liang)Taiwan TechSpring, 2009
![Page 2: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/2.jpg)
Interface?
![Page 3: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/3.jpg)
房間與建築物今後將成為人們與位元接觸的場合
![Page 4: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/4.jpg)
建築成為電腦介面電腦介面也成為建築
![Page 5: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/5.jpg)
其實現在我們都是人機合體 . 在數位時代裡建築師與都市設計師的第一個工作
便是重新訂定空間中的身體理論 William Mitchell
![Page 6: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/6.jpg)
![Page 7: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/7.jpg)
Ghost in the Shell攻殼機動隊
![Page 8: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/8.jpg)
Science Fiction as Design Material
![Page 9: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/9.jpg)
material, form, metaphor
Designed by Kouji Iwasaki 20X9X9cm
![Page 10: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/10.jpg)
The most profound technologies are those that disappear.
-Mark Weiser
![Page 11: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/11.jpg)
artist: T.J. Pickell of AT&T Labs
The Visible Problems of the Invisible Computer
![Page 12: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/12.jpg)
ubi-comp vs. interaction design
WildUrban Radio by Dana Gordon
disappearing interface form and affordance
![Page 13: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/13.jpg)
Dana Gordon Message Table
![Page 14: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/14.jpg)
Bill Verplank
![Page 15: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/15.jpg)
McLuhan: Understanding
Media
hot media cool media
![Page 16: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/16.jpg)
Any hot medium allows of less participation than a cool one
hot interfaceless participation
more contextual knowledgeartwork
art
cool interfacemore participationless contextual knowledgecraftdesign
![Page 17: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/17.jpg)
Interaction Design Sketch by Verplank
material metaphor form
![Page 18: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/18.jpg)
choreography as material for interaction design
why time art?dancemusic drama
performance
![Page 19: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/19.jpg)
Rather than teaching or training
designers, we design designers.
![Page 20: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/20.jpg)
form and material in slow technology
![Page 21: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/21.jpg)
![Page 22: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/22.jpg)
complexmaterial
simplematerial
complexform
simpleform
everydaybehavior
twitterblogemailshort message
slow technology
ambient findability
ambient devices
entertainment
game
fine artinteractive artMOCA
cool
hot
artdesign
persuasive computing
![Page 23: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/23.jpg)
metaphor and form
1-D text
![Page 24: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/24.jpg)
2-D visual
visaphor
desktop metaphor
![Page 25: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/25.jpg)
3-D Tangible metaphor
Artwork by Aram Bartholl
![Page 26: interaction design: material, form, and metaphor](https://reader035.vdocuments.net/reader035/viewer/2022062511/54b8e76a4a79598c5a8b45a7/html5/thumbnails/26.jpg)
4-D metaphortime, behavior, motion
social practice