# data[].attributes.attachment_caption
This is the image of myself experiencing interaction exhibition. 

# data[].attributes.headline
What is design interaction & interactive art?

# data[].attributes.subject
What is design interaction & interactive art?

# data[].attributes.body
On the first week, we learned the basic information about the design interaction. Interaction design is basically the process of designing the dialogue between users and digital products, systems, or services, focusing on making these interaction intuitive, engaging, and satisfying. Base from that we are more focusing on the interactive art. At first, I thought it is the same meaning and same area. However, the usage of this word is totally different.

So what is interactive art?

Interaction art is a form of contemporary art where the audience’s participation is essential for the artwork to exist or be complete. Unlike traditional art that you just look at, interaction art invites you to touch, move, speak, walk through, or digitally engage with it.

There are some 5 design core characterisitcs.

Participation is Required

The audience isn’t passive — they activate the work through movement, voice, or decisions.

Dynamic & Responsive

The artwork changes in real time depending on the participant’s actions.

Technology as Medium

Often uses sensors, cameras, software, VR/AR, projections, sound systems, robotics.

Co-Creation

The audience becomes a co-author of the piece, not just a viewer.

Focus on Experience

The meaning of the artwork lies in the process of interaction, not just the object itself.

# data[].attributes.attachment_caption
This is the photo of interaction art in Taylor Swift's concert.

# data[].attributes.body
Taylor Swift’s stage performance, in which she theatrically “dives” into the stage and appears to swim across a floor screen projection, exemplifies principles central to interaction art. While situated within the context of a popular music concert, this moment demonstrates how technology can transform performance into an immersive, hybrid experience that blurs the boundary between the physical and the digital.

The sequence functions through the synchronization of live bodily action (the dive) with technologically mediated imagery (the animated underwater visuals). In this sense, the stage becomes a responsive environment, recalling the logic of interaction art, in which a system reacts dynamically to human movement or presence. Although the audience does not directly manipulate the visuals, their perceptual and affective engagement completes the work: the illusion of immersion is contingent upon their willingness to accept the interplay of real and virtual space.

From an artistic perspective, this moment aligns with the trajectory of interaction art by foregrounding the co-existence of performer, technology, and audience. The performer’s movement “activates” the digital stage, while the audience’s collective response gives the illusion its cultural and experiential meaning. Thus, the concert sequence can be interpreted as an application of interaction art principles within mainstream entertainment, demonstrating how interactive aesthetics extend beyond gallery contexts into large-scale, popular cultural productions.

# data[].attributes.body
During the first class, we did the research about the Singapore. The work will be hang up on the Changi Airport Lounge, so we need to make the work that represents Singapore. So in the Miro board, we just did the research and place the photos that comes up form our mind.

After having individual time, we presented our ideas about the research that we did.

I am the person who is curious of the daily life in other country. Thus, first, the 2nd-floors bus and mrt came to my mind, and then I started to think of the streets.

I tried to think of the things that I see on the street on the way to bus and mrt station.

I thought of the interesting living things that I could not see in my home country.

Thus, I found some pictures of the animals that were unique in Singapore. The animals are Oriental Pied Hornbill, Slender Squirrel, Javan Myna, chicken, and etc.

Base on my research, Kapilan gave some more photos of fruits and flowers. Thus, he gave me a help to think more wide that I could not know and think about.

Though the research, I could came up with the brief ideas of my work.

# data[].attributes.headline
What “ambient” should feel like in a lounge?

# data[].attributes.subject
What “ambient” should feel like in a lounge?

# data[].attributes.body
1. Atmosphere of Calm and Comfort

The ambient quality in a lounge should create a sense of calmness and relaxation, reducing the stress and fatigue of travel.

Visuals, sound, and interaction should remain subtle rather than overwhelming.

2. Background, Not Distraction

Ambient design does not dominate attention but supports the overall atmosphere.

Digital interactions should feel natural and harmonious, blending into the environment instead of demanding constant focus.

3. Connection to Place

In the context of Singapore, the ambient feel could draw on local elements — gentle natural imagery (water, greenery, tropical light) or cultural motifs — to provide a sense of belonging and identity.

4. Temporal Sensitivity

Since travelers use lounges at different times (day/night, short stay/long wait), the ambience should feel adaptive: soft lighting tones, shifting visuals, or responsive soundscapes that subtly change with time of day.

Therefore, the ambient in the lounge should feel like a soft, living background: visually calm, gently responsive to presence, locally inspired, and adaptive over time. The interaction should be minimal and non-intrusive, offering travelers comfort, subtle engagement, and a sense of place during transition.

# data[].attributes.attachment_link.title
Firefly_. 감각적 톤 (Sensory Tone) 시각- 은은한 컬러 팔레트 (블루·그린·웜 톤) → 피로를 누그러…

# data[].attributes.attachment_caption
the two experiments that I did during the class time.

# data[].attributes.body
We learned the basic sketch of the codes. Base on the coded that are given to us, we learned how to change the location of the picture, the speed of picture moving around, and background colors.

Base on the given movement setting, I changed the speed and the background color and the number of the pictures to give the feeling and mood that is related to the pictures that I chose.

It was not that much easy, but it was nice experience to try the codes and give the movements in there.

experiment1: https://editor.p5js.org/kangbona/full/28SIJOOqU

experiment2: https://editor.p5js.org/kangbona/full/xcEU0BIDp

# data[].attributes.body
Divergent Thinking Definition

Divergent thinking is a cognitive process in which multiple creative ideas are freely generated to solve a problem or address a task.

Instead of seeking a single correct answer, it focuses on exploring as many alternatives and new possibilities as possible.

It is closely related to creativity, with flexibility, variety, and originality as its core elements.

Later on, from divergent thinking it goes more deeper to the convergent thinking.

# data[].attributes.body
For the Flora&Fauna x Playful concepts, we tried to find the different types of the drawings. Variety kinds of the shapes shows the playful mood. Also, we use the colorful colors for this concept to show like childhood themes.

This mood transforms flowers and animals into dreamlike characters, creating a playful atmosphere that blurs reality and imagination. Animals may wear floral crowns, flowers may float like balloons, and hybrid creatures could emerge. The overall feeling is whimsical, colorful, and slightly surreal—inviting viewers to step into a childlike wonderland where the ordinary becomes extraordinary.

# data[].attributes.body
For the Flora&Fauna x Cultural concepts, we tried to find the antic and old-style moods.

Most traditional patterns were inspired by flowers, and I drew from this to create a cultural mood. Another idea was to incorporate elements like old post seals—objects once passed through human hands—which can evoke a nostalgic, historical feeling. Lastly, I explored the atmosphere of old fairy tales, where animals run and play in warm, inviting scenes. This fairy-tale quality helps convey a cultural and timeless sensibility.

# data[].attributes.body
For the Food Culture x Playful&Energetic concepts, we focused on the different layout. When we think of the food, it is some how obvious of the illustrations, so we tired to find different style of the animations and layouts.

Among four, I liked the color of the concept with the fresh foods. It is not strong color, but gives colorful and fun mood. With the collage of the food, it shows the face of the person. Thus, I thought that was interesting point to put.

Also, I thought that an installation where a machine recognizes a person’s face and then generates a food collage that matches their features could also become an engaging exhibition, allowing people to interact in a playful way.

# data[].attributes.body
Ambient means subtle, background, and atmospheric. It’s not the main focus but creates a mood or environment.

In design/art: Ambient works blend into the space, influencing how people feel without demanding their full attention.

Active means direct, attention-grabbing, and requiring engagement. It calls on people to do something or focus intentionally.

In design/art: Active works need explicit interaction—touching, playing, responding.

# data[].attributes.body
In the Playful & Energetic concept, the contrast between ambient and active behaviors became even clearer. In the ambient mode, animals moved naturally within their own habitats, while flowers on the floor or birds on the wall reacted only subtly to human presence. This created a soft, playful background mood. In the active mode, however, the animals and flowers took on more dramatic actions—birds flying away when approached, flowers falling from above, or animals appearing and disappearing in more noticeable ways. The imposed limitation made me recognize that playfulness can be expressed quietly through environmental gestures or more boldly through direct interactivity. By distinguishing between the two, I could see how the same playful theme shifts from being immersive and atmospheric to being engaging and participatory.

# data[].attributes.body
When working with the Cultural concept, imposing the distinction between ambient and active behaviors made me notice how cultural references can shift in meaning depending on their expression. In the ambient side, I used floral motifs inspired by traditional patterns, arranged into modular, repetitive forms. Their behavior was subtle, more like background rhythms, which emphasized cultural identity without demanding much attention. On the active side, however, animals like lions or birds became more animated, jumping across frames or appearing in interaction with national flowers. This made the cultural references more playful and participatory. The limitation between passive and active therefore highlighted how cultural motifs could either be contemplative and atmospheric or vivid and engaging, depending on the mode.

# data[].attributes.body
In the Food Culture concept, imposing the distinction between ambient and active behaviors helped me see how food could be expressed both as a calm cultural symbol and as a lively interactive element. In the ambient mode, traditional sweets and layered cakes move smoothly, shifting places with one another in a rhythmic way. This subtle motion conveys harmony, continuity, and the cultural richness of food without overwhelming the viewer. In the active mode, however, the food takes on a far more playful and energetic character. Items split in half, fly around the person, or scatter dynamically in space, almost like a performance. By setting this limitation, I realized that food culture can be represented as both a gentle, atmospheric presence and a bold, participatory experience. This contrast emphasized how cultural elements can transform depending on whether they are ambient or interactive.

# data[].attributes.body
How did your group select the final idea? Why did your group make those decision?

We chose the Flora, Fauna & Cultural as the final idea. Base on that, we just added some playful and energetic parts.

In Singapore, there are many nature landscapes and greenery locals encounter daily, so we wanted visitor to know about that not only famous landmarks. It is common in daily life because, Singapore is focusing on nature and city coexistence like well-planned urban structure, and reinforces Singapore's identity as a "Garden City"

One more reason is Singapore is a country that is built up base on the Chinese, Malay, Indian, and other countries. Thus, we can see those diversity spaces that reflects those countries.

# data[].attributes.body
What was kept from the previous weeks? What was discarded?

At first, we were discussing among flora & playful and flora & cultural. Because, for playful one, we already have the final outcome in our imagination, but it could be too obvious. On the other hand, flora & cultural, we can come out with new kinds of style, but it could be challenging for us. Therefore, after some discussion, we decided to mix the two concepts and come up to new ideas.

From the playful one, we brought the idea of real flowers floating around. For cultural, we use geometric shapes, active lions walking around. From the foreground to background, we placed those ideas in orders.

# data[].attributes.attachment_link.title
Copy of AY25.26 Design Interactions (Pitch Deck)-2

# data[].attributes.body
For the foreground, the screen will stay in geometric shapes. It will just spin or change color in one place.

The boxes will be in all different sizes and different visuals.

# data[].attributes.attachment_link.title
Copy of AY25.26 Design Interactions (Pitch Deck)-3

# data[].attributes.body
For mid ground, the geometric flowers will change to real flowers. Reals flowers will come out from the center of the geometric flowers as flowers bloom.

Then real flowers will float around and gather together and will become the lion shape.

In this elements, flowers will be India, Singapore, Chinese, and Malaysia national flowers. Animal will be lion because it is the animal that is representing Singapore.

# data[].attributes.attachment_link.title
Copy of AY25.26 Design Interactions (Pitch Deck)-4

# data[].attributes.body
For background, lion will walk away from the screen, and then the flowers that shape lion will be left in that place as afterimage of path that lion walked away. Then those leftover flowers will go back to their origin place and comeback to the geometric shapes.

# data[].attributes.attachment_link.title
AY25.26 Design Interactions (Pitch Deck)

# data[].attributes.body
The checklist that we did during class helped us think about the detailed areas that we must consider about.

Through this class, we analyzed the final story of the interaction that we will work on. It is important to have the clear story line, so people can have the ideas and understand our work.

But, not even the story, we had more checklist that we need to make sure of. Like the screen sizes, the distance from the people and the screen, and how it will interact with people.

Thus, it was helpful for us to think more deeply about the work, and it became a step that we can imagine our work more precise and clear.

# data[].attributes.attachment_caption
This is the order of the layout that I designed in Illustrator.

# data[].attributes.body
Prompt: Reflect on your developments and live prototyping tests today. Think about what aspects of your project has to change or adapt based on the updated specs. Document your group's progress and idea's evolution.

Base on the feedback, we need to make the steps more simpler and focused on the geometric shape. Thus, we were discussing ideas that how are we going to make the transformation of geometric shapes. We came up with many different ideas like dividing screen in to square shape and fill the space with flower like tile or making floating circle shape and make that a flower. In conclusion, we decide to do with the bubbles to flowers.

Foreground:

Floating circle shapes ( bubbles) all over the screen, responding to user interaction.

Midground:

Floating bubbles become smaller, and the small center of the flowers keep on floats around and ready for the flowers leaves to come up.

Background:

From the center of the circle shape of the flower stamen, the leaves come out and become the flower.

# data[].attributes.body
These are the samples that I made for the geometric shapes of the flowers. I did not used fully 100% opacity because, the first idea that we came up with was bubbles, so I wanted to keep that style in the flowers.

When it goes back to the foreground,

1. the flowers become smaller and leaves disappear and become the bubbles.

2. the flower becomes bigger and fill the screen, flower leaves are flow away, and becomes the bubbles.

# data[].attributes.body
Base on the geometric shapes of the flower I made, I replaced the original photos to my drawing.

I also changed the background to light sky-blue to show the smooth feeling through the moving.

Base on this exercise, I could think about more opportunities and more detailed ideas that how the movement can be, and how can I interact that to my own work.

experiment:

https://editor.p5js.org/kangbona/full/fw0kD5_O6

# data[].attributes.body
We got the screen size.

For us, we are planning to use the whole screen as one. Base on this screen size we discussed more about the details.

First of all, we taught about the number of people who are coming near to see the screen. When one person just comes to see, flowers will change one by one. But if many people come at the same time, flowers will change all together almost in same time.

Second discussion was about the size of flowers and bubbles. Base on the size how big it will be. Thus, we made the artboard on the illustration and checked the sizes.

# data[].attributes.body
During this class, we decided the 10 flowers that we will going to show up on the screen.

Those 10 flowers are from the country that are related to Singapore. For the unity, we decided to use the national flower of each country.

We had checklists for the country that we choose.

1. Is that country is having good relationship with Singapore.

2. How is it related to Singapore?

(1) Many people from that national is leaving in Singapore

(2) Having good Political relations

(3) Historically related

Base on those checklists, we researched 10 national flowers.

# data[].attributes.body
Here are the list of 10 National Flowers

1. Chinese flower (Peony)

2. India flower (Lotus)

3. Singapore flower (Orchid)

4. Malaysia flower (Hibiscus)

5. England flower (Rose)

6. Indonesia (White Jasmine)

7. Australia (Acacia Pycnantha)

8. Japanese (Cherry Blossom)

9. Korea (Rose of Sharon)

10. Thailand (Golden Shower Tree)

Base on the flowers that I designed last time. We created 3/4/4 flowers each. I designed the 10 flowers among there.

# data[].attributes.body
With trying the layout of the flowers, we decided to make the flowers to 3 different sizes base on the actual screen size.

50cm, 40cm, 30cm

# data[].attributes.body
Base on lecturer's suggestion, we added 2 more flowers.

Itali (Daisy)

Ukraine(Sunflower)

So, finally we got all 12 flowers.

We checked the detail of each flowers and changed some details to make all consistent.

# data[].attributes.body
For the background, we decided to make it to 3 different options. Morning, afternoon, Evening.

We were told that with the coding we can set the timeline and make the background change automatically after the time.

Thus, we came up with the 3 different options for the background, and we will talk about this next week.

# data[].attributes.body
We decided to go with gradation color background from morning to evening.

The gradation color background is matching well with the flower elements.

The flower elements are more on antic vibes. Thus, if we go with gradation color, it is more on modern vibes. Thus, the antic and modern vibes can cooperate well.

# data[].attributes.body
The start of the flowers are bubbles. Thus I collected the center color of the flowers and prepared 12 bubbles.

# data[].attributes.body
I tried making layout of each screen.

# data[].attributes.body
I could not upload the final video in the CPJ, so I replaced with the mockup file.

# data[].attributes.body
Here is the image of the background version when people move.

# data[].attributes.body
Through the Design Interaction class, I was able to think beyond creating flat works and begin imagining projects that truly communicate and interact with people. It became a meaningful starting point for me. I am also learning coding on my own, and this class made me want to combine different skills and technologies to create a wider range of works in the future.

And through the work we created, I hope that people in the lounge can feel as if they are blossoming into a new version of themselves as they encounter a fresh environment. I want the lounge to be a space where such anticipation begins. Just like my dreamlike soap bubbles drifting without a fixed form eventually bloom into flowers, I hope that each traveler’s journey will unfold step by step in the same hopeful way.