week 12. embodied metaphor & body schema

student presentation on hardware sketch

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?

week 10. arduino hack and hardware sketching

"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:
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
  ...

deadline : 5/14, 2019

LOOPTOPIA_Da-Capo

week 6. 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

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

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


https://www.slideshare.net/PeterSam67/designing-with-rfid-4338912
(retrieved from nearfield.org)

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.

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.

http://deliveryimages.acm.org/10.1145/1650000/1649477/figs/f5.html

Retrieved from "interactions"

EX3: (2019/3/18)

 make a physical model of a music player
(reference: http://ciid.dk/education/portfolio/idp12/courses/tangible-user-interface/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