top of page

Info-Motion applies the motions of plants in a shape-changing interface, representing the state and data from computers to domestic appliances through physical dynamic feedback in a discreet, peripheral and intuitive way.

Year

2023

Type

Interaction design

6 months

About

Duration

 Infomation from Digital and Nature

Our world today is surrounded by electronic devices, we get our information from the exact numbers jumping off the screen, powerful reminders take away our attention, and we become passive users in this age of information overwhelm.
 

When we take a walk in the afternoon, we feel the warmth of the sun shining on us. We sense the speed of the wind as dandelion seeds float upwards. When we step on the moss, we obtain information about the humidity in the air. Although this information is basic, we sense it from nature. We are surprised at how quickly our bodies adapt to this way of sensing information. It is so familiar and comforting.

Is it possible for us to combine two methods together?  What insights can we get for designing interfaces from nature?

Theories Development

2.png

The project is inspired by mimosa, which people interpret as shyness when it is closed, although mimosa is just meant to protect themselves, humans still project their own feelings onto it. Besides mimosa, perceptions of plants have long been a part of our culture and common knowledge.

Metaphor

Metaphors serve as a valuable design method in interactive interfaces, enabling us to use familiar knowledge to comprehend new and abstract concepts. For instance, in computer interfaces, the metaphor of a folder is used to help users grasp the concept of data storage.
(Thomas Erickson. 1990. The Art of Human Computer Interface Design (ed. B.Laurel), Working with Interface Metaphors. Addison-Wesley, pp. 65-73..)

Non-anthropomorphic objects

Kinesthetic empathy

ke1.webp

It refers to our ability to experience empathy by observing the movements of other humans. For example, when we watch a ballet dancer leap, even if we do not make the same movements, we still feel our body become lighter.
(Kinesthetic Empathy in Creative and Cultural Contexts, Dee Reynolds, Matthew Reason, 2014)

Picture2.jpg

Miyoshi has proposed the concept of kinesthetic empathy with non-anthropomorphic objects. He says that we can also experience empathy through the movements of non-anthropomorphic objects, as long as these objects' dynamics can evoke our previous experiences related to motion. These experiences may come from our own bodies or from our observation of other living beings.
(Design object in motion, Kensho Miyoshi, 2021)

Research question

资源 31.png

How can the metaphor of plants motions inform the human-computer interfaces?

Explore the Plant Motion

ezgif-5-e1596adf3e.gif
ezgif-5-72273273c1.gif
ezgif-5-e6a2e0d62f.gif
ezgif-5-f06c05b8b5.gif
ezgif-5-03d0af4cea.gif
ezgif-2-0377827b38.gif
ezgif-2-58855b6540.gif
ezgif-2-b908974280.gif
ezgif-3-5fbcc8ba3b.gif

Grass

ezgif-2-08791965fc.gif
ezgif-2-9f24e88044.gif
ezgif-2-36f7405d1b.gif
catchfly-plant.gif
ezgif-3-b77ea4a72a.gif
ezgif-3-6a8eb17310.gif

Source :

(The Green Planet | Official Trailer | New Attenborough Series | BBC . BBC Earth. Retrieved July 7, 2023 from https://www.youtube.com/watch?v=FcnLPH11qJw)

(Richard Wheeler. 2010. Oxalis Triangularis Photonasty Timelapse. Wiki. Retrieved June 7, 2023 from https://en.wikipedia.org/wiki/File:Oxalis_Triangularis_Photonasty_Timelapse.ogv)

(The Private Life of Plants - Top Documentary Films. BBC. Retrieved July 7, 2023 from https://topdocumentaryfilms.com/the-private-life-of-plants/)

Motion Categories 

Element 1.png
ezgif-5-03d0af4cea.gif
IMG_5924.GIF

 Definition: plant surface expands or the cell inside the plant breaks through the skin, moving from the center to the edges.

ezgif-3-5fbcc8ba3b.gif
ezgif-1-70ae599efc.gif

 Definition: the plant is flexed or curved due to an external force and conveys the concept of endurance.

ezgif-2-58855b6540.gif
ezgif-2-08791965fc.gif

 Definition: It involves the plant storing up energy and then suddenly releasing it, with a deformation.

ezgif-5-f06c05b8b5.gif
ezgif-2-0377827b38.gif

 Definition: runs in a certain direction but changes direction. In the context of plants, it has the meaning of finding direction.

ezgif-2-9f24e88044.gif
ezgif-5-e1596adf3e.gif

 Definition: The plant shrinks inwards, presenting a sense of tension.

ezgif-5-e6a2e0d62f.gif
ezgif-5-69cb11aa45.gif

 Definition: The flowering and closed state of plants, the former being pleasurable, the latter self-protective

ezgif-2-36f7405d1b.gif

 Definition: Plants spread seeds by wind with the intention of informing, spreading

ezgif-5-72273273c1.gif
ezgif-3-b77ea4a72a.gif

 Definition: Plants roll on the ground, uncontrollable for unknown destinations.

ezgif-3-6a8eb17310.gif

 Definition: Leaves fall from the air as a reminder that a certain time has come to an end.

Firstly, I explored various plant motions and categorized them into 9 Classes according to the intention and context.

Transfer Motion to Objects

ezgif-4-f530cb26c8.gif
ezgif-4-bab8ed8d3c.gif
ezgif-4-d98790b8f2.gif
ezgif-2-3a360c04a9.gif
ezgif-4-ec7a4dc223.gif
ezgif-4-20cde6bb9e.gif
LWwh6z.tif_4x.png
Asset 12_4x.png
Asset 10_4x.png
Asset 10_4x.png
Asset 10_4x.png
Asset 11_4x.png
ezgif-4-1fbf30763c.gif
ezgif-4-7a82852a4b.gif
ezgif-4-cbff901d0b.gif
ezgif-4-072e894813.gif
ezgif-4-b43bb0c1e7.gif
ezgif-4-93e7d89850.gif
ezgif-4-dcd0c4a3e3.gif
ezgif-4-c83609b7e8.gif
ezgif-4-511e98f0e0.gif
ezgif-4-e3450eebde.gif
ezgif-4-280ca6ea6c.gif
ezgif-4-9bed503c1b.gif
LWwh6z.tif_4x.png
Asset 9_4x.png
Asset 9_4x.png
Asset 7_4x.png
Asset 11_4x.png
Asset 11_4x.png
Asset 7_4x.png
LWwh6z.tif_4x.png
LWwh6z.tif_4x.png
Asset 7_4x.png
Asset 11_4x.png
Asset 11_4x.png
Asset 7_4x.png

Subsequently, we transferred these motions to objects by creating low-fi models. The purpose was to test users' associations and perceptions of the motions on these artificial objects.

User test

user test.jpg

The purpose was to test users' associations and perceptions of the motions on these artificial objects.

User test process.jpg
User test process.jpg
IMG_6131(20221219-124310).JPG
IMG_6132(20221219-124310).JPG

User test result

Take-away

  • The speed at which an action is performed affects how people perceive it.

  • Slow and variable motions evoke a more organic quality and biological associations.

  • Object texture and color can make people associate it with living organisms.

  • Tension from opposing forces in motion creates a more organic quality and biological association.

Metaphor Ring 

metaphorring.jpg

Plant motion

Characters

Information
types with similar characters

We proposed the "metaphor ring" as a method to analyze the types of information that can be conveyed through the motions. The innermost ring represents the original plant motions, while the second ring represents the characteristics of these motions derived from user association and the original context of plants. The outermost ring consists of information types that share similar characteristics and correspond to a data type or system state.

Selected Object and pattern*

table.jpg

Then, we selected five objects with the potential for demonstrating informations. The correspondence between characteristic and motion is referred to as a pattern. Each object has two to three patterns. Each pattern is independent, which means they can be applied in different scenarios.

Motion pattern

ezgif-5-7392c81612.gif
资源 11plant.png
资源 9.jpg

Bloom > Beneficial

ezgif-5-ce36f41a3f.gif
资源 8.jpg

Hide > Harmful

Flytrap.jpg
ezgif-5-3a63603280.gif
资源 47plant.png
资源 20.jpg

detect > coupling

ezgif-5-a8dc1ba16a.gif
资源 48plant.png
资源 21.jpg

capture > Error

ezgif-5-4774488cd8.gif
资源 49plant.png
资源 22.jpg

digest > In analysis

branch.jpg
ezgif-1-25fd7e689a.gif
资源 44plant.png
资源 13.jpg

Sway > resillient

ezgif-1-1d15922928.gif
资源 46plant.png
资源 15.jpg

Brocken > overload

ezgif-1-3af6649bc8.gif
资源 45plant.png
资源 14.jpg

Sprout > new

cactus.jpg
ezgif-5-b2edb63de6.gif
资源 41plant.png
资源 30.jpg

dry > decrease

ezgif-5-fb00e09386.gif
资源 43plant.png
资源 32.jpg

wet > increase

d5.gif
资源 42plant.png
资源 31.jpg

absorb > transporting

Balsam.jpg
ezgif-1-56ac6bb668.gif
资源 39plant.png
资源 26.jpg

grow > accumulate

ezgif-1-1d28eccef3.gif
资源 40plant.png
资源 27.jpg

explode > reminding

Use case

Screenshot 2023-07-16 142140.png

Air quality

hide > harmful
bloom > beneficial

Screenshot 2023-07-16 141536.png
资源 20.jpg

Bluetooth coupling

detect > coupling

Screenshot 2023-07-16 142106.png
资源 31.jpg

Bank account

dry > decrease
absorb > transporting

Screenshot 2023-07-16 142254.png
资源 13.jpg

Energy consumption

sway > resillient
brocken > overload

Screenshot 2023-07-16 142342.png
资源 27.jpg

Timer

explode > reminding

These five use cases demonstrate the different scenarios in which Patterns can be used in life. Each pattern is used independently of the other.

User experiences 

  • Peripheral interaction

user journey.png

Energy consumption

It provides two crucial user experiences, the first being peripherial interaction, which grabs our attention only when it matters most.

  • Tangible interaction

5.5.jpg
4.4.jpg

Depending on the usage requirements of different scenarios, these objects can also be manipulated by gesture and touch.

Fabrication

_DSC4684.jpg
_DSC4685.jpg
_DSC4690.jpg
_DSC4691.jpg
_DSC4687.jpg
_DSC4686.jpg
_DSC4689.jpg
_DSC4692.jpg
_DSC4694.jpg
_DSC4693.jpg
  • Build Tensioned Surfaces

In the last model, I wanted to emphasize the feeling of tension that deformation brings to the
I used different methods such as springs, leather bands, and TPU printing, and finally used the elasticity of the fabric and PLA itself to do this.
Thanks to Jinyu for advising me on different textiles during the process!

DSC05098.jpg
DSC05105 (1).jpg
DSC05099.jpg
40321CB665232253755C97BAA7807E44.jpg

1mm

1.5 mm

0.5 mm

  • 3D Print on elastic Textile 

I tried PLA printing on a stretchy fabric to create a stretchable elastic surface.

IMG_6864.jpg
  • Sillicone Casting

The high elasticity of the Ecoflex - 0030 hardness silicone allows for the representation of biological dynamics. In this project, the silicone airbags are concealed beneath rigid surfaces or connected to rigid materials. By combining elasticity, gravity, and tension, the organic motions of plants are transferred to artificial objects.

Pneumatic control

Picture1.jpg
Flow IO assemble .jpg
Screenshot 2023-07-16 211943.png
Screenshot 2023-07-16 212003.png
Weixin Image_20240104124521-min_edited.jpg
  • From Syringes to Flow IO

I initially used syringes as pneumatic control but later switched to using Flow IO as the programming platform for the motions.
I assembled the Flow IO myself and used a small piece of copper metal to recognize the pressure of a touch as an input to control the motion pattern.
Many thanks to Ali for helping me to modify the code.

String control

IMG_6653.jpg
IMG_6651_edited_edited.png
Asset 1.png
  • Deformation drived by String

For the last model that uses a string system, I used a two-axis control method, where the motor at the front end controls whether or not the string is grabbed, and the motor at the back end controls the height.
Many thanks to Simon for helping me modify the code.

Consultor:

Judith Glaser

Thomas Ness

Lucy Norris

Sponsor: 

logo-daad.png
bottom of page