week 15. final project discussion

Final Project: (deadline: 12/19, 2023) 

1. 1~2 人一組 

2. 主題: 以體感動作為主的實體聲音互動裝置 

3. 現場展示，可先預錄影片，用影片示範 

期末發表: 

1. 每組準備十分鐘 pptx (或 keynote) 演講。 

內容包含: 

作品名稱， 

組員， 

概念， 

作品設計， 

情境， 

動作分析， 

功能， 

隱喻， 

過程中之草圖， 

完成支機構圖 (爆炸圖)， 

產品情境圖， 

操作動作圖示， 

示範影片(一分鐘以內)。 (不限於以上項目) 

 2. 現場問答 (三分鐘)

week 13. arduino workshop (+DF player)

 1. arduino + DF debug

2. hardware sketching demo

3. annotated portfolios  presentation

next week:

final project proposal

Project : Strong Concepts

identify at least 3 strong concepts of your final projects
also related concepts


參考:
https://interactiontarot.wordpress.com/

week 12. embodied metaphor & body schema

Embodied metaphors in tangible interaction design (https://www.researchgate.net/publication/225745928_Embodied_metaphors_in_tangible_interaction_design)

Beyond differences between the body schema and the body image:insights from body hallucinations

Questions:
1. what is embodied metaphor?
2. what is body schema? what is body image?
3. what is phenomenology of perception?
4. what is perceptual crossing? (http://www.ijdesign.org/index.php/IJDesign/article/view/1062/537)

example:

 https://www.youtube.com/watch?v=844xEOjfL3k

Final Project:

1. 2人一組

2. 主題: 以體感動作為主的實體音樂互動裝置

3. DF player 部分，喇叭單體，請先預留硬體空間，期末需實體展示

4. deadline: 12/19, 2023

Next week: 

分組報告相關作品之註記作品集、意象看板(搜尋 Pinterest, 或 CIID interaction design)，初步構想，草圖，動作等等。

week 11. annotated portfolios

0. Hardware Debug (1hr)

Annotated portfolios from Rung-Huei Liang

1. Bill Gaver, Annotated Portfolios

2. Jonas Löwgren  annotated portfolios and other forms of intermediate level knowledge

movement study example:

movement study:
1. LMA
Designing Behavior in Interaction: Using Aesthetic Experience as a Mechanism for Design
PDF

2. Dan Saffer: Free form movement patterns

3.

Embodied metaphors in tangible interaction design

http://spatialinteraction2009.blogspot.tw/2009/06/b9415028finaltug-of-war.html

Next week:

Hardware sketch: show your hardware sketch with arduino to produce sound (physical sounds or DF player sounds)

Final Project warm up:

主題: 以體感動作為主的聲音互動裝置

1. team up (1-2 members in each team)

2. each member collect at least 3 works (sound or music players with  rich movements), and annotate the movements, and other qualities first

3. group discuss on the annotations and modify them

4. output as a set of creative cards

5. propose final project based on annotated portfolios

Deadline 2022/11/28

week 8. arduino hack and hardware sketching

0. 基本感測器原理

"sketching in hardware" approach:

Sketching in Hardware and Building Interaction Design: tools, toolkits and an attitude for Interaction Designers

Moussette C, Banks R (2011) Designing through making: exploring the simple haptic design space. In: TEI ’11: Proceedings of the fifth international conference on Tangible, embedded, and embodied interaction, pp. 279–282, ACM

Reference:

Buechley L, Perner-Wilson H (2012) Crafting technology: reimagining the processes, materials, and cultures of electronics, Trans Comput Hum Interact (TOCHI) 19(3):1–21

EX4: (2023/11/21)
Sketching in Hardware and Material
1. using arduino, sensors, actuators and other materials (ex., paper, wood, clothe, ...) to perform sketching
2. sketching can be no purpose, no function, no user
3. Take photos, or videos, upload to google drives
4. criteria (評分標準):
  evocative
  suggest
  question
  explore
  provoke
  ...

week 7. metaphor

MusicBottles by Tangible Media Group

I/O Brush by Tangible Media Group



Tech Tap by PEGA design


Just Draw It by PEGA Design

The Role of Metaphor in Interaction Design from Dan Saffer

Metaphor In Interaction Design from Rung-Huei Liang

Reference:

A taxonomy for and analysis of tangible interfaces

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

week 5. form review

1. form review (EX3)
2. feature interaction designer: Dan Saffer

Tap is the New Click from Dan Saffer

LightCube: Gesture-controlled light that can be used in different ways:

Ideation and Design Principles Workshop from Dan Saffer

The Role of Metaphor in Interaction Design from Dan Saffer

Shake to change:

Kyary Pamyu Pamyu ♪ Ninjya Re Bang Bang ☆ au CM Making!

Reference:
Designing Gestural Interfaces by Dan Saffer

week 4. form practice and gestural interaction

Digital Photo Printer re-design from Jasper Dekker on Vimeo.

SWYP: See What You Print from Artefact on Vimeo.
https://www.artefactgroup.com/work/swyp/

http://www.ludwigrensch.com/paper-a-printer-you-actually-want

Re-designing printers:

 Berg Little Printer



Paperang Portable thermal printer


Reflexive printer from Benforest on Vimeo.


Dispensing with words

Foam Core

http://tangible2010.blogspot.tw/2010/10/movement-design_07.html

http://tangible2010.blogspot.tw/2010/10/ex3_7597.html

http://tangible2010.blogspot.tw/2010/10/round-square.html

http://tangible2010.blogspot.tw/2010/10/run-run-round.html

http://tangible2010.blogspot.tw/2010/10/ex3_6275.html

http://tangible2010.blogspot.tw/2010/10/ex3_8602.html

Practice:

Redesign a printer with rich body movements.

reference: 

http://cardboardmodeling.com/ 

Tap is the New Click from Dan Saffer

Movement Practice: (for Music Player) (https://mecamind.eu/documents/Cards_MovementMethods.pdf)

I.  Movement Method 7 : Explore Movement:

 Step by step 

1. Pick a modifier from Modifing Movement (pick one from 4 LMA dimensions). 

2. Pick one or more props. 

3. Play with the props inspired by the modifier.

II. Movement Methods 14: Brain Walk

Step by step

1. Write one idea on each post-it 

2. Place the post-its near you. 

3. Take a few steps and repeat steps 1-3.

III. Movement Method 23: Object Theatre

Step by step  

1. Pick a scene that you want to roleplay. 

2. Choose or assign different roles to the participants (roles can be both actors and objects). 

3. Play out the scene or scenario. The participants must only focus on the perspective of their role.

week 3. form making

1.

(original paper in IJDesign by Rung-Tai Lin)

2.

3.

persuasive design
4. A hierarchy of consumer needs by P. Jordan:

(image from http://www.sciencedirect.com/science/article/pii/S1369702103012239)
5. Timo Arnall: A form vocabulary for RFID

Designing With RFID from Chen pinmiao

Skål from Timo on Vimeo.

(nearfield.org)

6.

"Forms in various materials invite touch and manipulation"
Retrieved from interactions

7.

siteless book sample page

8.


Retrieved from "Move to get moved"

9.

xxx

tapTap from Andy Huntington on Vimeo.

Algo.Rhythm from Huaishu on Vimeo.

Problems:
1. How to design simple forms for rich interaction? (including movement-centric, social interaction, self-expression, etc.)
2. What's the relationship between movement and form? Can we think "movement" without form?
3. What kind of form is suitable for movement?

4. Echoing "tangible interaction = form + computing" by Mark Baskinger and Mark Gross, if "tangibility = movement + form", how can Tangibility be explored?
5. Affordance: restriction or hint?

Practice:
regarding "functionality" of a music player, pick up 8 representative forms on the above siteless sample page for 8 Effort qualities of LMA. Draw 8 sketches based on the above forms and corresponding movements.





Retrieved from "Move to get moved"

"Re-routed Radio" projects by industrial design students (a) Nadeem Haidary, (b) Josh Finkle, and (c) Gavin Stewart. These music players were designed to establish new forms of interaction using standard electronics combined with non-traditional materials and expressive physical forms.

The Hit Me interac - tive lighting device responds to touch with an LED display. It affords various interactions with the hand. Designed by Carnegie Mellon students Henry Julier, Justin Rheinfrank, Amanda Ip, and Michael Cruz-Restrepo; directed by Kees Overbeeke (TU/e). Image source: www.hen - ryjulier.com

Retrieved from "interactions"

EX3: (2023/10/3)

 make a physical model of a music player
(reference: http://ciid.dk/education/portfolio/idp12/courses/tangible-user-interface/projects/)

(reference: http://ciid.dk/education/portfolio/idp20/courses/connected-objects-tui/projects/)

(reference: http://ciid.dk/education/portfolio/idp18/courses/physical-computing/projects/)

show the picture of this model on an A2 poster, and analyze according to LMA and gesture patterns (proximity to activate/deactivate, point to activate, rotate to change state, shake to change state...)

perform the movement on the music player with Wizard of Oz method (Bluetooth speakers needed)


Reference: Chapter 4 in Designing Gestural Interfaces
(reference: http://www.trendhunter.com/slideshow/ipod-alternatives)

https://www.slideshare.net/jazzliang/tangible-interaction-2011-spring

week 2. movement as expression (EX2)

Simplicity in interaction design

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

EX2: (Sept. 26, 2023)
propose at least 4 sets of mutual contrasts of movement
Give form of movement to each set of contrasts

week 1. introduction

Introduction to Tangible Interaction

Open hci2011

View more presentations from Rung-Huei Liang

References 參考文獻:
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. 

Similar courses & project sites:
CIID interaction design
MIT Tangible Media Group
Newcastle University Culture Lab

EX1: (2023/9/19)

TOY Probes:
1. collect at least 3 interesting toys (or products) with expressive tangible quality.
2. bring 1 (or more) toy to the classroom for discussion.
3. make your own toy probes, with analysis of the "movements" in each toy.


Contents:

1. Interaction Design Theory (1/3)

2. Sensors & Lab (1/3)

3. Project (1/3)

學習內容:
1. 互動設計基本概論 (1/3)
2. 感測器原理與實作 (1/3)
3. 互動設計專案討論 (1/3)

Grading:

Personal homework (assignments, oral presentation, discussion) 60%

Final project (in team) 40%

計分方式:
個人作業(作品、口頭報告、課堂討論) 60%
期末專題(分組) 40%

Homework Upload:

Please upload slides (pptx or pdf) to Google drive (folder: 作業一0919)

Name your file with your school ID number

作業上傳注意事項:
請在 課程google drive 作業一0920資料夾下上傳投影片
請用學號作為檔案名稱