2014年12月8日 星期一

2014年11月24日 星期一

week 10. framing design

1. work in progress report
   check: themes, and strong concepts
 
   example : interaction Tarot

2. Framing design

Framing design in the Third Paradigm

Reference:
The Three Paradigms of HCI

2014年11月17日 星期一

week 9. strong concepts

1. work-in-progress report of cultural probes

2. Strong concepts

1. Jonas Löwgren. 2013. Annotated portfolios and other forms of intermediate-level knowledge.interactions 20, 1 (January 2013), 30-34.

2. Kristina Höök and Jonas Löwgren. 2012. Strong concepts: Intermediate-level knowledge in interaction design research. ACM Trans. Comput.-Hum. Interact. 19, 3, Article 23 (October 2012), 18 pages.

(pp. 23:11- 23:13)
4 constructs:
1. contextual grounding
2. horizontal grounding
3. vertical grounding
4. reflection, articulation, and abstraction

Guidelines for Design Process:
1. Interpret your data with rich interpretation, inspiration, imagination, and discourse.
2. Specify several "themes" related to the above interpretation.
3. Build "strong concepts" (in terms of 4 constructs) to meet these themes
4. Give form to these strong concepts, such as mood boards, and cards.
5. Discuss possible expressions (如何用 expression 開展設計) for your design based on these strong concepts

2014年11月10日 星期一

week 8. probology

1. students present "probes" of ACM SDC themes

review "How HCI Interprets the Probes":

2. Probology:
(1) identify probes
(2) urban probes
(3) domestic probes
(4) value probes
(5) empathy probes
(6) mobile probes
(7) digital cultural probes
(8) cognitive probes
(9) technology probes

3. original probes features v.s. x-probes

epistemology-> methodology -> methods

2014年10月20日 星期一

week 5. case study: Affective Diary

1. Student presentation on "living with data" investigation

Questions:
1. what does "living with data" mean? How are data related to "quality of life"?
2. What activities would users have regarding data? bodily perceive, emotionally respond, culturally interpret, self reflect, change behavior, ...
3. How could data embody in the life world?
4. Why is keeping diary related to well being? (http://affordanything.com/2012/03/16/change-your-life-in-less-than-one-minute/)

2. Case study on Affective Diary

 Experiencing the Affective Diary



2014年10月13日 星期一

week 4. ACM SDC & observation methods

1. Student presentation on ACM SDC issue: "Crossing"
2. Introducing Observation Methods

Questions:
1. What is Observation in Design Process?
2. What observation methods are there?
3. What is the method of Cultural Probes?
4. How to design Cultural Probes ?
5. How to collect/analyse/interpret data?


For ACM SDC, present your Design Probes (toolkit and data returned if possible) and your interpretation (or intention for possible return).
presentation date Oct. 28, 2014.



Observation and Ideation (Smart Things)

Reference papers:
1. Design: Cultural Probes
2. Making Design Probes Work

2014年10月6日 星期一

week 3. Ubiquitous Computing

Ubiquitous Computing

Discussion on
Mark Weiser, Computer for the 21st Century

Questions:
1. How do we live with data?
2. How do we perceive (feel) the data we live with?
3. What is the form of data to live with?

Conduct an activity to answer the above questions.
Presentation date: Oct. 21, 2014.

Reference:

Experiencing the Affective Diary
Reflecting on the design process of the Affective Diary

2014年9月29日 星期一

week 2. IOT presentation

Suggested Presentation & critique guidelines:

1. BPMRC
    Background (problem, idea, gap)
    Purpose (better future, intended future)
    Method (framing, approach, tool)
    Result (outcome, expected output)
    Conclusion

2. MEFF
    Material (idea, problem, issue)
    Expression (metaphor, scenarios, emotion)
    Function  (task, path, technology)
    Form (representation, affordance)


Activities:

1. Students Present 50 Connected Devices
 
50 Connected Devices - How Mobile and the Internet of Things Will Affect You from Crittercism

2. ACM student design competition Kick-off presentation
    What is the plan for design?
    How do you frame your problem?
    Which method do you want to use?
    What approach? Theory driven? Example based? Fictional paper abstract?
   
    Next presentation: Oct. 14, 2014

3. Discussion on Weiser's "The computer for 21st Century"

2014年9月22日 星期一

week 1. Introduction


1. 學生為主體的學習 (報告、討論、帶領工作坊、參與競賽)
    Students as learning subjects (report, discussion, workshop holding, competition)
2. 自主學習設計方法、設計工具、設計流程。
    self learning design methods, design tools, design process
3. 自行蒐集設計資料、定義問題、製作設計工具。
    self collecting data, framing problems, making design tool
4. 自行訂定設計評估方法,使用者調查方法。
    self designing evaluation methods, user study methods

期末: (final)

 組隊投稿 ACM 學生設計競賽。
 Team up to participate ACM Student Design Competition

評分方式: (Grading)
1. 個人表現 60% + 團隊表現 40 %
    Personal performance 60% + Team performance 40 %
2. 評分項目: 課堂出席、參與討論﹐、互相評論、競賽作品完整度。
    Evaluation items: course participation, discussion, critique, completeness of ACM competition


50 Connected Devices - How Mobile and the Internet of Things Will Affect You from Crittercism

個人報告 共同完成 50 件 IoTs (9/30/2014)

1. 組隊 (2-5 人/隊)
2. 報告比賽規劃 (9/30/2014)

ACM Student Design Competition:

http://chi2015.acm.org/authors/student-design-competition/

Example:

footpal team 2010
paper

Readings:
Mark Weiser, Computer for the 21st Century

2014年6月12日 星期四

week 17. temporal anchor workshop

Visual annotation of temporal anchors
1. Mobile Photography
2. Digital music

reference:
Huang, C.-C, & Stolterman, E. How interactive artifacts "changes" over time,: a visual analysis. NorciCHI '12.

Huang, C.-C, & Stolterman, E. Temporal anchors in user experience research. DIS '14.

2014年6月9日 星期一

詩意互動牌卡建構



https://docs.google.com/document/d/1qLvDeM0umV_rQkAXkZPq6FImXajXE7knKdu_8nu3vvY/edit#




2014年6月2日 星期一

week 16. anchors in interaction design

1. temporal anchors

reading: "Temporal Anchors in User Experience Research," by Chung-Ching Huang & Erik Stolterman, to appear in DIS 2014.

2. spatial anchors

3. tangible and physical anchors

4. Gesture anchors in NLP (心錨)
     anchors in five senses, words, sentences,...

Discussion on Poetic Interaction Card Deck
Mobile Probe in Taipei MRT for workshop (6/10 & 6/11) by Chung-Ching Huang

2014年5月26日 星期一

詩意互動牌卡 19.太陽 / 20.審判 / 21.世界

19.太陽 / 火 / 太陽

能將主體拉到前方嗎 ?
是否能做為焦點 ?
是否為自然發生 ?
有溫暖 / 正面的感受嗎 ?


紅色 / 主角 / 正面 / 源頭 / 智慧 / 歡欣 / 兒童









20.審判 / 火 / 冥王星

其中有主觀的想法 / 渴望嗎 ?
能否被嚴厲的檢視 ?
能召喚出什麼想法 ?


平衡  / 中立 / 召喚 / 十字路口 / 交叉點 / 驗收











21.世界 / 地 / 土星

俱備全面性嗎 ?
不同面向是否合拍 ?
離開去旅行嗎 ?
準備完成一整個階段了嗎 ?


靜觀世界 / 完整的 / 陰陽 / 穩定 / 生生不息 / 無所不知

詩意互動牌卡 8 9 10 11

8.
Ludic  頑皮的

如何創造遊玩氛圍?

playful 調皮, humor 幽默 , fun 有趣
teasing 調戲


9.
Pure geometry純粹幾何型
是否能利用美的形式原則?


repeating 重複, rhythm 韻律, contrast 對比
gradual change 漸變


10.
Serendipity 不期而遇
如何創造隨機
Ludic 頑皮, random 隨機


11.
Paradox 矛盾
如何融合不同極端特性?

uncertain不確定性, vague 模糊, 

詩意互動牌卡 12 13 14 15 劉宥佳




12.

imaginative 想像的

是否能引發更多的想像空間?


延伸  思維 幻想 夢境 感性
童話 抽象 不存在的 自由
虛構 連結 轉化 無限

牌名 / 吊人
意義 / 犧牲
元素 / 水 海王星

相關概念 /  hypnotic(催眠)、ambiguity(模糊)、spiritual(精神)、subconscious(潛意識)、useless(無用的)

13.

mystery 神秘

如何製造神祕感?

保留部份的設計語言再呈現?

是否引發對未知的不確定感?


留白 模糊 不確定 未知 延伸
生死 暗示 隱晦  時間 遮蔽
氛圍 隱喻 荒謬

牌名 / 死神
意義 / 結束
元素 / 天蠍

相關概念 /  subconscious(潛意識)、absurd(荒謬)、synchronicity(共時性)


13.

abstract 抽象

如何將理性語言化作感性?

是否能觸動你感性思維?


主觀 情緒 啟蒙 激發 情感 失序
虛無 逃避 憧憬 不描述 原始 自然
內在 組合 不可辨認 動態

牌名 / 節制
意義 / 淨化
元素 / 射手

相關概念 /  Humor(幽默)、spiritual(精神)




14.

worn 老舊的

是否能呈現歲月的痕跡?

如何引發人對時間的感性體驗?

是否能觸發你的回憶?


老舊 痕跡 歲月 時代 泛黃
回憶 骨董 過期 損壞 質變
污漬 瑕疵 死亡 衰弱 累積


牌名 / 惡魔
意義 / 詛咒
元素 / 魔羯

相關概念 /  old(老的)、antique(骨董)、useless(無用的)



week 15. Hypnotic framing of poetic interaction


week 14. interaction design framework

由具象到抽象:
  material -> form -> function -> expression

由抽象到具象:
  expression -> function -> form -> material


詩意互動牌卡 4 5 6 7

詩意互動牌卡 卡牌內容 愚者 / 魔術師 / 女祭司 / 皇后

2014年4月21日 星期一

week 10. revisit Interaction Design Tarot

塔羅牌義

占星關鍵字

Poetic  相關字:

uncertain, unknown, abstract, ironic, fun, mystery, unfinalized, serendipity, absurdity, playful, paradoxical, ambiguity, vague, evocative, old, worn, imaginative, pure-geometry, repeating, hypnotic, spiritual, ludic, animism, provocative, useless, foregrounded, sychronicity, rustic, subconscious, fictional, wabi-sabi, zen, mindful


Susanne Langer 的符號學

2014年4月14日 星期一

week 9. design animism & structuralism poetics

Reading: (animism)

AniThings: animism and heterogeneous multiplicity







Reading: (poetics in structuralism)
  http://www.amazon.com/Structuralism-John-Sturrock/dp/0631232397
eBook in NUST lib:
http://0-onlinelibrary.wiley.com.millennium.lib.ntust.edu.tw/book/10.1002/9780470775974

p. 103


Poetic Function:

MusicBottles by Tangible Media Group

Tech Tap by PEGA Design

I/O Brush by Tangible Media Group




what annotations could be added? Where is the poetics? (form/material/expression/function)


EX3: (project proposal)
  Poetic Interaction Design Proposal. (using ppt)
  Deadline 2014/4/29

2014年4月7日 星期一

week 8. expression

http://jazzliang.wordpress.com/2010/02/26/%E5%A6%82%E4%BD%95%E7%94%A8-expression-%E9%96%8B%E5%B1%95%E8%A8%AD%E8%A8%88/


From use to presence: on the expressions and aesthetics of everyday computational things

From use to presence:
1. an expressional: a thing designed to be the bearer of certain expressions
an appliance: designed to be the bearer of a certain functionality
2. "A thing always presents itself through its expressions."
3. "When we let things into our lifeworld and they receive a place in our life,
they become meaningful to us. We can say that this act of acceptance is in a
certain sense a matter of relating expression to meaning, or of giving meaning
to expressions."
4. "When we think of the expressions
of, for example, a mobile phone in elementary phoning-acts such as listening,
talking, waiting, dialing, etc., these are clearly related to some basic form of
mobile phone use. However, thinking about the thing in terms of how it forms
its presence by means of its expressions in such acts is different from thinking
about its functionality, for example, how it enables people to talk to each other
despite not being co-located."
5. "In, for instance, graphical design and many areas of industrial design, form giving often means to design the exterior of an object. This is reasonable when the object is sufficiently static and when its internal workings do not contribute to the overall expression. If we think about the material that forms the expressions of computational things, it is clear that it
is a combination of computations and interaction surfaces."

6. Assume that we will design a digital doorbell. A doorbell is something we
use to attract the attention of people inside as we stand outside a door, to notify
them that someone is at the door. There is nothing in this description that
refers to the expression of a doorbell. We can also describe a computational
doorbell as a thing that displays the execution of a certain program everywhere
inside of a compartment or a house as it is initiated outside a given door. This
is a distinction between describing the notion of a doorbell in terms of use and
describing what thing a computational doorbell is in terms of its expression."
7. "To design a mobile phone as an expressional means designing it on the basis
of a collection of generic expressions, that is, the expressions associated with
phones and phoning. To do this, we typically bracket functionality and focus on
the expressions of a mobile phone in use: How does it feel? How does it look?
How does it shape a gestalt of movements, speech, and gestures? How does it
transform and present my voice? How does it express time? Again, the expressions
of a mobile phone in use are different from what the phone expresses in
terms of being a part of my life, and here our focus is on the expressions of the
phone in use as we try to understand these expressions as a foundation for its
presence in everyday life."
8. "As an expressional, the mobile phone with a hands-free set is simply, among
other things, a “talking-loudly-to-yourself”-device. Being a “talking-loudly-toyourself-
device” is just one out of many things a mobile phone can become
as it is adopted as part of someone’s everyday life. For instance, it might
turn into a “flirting-device” that is used to initiate and ground a conversation
(cf. Weilenmann and Larsson [2001]), a “check-that-nothing-has-happeneddevice”
that is brought along just to see that no one has called, a “walkingcompanion”
that is brought when going for a walk to ensure company for
conversation, etc."

Conceptual Designing and Technology: Short-Range RFID as Design Material

1. "I extensively used the method of
moving between analyzing expressionals in terms of function, and
appliances in terms of finding expressions."
2. "To create the form-making qualities, the material properties
were analyzed to find what transformation types the material
could offer designers, by searching for variables that designers
could manipulate through the design activity."


Discussion of Poetic Interaction Cards in terms of "strong concepts" and "annotated portfolios"



Yih-Jwu Lin "Whisper", 2010
poetic expression



j.c.Karich "Sandbox of Secrets"
poetic material




2014年3月17日 星期一

week 5. Material Imagination

Questions:
 1. What is imagery? (心象) images?
      http://www.thefreedictionary.com/guided+imagery
      https://owl.english.purdue.edu/owl/resource/617/01/
 2. What is "poetic imagery"? (意象)
 3. What is material imagination?
 4. simile? (直喻)  metaphor? (隱喻) synechdoche? (提喻) (figurative language 比喻式語言))
     onomatopoeia ? (擬聲) metonymy ? (轉喻) personification (擬人化)


參考:

http://www.poetryarchive.org/poetryarchive/glossaryItem.do?id=8098
http://www.wisegeek.com/what-is-the-function-of-imagery-in-poetry.htm

discussion on Poetic imagination of material
Bachelard "material imagination"

Material Imagination reference:
http://digitalcommons.calpoly.edu/cgi/viewcontent.cgi?article=1063&context=arch_fac
http://cumincad.architexturez.net/system/files/pdf/acadia10_364.content.pdf
http://www.blueroomconsortium.com/pdfs/article_the-barefoot-philosopher.pdf
http://www.bigakukai.jp/aesthetics_online/aesthetics_13/text/text13_hashizume.pdf

2014年3月10日 星期一

資訊設計作業02 / M10210305 / 徐笙洋

資訊設計作業02 / M10210302 / 林浩翔

資訊設計作業01/M10210301/佟紹魁

資訊設計作業01/M10210306/劉宥佳

week 4. poetic material

1. student presentation
2. poetic lab
3. fun and poetic design Pinterest
4. introducing Adriana Ionascu "Poetic design: a theory of everyday practice"

examples:

http://cargocollective.com/joaoferromartins/SCULPTURE

http://www.yatzer.com/Manoteca-Upcycles-Memory

https://charlesandmarie.com/Essen-Trinken/Creature-Cups-Red-Edition.html

http://www.artwareeditions.com/product_p/effe60.htm

http://www.barneys.com/Bleu-Nature-Kisimi-Frosted-Driftwood-Cube/00505014435287,default,pd.html

http://kronodesigners.wordpress.com/2012/05/29/bleu-nature-suspend-time/

http://www.pinterest.com/pin/395683517232621345/

http://www.etsy.com/listing/113072066/driftwood-pillow-made-to-order?ref=listing-shop-header-3

  What is Poetic?
fun, humor, playful, ironic, abstract, unknown, uncertain, vague, implicit, ambiguous, multiple interpretation, old, antique, evocative, pure geometric, imaginative, ...

nature material: wood, fire, sunlight, metal, sand, earth, rock, water, ice, rain, mist...








Practice:
What object would you like to freeze in an ice? Make it.
(build with sand/wood/ceramic/rock?  burn with fire?)
-----------------
Poetic Form:

http://alexhammond.co.uk/objects/box-lamp/
http://www.pinterest.com/ephemereetc/poetic-installations/


EX2:
What is poetic form?
Give at least 5 examples of poetic forms.
What is poetic form in interaction design?
(Analysis with Physical form/Temporal form/Interaction Gestalt)
create annotations about "Poetic design", and find examples for each annotation. (5 張牌卡)

Deadline March 25, 2014.


Temporal (momentary) imagination with Physical form:




Reading:
1. "Poetic design: a theory of everyday practice" by Adriana Ionascu
2. "Design at Play: Immaterial forms of consumption" by Adriana Ionascu

2014年2月23日 星期日

week 2. material interaction

1. discussion: storyboards of "reflexive printer"
2. discussion: (Verplank's framework)
    Interaction Design Sketchbook
3. Discussion:
    http://www.slideshare.net/jazzliang/ss-26909204

4. introducing:
  "Giving form to computational things: developing a practice of interaction design" by Anna Vallgårda


Project 1:
  interaction design with poetic material imagination

2014年2月16日 星期日

week 1. introduction

1. introduction to interaction design (Verplank's framework)
    Interaction Design Sketchbook

2. poetic Interaction design
    (1) Pragmatist Poetics in Interaction Design.
    (2) 2012 計劃書  





Material Matters:


http://surfacematters.tumblr.com/





wooden LED clock




Material turn in interaction design: Material Interaction

http://link.springer.com/journal/779/18/3/page/1 (PUC special issue: material interaction)


3. Feature Project: "Reflexive Printer"
    introduced by Tsai

HW1: film making for "Reflexive Printer"

HW2: (deadline: March 11)
1. what is material imagination? (give examples)
2. what is poetic material? (give examples)
2. search at least 5 examples of material interaction
3. select a specific material for your own poetic interaction design


Note:
1. Prepare a website for interaction design portfolios.
2. Prepare Arduino board and sensors.

2014年1月13日 星期一

資訊設計作業07 食物篇 / m10210302 林浩翔

請朋友上傳吃完的食物照片,試著觀察看有沒有甚麼結果。






似乎可以從幾個方向去觀察人的個性與狀態

  1. 碗內食物的剩餘
  2. 餐具擺放的方式
  3. 桌上的垃圾 / 其它物品(如藥)

想法:
  1. 或許可以配合受測者房間的照片作剖析
  2. 如果 +上時間的分析,可以了解飲食習慣
  3. 能探針的線索太少,依舊聚焦在個人,跟空間場域關係不大