2020年11月24日 星期二

week 11. movement & metaphor

 1. toy storming : identify "movement" and the quality of movement with LMA

movement study:

 LMA
Designing Behavior in Interaction: Using Aesthetic Experience as a Mechanism for Design


2. Dan Saffer: Free form movement patterns



3.


Embodied metaphors in tangible interaction design





4. metaphor






 
MusicBottles by Tangible Media Group



I/O Brush by Tangible Media Group


 
Tech Tap by PEGA design

 
Just Draw It by PEGA Design


Reference:

A taxonomy for and analysis of tangible interfaces

我們賴以生存的譬喻 (Metaphors we live by)

2020年9月22日 星期二

week 2. movement-based interaction

Introduction to Tangible Interaction



參考文獻:
1.Caroline Hummels, Kees C. Overbeeke, and Sietske Klooster. 2007. Move to get moved: a search for methods, tools and knowledge to design for expressive and rich movement-based interaction.Personal Ubiquitous Comput. 11, 8 (December 2007), 677-690.
2. Baskinger & Gross, "Tangible = Form + Computing", Interactions, 2010.
3. Heekyoung Jung and Erik Stolterman. 2010. Material probe: exploring materiality of digital artifacts. In Proceedings of the fifth international conference on Tangible, embedded, and embodied interaction (TEI '11). ACM, New York, NY, USA, 153-156. 





Fonckel by Philip Ross
Ross original paper



dancerail



Alarm clock anticipates sleepers’ emotions
original paper DIS 2002


The emotionally expressive Key Table
physicality of things

Kees Overbeeke

1. What is expression? What is designer's expression? What is user's expression?
2. What is interaction?
3. What is tangible interaction?
4. manipulation vs. expression
5. tool vs. material
6. embodied interaction
7. what are the contrasts of movements?




Music, form, and mutual contrast Practice:
 1.

2.

3.

4.


5.

6.

7.

8.

9.


Practice in class:
Draw lines to represent the music form in mutual contrasts

Reference:
Designing Behavior in Interaction: Using Aesthetic Experience as a Mechanism for Design


2020年9月15日 星期二

week 1. introduction

1. 與台大合作開課 水源校區 508

2. 聲音相關研究個案介紹


Flaneur phonograph



Confabulation Radio



next week

Movement-based interaction design


2013年6月24日 星期一

光 暈

1. Poster

































2. Presentation slides



3. High resolution photos
 


←  
隨機錄音外,可輕握羊毛氈,控制開始錄音直到放開為止

← 
用搖晃的方式分享給對方,接收者同樣以搖晃方式接收。


結束部分:以長拉方的式停止播放。




















4. Demo movie




5. Design concept

人們遊走在匆匆生活,鬱鬱都城,留在記憶中的人事物似乎只有腦海中專注的,但生活中的微小精采卻常被忽視,藉由「音暈」捕捉城市中的聲音,喚起你我生活中被忽略的細節,並將聲音的收取與釋放比擬為飲茗後的回甘,音景如茶香般慢慢的沉澱。利用泡茶的意象融入產品中,可隨身攜帶的錄音球象徵著茶包,隨著一日的步伐以及不同旅途,隨機吸收了生活的聲音;在結束一天的生活後,再經由音壺的播放裝置,浸泡這一天聲音的味蕾。在品嘗自我沉澱的同時,也能發現潛藏在其中的驚奇,如回甘一般令人回味;同時也能讓自己開始懂得放慢腳步,發現身邊的小雀興。


6. Annotated portfolio /



造型材質:
圓潤的造型營造柔和感、羊毛氈與皮革的手作感營造純樸溫和

整體動作:
以輕柔的搖晃分享、隨機的錄製增加不確定的驚奇、
輕微的抖動與拉取如泡茶般將茶香暈開,將茶包拿起一般,結束這一天的省思。

使用意義:
藉由「音暈」捕捉城市中的聲音,喚起你我生活中被忽略的細節,並將聲音的收取與釋放比擬為飲茗後的回甘,音景如茶香般慢慢的沉澱。

社交方面:所屬不同的城市,判隨不旅程,利用聲音彼此分享。



2013年6月23日 星期日

HearMe 聽|說 - 你靜靜聽我悄悄說

1. Poster




2. Presentation slides


HearMe from puromitheus

3. High resolution photos






4. Demo movie

5. Design concept

聽|說
HearMe - 你靜靜聽我悄悄說

針對Verplank提出的四個設計要素,分別是材質(Material)、造形或互動的形式(Form)、產品語意和表達(Expression)以及功能(Function),我們將設計重點放在Form的位置,試圖以動作的豐富性來延伸設計概念,並藉由「聽」這個動作來發想造形及其互動的方式;傳統的互動設計將使用者定位在人是認知和學習的機器,只要透過對介面或按鈕些許的認識,就可以和裝置做溝通,然而,在不遠的未來,也許會出現更多更貼近人類生活的互動,而這些互動的方式,則需要透過設計師和研究者,大膽地提出和主張新的想法。期望透過各種動作品質作為設計的元素,來強調形體本身就具有的體現性,不假飾於華而不實的外表,更不推崇透過各種實驗歸納出來的人因科學。

這是一段令人驚奇的對話方式,對另一端未知的聽眾傳遞一段話語,城市中的每個人都是傾聽者,也是共同創造者,“聽|說”獨特的訊息媒體,提供另外一種的訊息傳播,想像你可以寄出一封聲音的信給另一個人,對方會在一個意外地情形下開啟這封聲音的信,或許下一次你將會獲得意想不到的回覆,亦或開啟另一封聲音的信。因此,它將進入每日的生活環境之中,將聲音儲存在人來人往的空間裡,必需經過卻又未曾留意的地方,或許一段故事就從這裡悄悄地發聲,需要你靜靜地聽,細細地去感受這場即興而未知的邂逅。

當使用者靠近“聽|說”附近,表面會透出微微的光芒,並發出陣陣的細語呢喃,引發使用者的好奇心的同時,中心的凹面預示產品的使用語意,邀請使用者將耳朵湊到設計物的表面,仔細地聆聽著,一圈圈傳聲的孔洞將緩緩地訴說著匿名者的心情,有別於傳統僅以視覺來操控機器,“聽|說”更重視各種感知帶來的豐富體驗,使用者可以主動地以傳話的手勢啟動留聲的功能,記錄當下的感受,過去的留言亦成為聲音源頭的一部分;在多人互動上,自由播放大家的心情留言,可能是一段隱姓埋名的告白,也可以是一段自然的簫聲,抑或是來自眾人的祝福,透過連網的機制,創造有別於傳統留聲機的經驗品質

材質的部分,考量它是一個適合擺放在生活環境的人造物,因此選用木頭材質,並帶有簡約的外觀,讓設計物更能融入我們日常生活環境;我們認為,不期而遇的經驗品質和聽覺帶來的感知衝擊是值得被紀錄和玩味的,透過“聽|說”,饒富趣味地留下一句話,是種表達存在的另類方式。

2013年6月9日 星期日

week 17. final project review

Final project :

6/17 10:00  demo party

1. A2 poster (sketch, making process, form-making, concept, annotated portfolios)
2. Presentation slides (including annotated portfolios) (10 mins)  upload to slideshare.net
3. High resolution photos (above 1024x768, at least 5, including product it self, close-up, scenarios)
4. Demo movie (upload to videmo or youtube)
5. concept: 300 words  (including background, purpose, method, result, and conclusion)

RB 403


Reference:

CIID interaction program