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資料夾下上傳投影片
請用學號作為檔案名稱