week 5. Verplank's framework & movement based IXD

(I) students present annotated portfolios

(II) Interaction Design vocabularies  based on Verplank's framework

Open hci2011 (see p.18-29)

View more presentations from Rung-Huei Liang

1. How is "Design Basics" taught in design school?
Examples
Examples
Examples
設計是什麼
2. What is the basics of "Tangible Interaction Design" as a design discipline?
Interaction Design Process by Bill Verplank
What are the significant contrasts for Tangible Interaction?
What principles are applicable? For example, synectics triggers, (synnectics examples), https://slideplayer.com/slide/14535597/. https://www.spudart.org/synectics/#google_vignette

3. Material

"Materials touch directly on three major topics:
1. A designer may be motivated and stimulated directly by a particular material.
2. Materials are expressive, verying from fragile and refined to earthy and coarse.
3.Certain materials are chosen for their inherent physical properties that relate directly to the function of the finished work."

4. Expression

"Expression. Basically it describes any outward, visible manifestation of an inward condition, feeling, or mood: a shrug, a frown, a grimace, a smile -- physical indicators of inner emotional states. In design, expression refers to the act of overtly communicating a visual idea." Stoops & Samuelson.

"Three phases are involved in the design process, and each contributes to individual expressiveness:
1. Recognizing and delimiting the visual problems to be solved, and deciding what sort of action is needed.
2. Putting on paper a personal, imaginative, synthesis of ideas as the specific form and arrangement of the concrete physical solution develops. This middle phase, the imaginative, creative one, is the most characteristic phase of the whole design process. It embodies the designer's expression.
3. Finally the design is translated, built, printed, constructed, woven, fabricated by the designer or under the designer's supervision." Stoops & Samuelson.

"When designers reach the point in their creative development where considerations of placement, proportion, and empty space occur without conscious effort, their work may be called expressive." Stoops & Samuelson.

如何用 expression 開展設計

5. Function

"Form follows function" is probably the most often repeated statement about design. Clearly, it means that the form of an object should be defined by the work it has to do."

6. Form
Tangible Interaction=Form+Computing

7. Movement and Form

   "Some design researchers have come to investigate how form and digital behavior can be more closely coupled and how users could interact in richer ways with digital products (Djajadiningrat et al 2004; Jensen, Buur, Djajadiningrat 2005). "

  "Interaction designers have also developed an interest in bodily interaction, which can be pure movement (gestures, dance) or is related to physical objects (Hummels, Overbeeke, Klooster 2007)."

 Form-giving

 Meaning-making

 Movement-centered

 Bodily Rich Interaction

     reference:

Tangible products: redressing the balance between appearance and action

Move to get moved: a search for methods, tools and knowledge to design for expressive and rich movement-based interaction

 Movement

Laban Movement Analysis

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

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


Practice :

 Reframe your annotated portfolios with Verplank's framework

Project:

  How can we make annotated portfolios with generative AI tools?

  What are the issues to be solved in GAI-aided annotated portfolios?

  What roles can GAI play in making annotated portfolios? Which stage (part) should GAI take in?