2025年6月9日 星期一

week 16. final project demo

 






 




 
 

 



於 沒有留言:

2025年5月23日 星期五

week 15. poetic interaction

0. Students present project progress.

1. Rung-Huei Liang and Huang-Ming Chang. 2013. Hypnotist Framing: Hypnotic Practice as a Resource for Poetic Interaction Design. The 6th International Conference on Designing Pleasurable Products and Interfaces (DPPI), DPPI2013, pp. 241-250, Newcastle, UK., Sep. 3 – 5, 2013. Draft: DPPI2013

REFLEXIVITY ON POETICS:

    Slight Strangeness in Collocation

    Gestalt & Expression Imagination

Pragmatist Framing of Poetic Interaction Design

WHAT IS HYPNOSIS?

    Bypassing Critical Mind

    Imagination

    Suggestibility

TECHNIQUES IN HYPNOTIC PRACTICE

    Resonance

    Overload of Message Units

    Metaphor

    Ambiguity

    Anchoring

DESIGN IMPLICATIONS FROM HYPNOTIC PRACTICE

    Poetic interaction could start from resonance

    Deliberately use multiple sensory elements without consensus

    Boldly apply metaphors of different types in a mash-up style

    Purposefully deploy ambiguity in four aspects of interaction design

    Set temporal and spatial contexts as effective anchors

REFLECTION ON THE POETIC IMAGERY

    guided affective imagery (GAI)


2. Rung-Huei Liang. 2013. Pragmatist Poetics in Interaction Design.  The 5th International Congress of International Association of Societies of Design Research (IASDR), IASDR2013, pp. 2521-2532, Tokyo, Aug. 26 – 30, 2013. IASDR13a

3. Yi-Chu Lin, Huang-Ming Chang, and Rung-Huei Liang, “Capturing Notions from Abstractions: The Foundation of Poetic Interaction Design,"  the 4th World Conference on Design Research, IASDR2011, Netherlands, Oct. 31 – Nov. 4, 2011. Draft: IASDR11a.pdf

4. Yi-Chu Lin, Huang-Ming Chang, and Rung-Huei Liang, “Designing Poetic Interaction in Space,"  The HCI International 2011 Conference Proceedings,  Florida, July 9-14, 2011. also in Lecture Notes in Computer Science, 2011, Volume 6763, Human-Computer Interaction. Towards Mobile and Intelligent Interaction Environments, Pages 559-568. Draft: HCII11a (EI)

於 沒有留言:

2025年5月17日 星期六

week 14. project proposal

 1. revisit week 12. wabi-sabi videos

2. recap week 13. "wabi-sabi" cards based on Tarot structure

3. group project proposal

於 沒有留言:

2025年5月11日 星期日

week 13. wabi-sabi II

 1.  revisit week 12 Wabi-Sabi concepts and videos

recap design cases in Expanding on Wabi-Sabi as a Design Resource in HCI

recap principles in 

Perfectly Imperfect: A Speculation about Wabi-Sabi Inspired User Experience Design: Wabi-Sabi Inspired UX Design


2. 
Project 2. wabi-sabi as interaction design resource for Experiential AI
[Step 2] Ideation Cards: (constructive and generative methodology)
1. Collect concepts (or principles) related to Wabi-sabi
2. Collect your own design examples according to the principles
3. Select at least 22 examples for card-making
4. Create your own wabi-sabi design card deck for Experience AI.

workshop in class,  5/12, 2025

Final Project proposal (5/19)


Final Project (deadline 6/2)
AI-Enabled Wabi-Sabi (or Slow Tech) Experience Design
1. Prepare annotated portfolios with "Wabi-Sabi" quality
2. consider "personal data" and other data (e.g. weather, time, context, social, ...) as material
3. Co-Design with GAI (in text, image, audio, video...)
4. show simple evaluation or trials and the critiques
5. final report submission in the following conferences:
        full paper 6/10
        poster 6/16
  (b) IASDR 2025
         poster  6/30
         full paper 8/22

Example:
 鄭宇婷、孔博雯、朱千慧、李佳恩、李宜庭、梁容輝. 〈以侘寂為互動素材，探索「時間感現身」的「時間形」設計〉"Expanding on Wabi-Sabi as Material to Design Temporal Form", 台灣人機互動研討會 (TAICHI 2017),  Tainan, Aug. 9-11, 2017. (pdf)

於 沒有留言:

2025年5月4日 星期日

week 12. wabi-sabi


Students present HW3 wabi-sabi design cases

Expanding on Wabi-Sabi as a Design Resource in HCI

Perfectly Imperfect: A Speculation about Wabi-Sabi Inspired User Experience Design: Wabi-Sabi Inspired UX Design




History of Ideas: wabi-sabi


In search of wabi sabi (BBC)



Is Zen life wabisabi (曹洞宗)



道元禪師 (引進中國曹洞宗)


 
 一代茶聖千利休 電影



Questions:

1. What is wabi-sabi
2. How to design with wabi-sabi?
3. How to relate wabi-sabi to slow design?
4. How to design wabi-sabi in Experiential AI?

Project 2. wabi-sabi as interaction design resource for Experiential AI
[Step 2] Ideation Cards: (constructive and generative methodology)
1. Collect concepts (or principles) related to Wabi-sabi
2. Collect your own design examples according to the principles
3. Select at least 22 examples for card-making
4. Create your own wabi-sabi design card deck for Experience AI.

Deadline 5/12, 2025
於 沒有留言:

2025年4月20日 星期日

week 10. material talks and methodology

Understanding agency in interaction design materials, 2012. (material talks back)

       "The notion of agency puts focus on the emerging properties of materials and how they actively contribute to the way that design activity unfolds."
     "The analyses showed how interaction design is to a large extent driven by emergent                 characteristics of available materials."
    Schön, D. The Reflective Practitioner: design materials ‘talk back’ to designers’

    "Instead, humans and material objects intra-act; i.e. not only do the humans construct meaning     out of their representational acts, but the objects themselves actively contribute in the meaning
    making process."
    "Agency is thus not an attribute of things but, an “on-going reconfiguring of the world” [1]."


 Computational Compositions: Aesthetics, Materials, and Interaction Design, Wiberg, 
2010.  (Material Turn宣言）

Methodology for materiality: interaction design research through a material lens, Wiberg, 2013. (Methodology)


        "Fig. 1, ... a methodology that takes a point of departure in material studies. ... to account for         the dynamics of working back and forth between materials and wholeness."    
        Fig. 2, Extended schematic description
            Materials: Properties, Character
            Details: Aesthetics, Quality
            Texture: Appearance, Authenticity
            Wholeness: Composition, Meaning

        "...an organizing methodological structure based on the simple dialectic tradition in design to work         back and forth between details and wholeness, materials and textures."


 New Materialism by Fox and Alldred (2018) (New Materialism Ontology)
Doing new materialist data analysis: a Spinozo-Deleuzian ethological toolkit  (Fox & Allred, 2021) (New Materialism Methodology)
material-centered design vs. user-centered design
Questions:
1. How to relate "material talks" concepts to Wabi-sabi ?
2. How to apply Wiberg's methodology to wabi-sabi aesthetics and HCI design?

HW 4, Material Exploration in everyday life

 1. design your own "Material Probes" 
    ex. Spyn project , botanic printers, 綉珍's app logo probes, ....
     Probes with digital technology in the form of 照片、貼紙、馬達、LED、...
2. record and collect how these probes appear in everyday life (照片、影片)
3. discuss how these "variations" of material interaction imply the nature of the material (with a phenomenological approach), related terms could be wabi-sabi, unfinalized, unfinished, imperfection, worn media, ... 
or analyse with Wiberg's framework and write up the dialectic results.
deadline: May 19, 2025
於 沒有留言:

2025年4月12日 星期六

week 9. introducing material turn

1. Definition of Material Turn
2. Framework and Strategy of Material Interaction (Featuring )
    The Hedonic Haptic Player, 2017, IJDesign


3. (Post-)Phenomenological approach to Materiality (Featuring James Pierce)
    

    Material awareness: promoting reflection on everyday materiality, 2009 (post-phenomenology)

    A phenomenology of human-electricity relations, 2010 (phenomenology)

(phenomenology)

 
     

Readings in Part II Material Turn:

Computational Compositions: Aesthetics, Materials, and Interaction Design, Wiberg, 
2010. 

"Material interactions": from atoms & bits to entangled practices, 2012, ACM CHI panel

Understanding agency in interaction design materials, 2012. (material talks back)

Methodology for materiality: interaction design research through a material lens, Wiberg, 2013. (Methodology)


Giving form to computational things: developing a practice of interaction design, Anna Vallga˚rda, 2014. (Framework)


Electric materialities and interactive technology, James Pierce, 2013 (Phenomenological approach to materiality)


PUC theme issue: material interactions, 2014. (special issue, PUC)


Broken probes: toward the design of worn media, Daniela Rosner, 2014 (wabi-sabi)



Interaction Design as a Bricolage Practice, Anna Vallgårda & Ylva Fernaeus, 2015

Expanding on Wabi-Sabi as a Design Resource in HCI, Vasiliki Tsaknaki & Ylva Fernaeus, 2016




Questions:
1. How does Microboundary relate to Wabi-sabi
2. Wabi-sabi and system 1/2 thinkings?
3. What is the relationship between wabi-sabi and mindful interaction?
HW3: 
Student presentation on Wabi-Sabi & its design cases on May 5th (week 12).

Reference:

於 沒有留言:

2025年4月6日 星期日

mid-term project demo

 1.  students present mid-term projects

2. introducing tarot-structural mapping methods to compose new method-cards

   (a) decompose the meanings of each card in a Tarot deck (major acarna)

   (b) structurelize the deck 

   (c) collecting elements in g a new (or an emerging) area and  remapping to the structure 

reference:

Tarot-mapping workshop

於 沒有留言:

2025年3月30日 星期日

week 7. slow tech & mindful interaction

1. Students propose concepts of project 1.

Design Frictions for Mindful Interactions

"Microboundaries
A microboundary is an intervention that provides a
small obstacle prior to an interaction that prevents us
rushing from one context to another. It does this by
creating a brief moment in which we might reflect on
what we're doing. This small barrier to interaction can
be implemented via a short time cost and prompts a
switch from System1 behaviour to that of System2.
Microboundaries slow us down before acting."

 designed friction to provide "micorboundary" for system 1 changing to system 2
 System 1 v.s. system 2 thinking by Daniel Kahneman



The aesthetic of friction (Pleasurable Troublemakers)

Designing Mindful Interaction:The Category of Performative Object by Kristina Niedderer

Questions:
What are the possible experiential qualities that are elicited by slow technology? anticipation, mindfulness, reflection, microboundaries?




References:

Increasing Accuracy by Decreasing Presentation Quality in Transcription Tasks

Designing with Friction: Inverting Notions of Seamless Technology



“diegetic frictions” and “extra-diegetic frictions”

"“diegetic” refers all situations, events and char-acters that act inside a narration, whereas “extra-diegetic” refers to all narrative devices
that act outside of the narrative world (Neumeyer, 2009)"

Figure 4. Slow Tech -> friction



"It is telling that the archetypical dimension in the Cognitive Dimensions of Notations (Green, 1989) is viscosity, a metaphor rooted in materials and resistances, aiming to bridge them with
the seemingly immaterial and disembodied world of notations."

"There have been proposals to design GenAI systems that introduce productive resistances as catalysts for the development of intention. Rather than an assistant, AI can act as a critic or provocateur (Sarkar, 2024;
Sarkar et al., 2024). AI can be antagonistic (Cai et al., 2024). AI can cause cognitive glitches (Hollanek,
2019). AI can act as cognitive forcing functions (Buçinca et al., 2021). These proposals are counter to
traditional narratives of system support, system disappearance, and system non-interference. They can
be seen as successors to previous counternarratives raised by researchers such as critiques of the doctrines
of simplicity and gradualism (Sarkar, 2023c), critiques of seamlessness (Chalmers & MacColl,
2003), critiques of reversible interactions (Rossmy et al., 2023), the case for design frictions and microboundaries
(Cox et al., 2016), reframing of ambiguity as design resource (Gaver et al., 2003), and
calls for attention checks in AI use (Gould et al., 2024).10"

"How can we build GenAI tools with inherent, productive resistances that are part of working with the
tool, not an additional thing that users need to “pay” attention to?"
於 沒有留言:

2025年3月22日 星期六

week 6. mindful interaction

Engagement Through Embodiment: A Case For Mindful Interaction


1. How can mindful interaction create slowness?
2. What are principal rules to create mindfulness?

Blendie
https://www.youtube.com/watch?v=6DDkwdPaYmk

 
於 沒有留言:

2025年3月14日 星期五

week 5. slow design & slow lab

Student presentation on:
The slow design principles

 Related design cases :
  Slow design by Barbara Grosse-Hering

Question and discussion:
1. what are the differences between slow tech and slow design?
2. What are the possible applied area of Redstrom's slow tech and the Slow Lab's design principles?
 REFLECTION, CONSCIOUSNESS, PROGRESS: CREATIVELY SLOW DESIGNING THE PRESENT

Project 1 proposal: March 31, 2025
             project presentation: April 7th, 2025
Slow Something:
  0. collect your annotated portfolios for slow technology or slow design (see Botanical Printer )
  1. propose slow + another_thing
  2. discuss the time element (fast vs. slow), reflective aspects, amplifying environments (hide or reveal), form (simple or complex), material...
  3. Let generative AI play a role in data-transformation and form-making
  4. Sketch your design (design the form, and print out as situated probes (see Botanical Printer )
  5. Evaluate your design (situated photos, 翻頁年曆, google 日曆提醒法...)
  6. summarize design principles

References:
1. Odd Interpreters
2. Indoor weather station / Local barometer / drift table
3. Photobox / Olly radio 
4. Reflexive printer / mettle / Crescendo Message / Botanical Printer
於 沒有留言:

2025年3月8日 星期六

week 4. evaluating slow technology

Student presentation :
The slow design principles
 Slow design by Barbara Grosse-Hering



1. Reading "Evaluating Slow Technology"
2. Message with slow technology examples:
ChatterBox


Raven Slow Messaging
SLOWLY app

https://www.futureme.org/

Cyberlink U Messenger app


GoSlow: designing for slowness, reflection and solitude


Photobox: on the design of a slow technology




The reflexive printer: toward making sense of perceived drawbacks in technology-mediated reminiscence




From 紙飛機 app to mettle
Mettle in HCII 2015
CrescendoMessage 2015
Aesthetics of Friction

Question: 
  1. How to design the quality of "Anticipation"?
  2. How to evaluate slow design?
  3. What is mindful interaction? How to relate it to slow design?

Reading articles:
1. Slow Technology
   p. 209 : Evaluating Slow Technology
   art work vs. tools  evaluation
   " in a way similar to the methods developed in art critique: cultivating evaluation as the art of explanation and understanding."

2. Slow Design for Meaningful Interaction
    introducing slow design principles
    Case study of JuicyMo:
      1. current use analysis 2. ideation of JuicyMo  3. explain relevance to 6 principles 4. user test with principle cards and semi-structured interview

3. Engagement through Embodiment
    propose 3 interaction movements
    analysis through interaction vocabularies (paired contrasts)
    levels of Richness, Control & Engagement (quantitatively)






    









於 沒有留言:

2025年2月20日 星期四

week 2. form & function in Slow Tech

1. reading: Slow Technology p. 209, Section 6, Form and Function
2. Student present "slow technology" examples


Exercise:
Slow technology design with "cross-sensory" reflection.
See p. 206, 4.2 the art of concentration

example 1: "dark & big audio"  gradually changes to "light & silence"
example 2: "noisy & dark" gradually changes to "silent & bright"
example 3: INTOUCH project: 色溫 & 溫度

example 4: Mindball


example 5: Remind mirror

http://www.am2.jobs/index.cfm?pagetype=products&codeID=302422


Make your sketch of "cross-sensory" interaction for concentration


Reading next week:
The slow design principles 
Students present "slow design principles" on 3/10 : 
Select at least "one slow design principle", describe the definition, explain the examples in paper, and give your own example(s).

EX2 uploads to google drive by 3/10
於 沒有留言:

2025年2月9日 星期日

week 1. Introduction: beyond usability

Introduction to this semester topics, beyond usability:

Part I:  Slow Technology & Mindful Interaction (8 weeks)


2012 L'Eglise Turin – WABI SABI Italian Slow Design

Part II: Material Turn (8 weeks)



Spyn project (Image credited to James Jordan at California Magazine.)

wabi-sabi, material interaction, poetic interaction & slow speculation







Beyond usability:

互動設計派典建構之路


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

2. Slow Technology by Redstrom

examples:

http://entretags.de/long-living-chair/





https://ishback.com/slowgames/







Search "Slow Technology" in ACM DL

Why linear time? How about non-uniform speed of time?
https://www.easdalcoi.es/en/projects/sonno-alarm-clock/


Homework 1:
  Search at least 3 "slow technology" interaction design projects.
  keywords: slow technology, slow design, slow interaction, slow game...
  Deadline: 2/24, 2025

Project 1:

Slow Technology interaction design sketch
Deadline: 3/10, 2025 (propose and discuss)

Reference:

Wenn-Chieh Tsai, Amy Yo Sue Chen, Sheng-Yang Hsu, and Rung-Huei Liang. 2015. CrescendoMessage: interacting with slow messaging. IASDR 2015.



於 沒有留言:
訂閱： 文章 (Atom)

week 16. final project demo