FlowingZen

@ GSMD-510-S031-2024 Grad Design Studio II

FlowingZen

Multimedia prototype, A Calligraphy App Concept for Mindfulness.

Design Concept

“FlowingZen” draws inspiration from brush calligraphy, zentangle, zen gardens, and calming stickers. In this quick prototype, the harder you press on the iPad screen with the Apple Pencil, the larger the water ball appears.

Behind the scene

This is the last prototype created in the first year studio class. I aimed to explore the intersection between mindfulness practice and digital technology. The ZIG SIM PRO app on iPad OS, which I used in the iPhone version for my last project, ‘Speedy Walker,’ inspired me. It collects data from the Apple Pencil, including its force data.

Hand + force + mindfulness = ?
Inspiration images from Google Search

The principles of hand movement, force, and mindfulness remind me of my high school practices of brush calligraphy and zentangle drawing. These activities demand focus and can induce a state of flow when closely observing the brush strokes and lines generated through the force of your hand and your mind on the paper. The slow, consistent hand gestures that allow the ink to flow non-judgmentally, seen as forms of art, are the ultimate expression of one’s conscious mind.

I’m also reminded of the Japanese Zen Garden, where the act of carefully raking sand into intricate patterns is a mindful practice. This inspired the integration of fluid movement and mindful attention in the “FlowingZen” app. The calming stickers or calming strip also gave me insight into the connection between calming fidgets and sensory interaction with patterns and fingers, which also encourages mindfulness.

Therefore, “FlowingZen” embodies these mindfulness practices, transforming them into a digital, interactive experience that promotes focus, tranquility, and the art of being present.

The Prototype

I connected the force data to the scale of a water bubble that I created in TouchDesigner from a previous studio project. This way, the size changes relative to the force of the pencil.

In-class Demo

My schoolmates and professors provided feedback on the growing orb/bubble that responds to pressure on the calligraphy pen. They suggest clarifying the context in which the bubble is visible, whether it’s seen by the writer alone or by collaborators and audience members in various settings. They question how the orb enhances mindfulness in the already meditative practice of calligraphy and raise concerns about potential distractions that may interfere with the existing flow state. Additionally, they mention that the transition between frames is perceived as jarring, recommending adjustments to the frame rate or adding a delay for smoother transitions. Lastly, they suggest considering the lasting imprint of the brush strokes, similar to the marks left by calligraphy.

Conclusion

Based on feedback, I plan to refine the application, particularly by enhancing its meditative aspects and reducing distractions. It’s still undecided whether this will be a copybook app or exhibit, or any kind of gesture should be prompted, but my goal is to have a testable version ready in summer for a co-design workshop.

The visibility context of the bubble is crucial. It could serve as a self-reflection tool for individuals or a shared tool in a group setting, visualizing collective focus and effort. The role of the orb in promoting mindfulness needs clarification. It should support meditative calligraphy practice, not distract from it. Transitions between frames should be smooth to maintain a state of flow. The lasting impact of brush strokes, which could enhance the mindfulness experience and foster a sense of achievement, requires further thought.

The objective remains the same: to design a digital tool that promotes mindfulness through interactive artistic expression. Overall, I’m eager to see how the four multimedia projects coalesce in my design thesis, focusing on cultivating moments of mindfulness through interaction design for sustainable well-being.

Speedy Walker

@ GSMD-510-S031-2024 Grad Design Studio II

Speedy Walker

Multimedia prototype, A music speed control concept.

Design Concept

“Speedy Walker” is inspired by the practice of walking meditation. It adjusts the tempo of the music you’re listening to in parallel with your walking speed. As you slow down your pace, the music also slows down. It raises the question of whether the rhythm of music can influence people’s walking speed, and if so, could slower music encourage a slower, more mindful pace of walking.

Behind the scene

The primary aim of this project was to create a low-fidelity prototype designed for mindfulness practice. My initial inspiration came from conducting ethnographic research where I observed activities in a cafeteria. This observation revealed two intriguing points: diverse walking paces among individuals and the prevalent use of technology, like phones and music devices, while walking or conversing.

Another source of inspiration was a mindfulness exercise involving a walk on campus. I divided our class into two groups: one group simply walked, and the other documented their observations using their phones and images. The feedback was positive, with some participants expressing a preference for walks without any tasks, allowing them to focus on simply being mindful.

Observing people walking at different paces while engrossed in their music led to an interesting hypothesis: could slower music encourage a slower walking speed, thereby promoting mindfulness or even walking meditation?

I further delved into the concept of walking meditation after a conversation with my supervisor, Louise. This idea intrigued me, prompting further exploration into the relationship between music, speed, and mindfulness.

The interplay of music and speed also reminded me of a concept known as the Musical Road. This playful intervention encourages drivers to maintain a safe speed. Could this same concept apply to the tempo of a person’s walk?

According to Zhu et al., 2017, the paper suggests that engaging with the digital artifact should naturally evoke a state of mindfulness through the interaction itself, without the artifact simply being an instrumental tool to practice mindfulness exercises.

Hypothesis

If walking speed correlates with music tempo, will people be more mindful of how they walk?


I tested the hypothesis with a quick prototype on TouchDesigner (TD), using gravity data from the iOS app ZIG SIM. One axis of the gravity data was used as a reference for the speed of the soundtrack. The acceleration data didn’t work well with the equation I set up, so I used gravity data instead. I also attempted, but failed, to time-stretch the audio, as this feature isn’t supported in TD. Consequently, I used less melodic music to ensure that changes in pitch with the music speed wouldn’t be too noticeable.

Prototype

The tempo of music is adjusted according to isomorphic relations with the walker’s physiology. (positive symmetry)
A screen capture of the ZIG SIM app.
Screen capture in TD. I subtract the difference between the maximum and minimum input value to get the speed reference for the real-time audio output.

In the presentation of the idea of The Speedy Walker, my classmates gave positive reactions to the concept. Some saw potentials in developing the idea related to heartbeat. For example the music matches with the the participant’s heartbeat, or the participant listening to their own heartbeat while walking. Some were curious about the idea of having ambient sound and if it will actually promote a calming effect.

Zhu et al., 2017 suggest that symmetries may not always be ideal, using their “YU” prototype as an example. They found that mapping increased heart rate to faster fish movement could escalate heart rate, while the opposite had a calming effect. They advise considering both symmetric and non-symmetric mappings and even breaking isomorphism to mimic nature. They recommend experimenting with different mappings for each prototype, drawing analogies from nature. However, they admit that extensive validation and testing of these approaches are yet to be done.

Future Iterations

Could a reverse symmetry mapping (negative symmetry) e.g. an increased heart rate engendered slower music speed, have a calming effect on the walker?

Based on these insights, I propose future iterations of this prototype to test reverse symmetry mappings, explore different music genres, and incorporate biometric sensor connections. Specifically, I’m interested in examining whether a reverse symmetry mapping, where an increased heart rate engenders slower music speed, could have a calming effect on the walker.

Reference

Zhu, B., Hedman, A., & Li, H. (2017). Designing Digital Mindfulness: Presence-In and Presence-With versus Presence-Through. Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems, 2685–2695. ACM Full-Text Collection. https://doi.org/10.1145/3025453.3025590

Inquiry

Project 4 @ GSMD-500-F032 Grad Design Studio

Be water, my friend

Digital interactive installation, projector, camera

Sound: Arabesques, CD 74, L. 66: No. 1, Andantino con moto · Aldo Ciccolini

Video documentation of ‘Be water, my friend’ prototype
Screen recording documentation of ‘Be water, my friend’ prototype

Design Concept

“Be Water, My Friend. Empty your mind. Be formless, shapeless, like water. You put water into a cup, it becomes the cup. You put water into a bottle, it becomes the bottle. You put it into a teapot, it becomes the teapot. Now water can flow or it can crash. Be water, my friend.”

Bruce Lee

Behind the scene

In this project, titled ‘Inquiry’, I wanted to continue exploring TouchDesigner, which I had used in the previous project, and delve into creating interactive artwork with motion tracking. I was fascinated by the potential of generating fluid textures and animations through my research on the software. Additionally, I aimed to convey a message to others through an interactive experience.

This led me to reflect on quotes and the concept of fluidity, particularly related to water. I wanted to share the messages of “expect the unexpected” and “not controlling the uncontrollable” which are some of my life mottos. Here are my favourite quotes that align with this theme:

“Be Water, My Friend. Empty your mind. Be formless, shapeless, like water. You put water into a cup, it becomes the cup. You put water into a bottle, it becomes the bottle. You put it into a teapot, it becomes the teapot. Now water can flow or it can crash. Be water, my friend.”

– Bruce Lee

“No man ever steps in the same river twice, for it’s not the same river and he’s not the same man.”

– Heraclitus

“Nothing is softer or more flexible than water, yet nothing can resist it.”

– Lao Tzu

「想像水的過程
當我站在河婆時,我稱它為『河』
當它流到海時,我稱它為『海』
當它蒸發後,飄上天,我稱它為『雲』
當它落下來時,我稱它為『雨』
但它是同一件事
只是透過了語言
我把它分裂成不同的事」

“Process of Imagining Water
When I stand by a river, I call it ‘river.’
When it flows into the sea, I call it ‘sea.’
When it evaporates, rises to the sky, I call it ‘cloud.’
When it falls back down, I call it ‘rain.’
But it is the same thing,
Just divided into different entities through language.”

Paraphrased by ChatGPT3.5

@yugenkai


The Inquiry:
How can the minds on water be explored through
the medium of metaphorical experience?


Brainstorming and storyboards

A water blob flows into you and takes on your shape.
A water blob explodes when you poke it.
Raise your hand to split the ocean.
The louder you sing, the more unstable the water blob becomes.

I decided to explore the initial concept of a water blob flowing onto and outlining a person. Although this idea presents technical challenges, it is the most interesting and relevant concept in relation to the quote, compared to the other three options.

Special thanks to Sean Arden, an amazing technician at Emily Carr, who provided materials and support that inspired how I could develop my project.

I searched for online tutorials and attempted to follow them to build nodes on TouchDesigner. (See Online Tutorial References at the bottom.) With the experience gained from my previous project, I became more familiar with the software and was able to create more than what the tutorials taught.

I created a water blob by using a noisy sphere with a watery texture mapped onto it.
I adjusted the opacity and color reflection to give it the appearance of a floating water blob.
The screen recording in TouchDesigner showcases the design of the water blob.

After being unable to find helpful tutorials on distorting the water blob to match the shape of a person, I have decided to change my concept. Instead, I will focus on creating a hand-controlled movement for the water blob. This adjustment allows me to explore new possibilities in my project. By using my hand movements, I will be able to control the motion and behavior of the water blob, creating an interactive and dynamic experience. This concept aligns well with the theme of fluidity and the idea of not being in control of the uncontrollable, which resonates with my life motto.

I used the computer’s camera along with the motion tracker plugin to track the movement of my hand. The plugin captures data for the transformation of the x and y axis of the water blob, allowing it to follow my hand’s movements.
I also designed the water blob to respond to changes in scale when I pinch or expand my palm.
The screen recording in TouchDesigner showcases the design of the hand tracker and the corresponding data.
I created a waterfall background with adjustments to the lively speed, size, and colour. This allows you to see the water fall and bounce back on the person’s body.
The screen in TouchDesigner showcases the design of a waterfall created using an extruded threshold of the video input. This threshold blocks and reflects watery particles that fall from above.

About the song

I have selected “Debussy: 2 Arabesques, CD 74, L. 66: No. 1, Andantino con moto” as the background music for this experience. Initially, I considered composing my own song since I had never done so before. However, I couldn’t find the time to do it. While searching for inspiration, I stumbled upon one of my previous works titled “Meraki” from 2018. It was a self-introduction video featuring vibrant ink injected into water, and it raised the same questions that I am still asking myself: Who am I? Where do I come from? Where am I going? At the end of that video, I wrote, “Hi, I am Melody. I discover beauty.” It suddenly dawned on me that my current work is an extension of what I had done before, and I am connecting the dots when I look back. Therefore, I decided to use the same background music as in my previous work because I believe it perfectly captures the essence of water, both in terms of melody and the sensation of flowing.


The presentation

Unfortunately, I was only able to capture screenshots from the presentation I had with the class. I was too excited and a bit overwhelmed by the positive engagement of my classmates with the artwork that I forgot to take photos. I was surprised to hear that my peers were truly amazed by the work and could sense the poetic beauty of the water’s flow. They felt that the music complemented the water element in the piece.

I noticed that people were confused yet curious about controlling the water blob through hand gestures. They were unsure which gestures created which effects. Some of them even moved their bodies to see if the water drops would land and bounce back from their body image. Other comments included feeling struck because they could only stand and let the water slowly flow over their bodies. They found that if they moved quickly, the water did not react as quickly as they had hoped. Some also suggested that I create mockups to demonstrate that the ideal context for the work is in a gallery with a high-quality projector and darker environments where the motion tracker is responsive.

Overall, I am grateful for the opportunity to create a metaphorical and immersive experience for my class with this bold technical endeavour.

The artwork captures my cohorts, with a few people standing in front of the camera. On the right side of the screen, you can see someone’s hand creating a water blob.

Conceptual image with Midjourney


Reflection

This work marks the end of the studio for my first term in my master’s study. I feel fortunate and privileged to have been part of this group of intelligent individuals from diverse backgrounds. Throughout this experience, I have learned how to provide empathetic critiques, communicate logically, conduct confident experiments, build communities, create meaning, listen attentively, act responsibly, explore playfully, and care humbly. I am truly grateful for this opportunity and I appreciate the compliments and support that I have received on this journey, which have kept me focused on my passion. Moving forward, I will continue to trust myself, embrace my quiet confidence, and strive to become a better designer.


Online Tutorial References

The water blob

(2022, December 16). TouchDesigner教程|Noise创意旋转球LeapMotion手势互动【教程】 [Video]. Bilibili. Retrieved December 4, 2023, from https://www.bilibili.com/video/BV1EG4y1g72Z/?vd_source=a3903a6f3e0c54d172d97b13e72afb37

Water blob texture

(2020, April 1). TouchDesigner 中文教程 | 液态流动视觉效果 [Video]. Bilibili. Retrieved December 4, 2023, from https://www.bilibili.com/video/BV1LV411o7Ya/?vd_source=a3903a6f3e0c54d172d97b13e72afb37

Waterfall

(2021, May 18). Real-Time Interactive Fluid – TouchDesigner & Azure Kinect [Video]. YouTube. Retrieved December 4, 2023, from https://youtu.be/slLgkXhDqRE?si=61BUMMeDgFHoltom

(2021, June 22). Real-Time Interactive Waterfall – TouchDesigner & Azure Kinect [Video]. YouTube. Retrieved December 4, 2023, from https://youtu.be/UFZQ6-xndqM?si=gcnS54KSARBA2tSI

(2020, December 19). touchdesigner教程3 sop粒子进阶教程 Kinect碰撞 瀑布 下雨效果制作 [Video]. Bilibili. Retrieved December 4, 2023, from https://www.bilibili.com/video/BV1bt4y1k7Dj/?vd_source=a3903a6f3e0c54d172d97b13e72afb37

Motion Tracker

Blankensmith. (2023, September 8). Face, Hand, Pose Tracking & More in TouchDesigner with @MediaPipe GPU Plugin [Video]. YouTube. Retrieved December 4, 2023, from https://www.youtube.com/watch?v=Cx4Ellaj6kk


Qué será, será
Whatever will be, will be
The future’s not ours to see
Qué será, será
What will be, will be
Qué será, será

Doris Day – Que Sera, Sera


Discourse

Project 3 @ GSMD-500-F032 Grad Design Studio

Cold Intimacies

Digital interactive installation, printed cards, projector, camera

You are learning how to love. Complete the tasks on the cards either individually or with your partner using the lights and shadows.


Video documentary of Cold Intimacies

The Cards


The piece is influenced by Eva Illouz’s book, Cold Intimacies: The Making of Emotional Capitalism. The book delves into the complex interplay between emotions and factors such as economics, personal consciousness, and societal culture. It also brings to light how emotions are commoditized and rationalized.

Illouz points out the shortcomings of online dating platforms, which tend to rely heavily on text-based, rational, and linguistic matchmaking methods. These approaches often overlook the essential elements that spark romantic connections, such as physical presence, sensory experiences, and imaginative fantasies.

In today’s society, relationships and emotions are increasingly being rationalized and quantified, seen through an analytical lens. But if emotions define our humanity, why should we limit their expression to words or visuals? Shouldn’t we feel them in their full physical intensity?

This raises questions about the role of modern technology in our lives. Is it fostering connections between people, or is it creating a divide? In my view, emotions, after all, shouldn’t be boxed within the confines of analysis. They should be fully embraced and explored.


Behind the scence

How it started: The Serendipity

Research

Click to expand: My favourite sentences and quotes from the book

“Emotion can thus be defined as the “emerge-laden” side of action, where that energy us understood to simultaneously implicate cognition, affect, evaluation, motivation, and the body.”

“… that conflicts were not a matter pot competition over scarce resources but rather resulted from tangled emotions, personality factors, and unresolved psychological conflicts…”

“The cultural model of intimacy contains key motives and symbols of the two major cultural persuasions which shaped women’s selfhood in the twentieth century (namely, psychology and liberal feminism): equality, fairness, neutral procedures, emotional communication, sexuality, overcoming and expressing hidden emotions, and centrality of linguistic self-expression are all at the heart of the modern ideal of intimacy.”

“The control of emotions, the clarification of one’s values and goals, the use of the technique of calculation, and the decontextualization and objectification of emotions all entail an intellectualization of intimate bonds, for the sake of a broader moral project: to create equality and fair exchange by engaging in a relentless verbal communication about one’s needs, emotions, and goals.”

“Such rationalization of emotional bonds has given rise to an “emotional ontology,” or the idea that emotions can be detached from the subject for control and clarification. Such emotional ontology has made intimate relationships commensurate, that is, susceptible to depersonalization, or likely to be emptied of their particularity and to be evaluated according to abstract criteria. This in turn suggests that relationships have been transformed into cognitive objects that can be compared with each other and are susceptible to cost-benefit analysis.”

“… that conflicts were not a matter pot competition over scarce resources but rather resulted from tangled emotions, personality factors, and unresolved psychological conflicts…”

“The cultural model of intimacy contains key motives and symbols of the two major cultural persuasions which shaped women’s selfhood in the twentieth century (namely, psychology and liberal feminism): equality, fairness, neutral procedures, emotional communication, sexuality, overcoming and expressing hidden emotions, and centrality of linguistic self-expression are all at the heart of the modern ideal of intimacy.”

“The control of emotions, the clarification of one’s values and goals, the use of the technique of calculation, and the decontextualization and objectification of emotions all entail an intellectualization of intimate bonds, for the sake of a broader moral project: to create equality and fair exchange by engaging in a relentless verbal communication about one’s needs, emotions, and goals.”

“Such rationalization of emotional bonds has given rise to an “emotional ontology,” or the idea that emotions can be detached from the subject for control and clarification. Such emotional ontology has made intimate relationships commensurate, that is, susceptible to depersonalization, or likely to be emptied of their particularity and to be evaluated according to abstract criteria. This in turn suggests that relationships have been transformed into cognitive objects that can be compared with each other and are susceptible to cost-benefit analysis.”

“Communicating means to suspend or bracket the emotional glue that binds us to others.”

“If ideology is what makes us live within contradictions with pleasure, I am not sure that the ideology of capitalism is able to do that any more.”

“The dominance of hyperrationality in turn affects the very capacity to fantasize.”

Notes on emotion commodification

Economic accountability, psychology, therapy, feminism, democratisation of the workplace → in workplace family and society → Instrumental rationality, and measurable, explanatory, evaluable emotional relationship

More references that I have read:

#shorts Capitalist Subjectivity, Tinder, and the Emotionalization. (2023, March 6). YouTube. https://www.youtube.com/shorts/L0jJ6aE8Dtk

Cold Intimacies, Happycracy and Emotions as Commodities: Eva Illouz at the IMPAKT Festival 2021. (2021, November 19). YouTube. https://www.youtube.com/watch?v=T78tG9Oi6kA

Online love & infidelity. We’re in the game, what are the rules? | Michelle Drouin | TEDxNaperville. (2016, January 26). YouTube. https://www.youtube.com/watch?v=gQGjAp4GXU4

Ideation


The question that comes to my mind is:

From algorithms and Al to online dating apps,
how is technology changing the way we love?

The idea of designing a more “ideal” dating app came to me after using the app, Tinder. I felt a certain unease while filling out the personal information section. The questions about my hobbies and interests were confined to a list of pre-set options, with no space for open-ended responses. I wished I could enter something like “laying in bed and doom-scrolling on weekends”.

However, after discussing with Amber, our class professor, I realized that an ideal dating app might not exist. While I personally value physical presence in relationships, building relationships online may not be detrimental, as people express love in different ways, and that we have to be inclusive on the design solution.

Experiencing love in a virtual state can feel like embracing a cluster of particles in the air.

This brings to mind a software I’ve wanted to experiment with for a while – Touchdesigner. It allows you to create interactive particles using a motion or web camera. I borrowed a Kinect, a motion sensor, from school but couldn’t connect it to my computer. Due to time constraints, I abandoned the Kinect and decided to build the particle effect using the webcam instead.


The Prototype

I began by following the tutorial from Function Store on YouTube, titled “Interactive Particles using particlesGpu in #touchdesigner“, to transform camera data into interactive particles. Afterwards, I mirrored the camera output to enable light and shadow effects with a projector. The screenshots below showcase the process in Touchdesigner.

During the initial test with the projector, the particles appeared slightly large and coarse. I recognized the need to fine-tune the threshold and blur scale settings.

The Presentation

Here are some rephrased comments and thoughts from my cohorts:

  • While engaging with the work, I felt a sense of warmth instead of “cold intimacies”.
  • The misalignment of the mirrored image unintentionally conveyed a deeper meaning. Relationships between individuals can often feel misaligned, despite efforts to connect.
  • Playing with the installation made me contemplate self-love.

Reflections

As someone who previously worked as an industrial designer and had limited opportunities to create abstract and artistic works, I have always desired to create artwork that engages people and encourages deep self-reflection. Although the misalignment between the mirrored image and shadows was a result of the height difference between the laptop camera and projector setup, I found value in my cohorts’ feedback. They expressed that the mismatched shadows provoked more thought than a perfectly mirrored image. However, there were concerns about how the audience would understand how to interact with the artwork without verbal explanations in the context of an Open Studio or exhibition. I agreed that additional measures should be taken to make the artwork self-explanatory. Therefore, I printed two artist statements and descriptions for the Open Studio, allowing the audience to learn more about the artwork without a live demo. Overall, I am extremely satisfied with the outcome of this interactive art piece.

The Open Studio

Service

Project 2 @ GSMD-500-F032 Grad Design Studio

Background

The ‘Service’ project aims to design and offer a service based on our unique skills or knowledge. I was paired up with Lilian, and together we decided to focus on ‘homesickness’ as our project direction. This idea was inspired by a conversation with one of our classmates from outside Vancouver, who shared that they would often seek out hometown food on weekends because they missed home.

We thought of relating food to homesickness and came up with the idea of creating an app that provides restaurant guides and authentic recipe collections for people who want to enjoy hometown food while being away. Additionally, we designed an in-class workshop where students would mark their hometowns on a world map and share and exchange recipes.

However, after discussing with our professor, Amber, we realized that our initial plan was too ambitious for a two-week project and a single app. To simplify things, we decided to conduct research and gather insights that would inspire our next steps.

We have created a quick 5-minute survey on Google Form for our classmates who are living away from their hometowns. This survey has provided valuable insights that inspired us to develop an app called ‘Homelybite’. Additionally, since most of our classmates are not from Vancouver, Lilian and I decided to order cuisines mentioned by our classmates in the survey. We shared these cuisines with the class before the presentation, which included dishes like chicken biryani, sweet and sour ribs, stinky tofu, and rice noodle rolls. We treated this as a participatory research activity, engaging in great conversations while sharing beverages and discussing culture. Ultimately, our team hopes to alleviate homesickness among those around us.

Here are our presentation slides.







Wireframe sketches

Future directions

During the class discussion, we identified a significant market potential for integrating AI and plugins into social platforms to enhance the recipe making process, especially for older generations. Just imagine if AI could analyze cooking videos and generate textual and visual recipes in an app, eliminating the need to manually type each step of the cooking procedure. Users could then easily share these recipes with their family WhatsApp group with just a click of a button. This app has the potential to connect families through homemade cuisines, allowing parents like my mother to share their recipes with their international student children. However, it is important to note that our design is based on hypotheses, and further research should be conducted to gain insights. For example, we need to understand how parents record their cooking, what characteristics families who enjoy cooking and sharing have, and how often people cook their hometown food. Additionally, we should consider possible difficulties that users might encounter while using the app, such as locating specific ingredients and spices in their local area.

The Gift

Project 1 @ GSMD-500-F032 Grad Design Studio

Background

This project aims to create a gift for my fellow classmate, Rebecca, in order to wish her the best of luck in her new journey at Emily Carr and Vancouver City.

The project begins with Rebecca’s childhood story, which was filled with collections and discoveries. Rebecca’s design practice focuses on developing children’s observation skills and curiosity. In pursuit of this, she searched for and bought several stones to represent children who love to observe and discover the world around them. These stones were intended to carry the adventurous stories behind the children.

Play-Doh Exercise

Figure 1. Rocks found in campus and some fossil rocks created with dough.

To support her practice, I created Play-Doh Fossil Rocks (Figure 1). The idea of stones carrying stories reminded me of fossil rocks, which can serve as a metaphor for the hidden, preserved, and rich history of a person. Several questions prompted my explanation of this creation: How can we support the holistic development of children in order to build a better future for the next generation? By acknowledging that childhood can have a profound impact on adults, as evidenced by John Bowlby’s Attachment Theory and Freud’s personality theory, should we reflect on our own childhood experiences to understand a child’s needs? Why don’t we explore the connection between adulthood and childhood, much like we uncover the history and story of a fossil rock? Ultimately, we should learn from history and discover the needs of children.

Figure 2. Pinterest image collection.

The Gift

Figure 3. Multi Memorization Shitajiki (yahoo japan).

Now, it comes to the creation of the gift. From the keywords “Curiosity” and “Discovery” in the Play-Dough exercise, I related them to the act of finding the unknown and invisible. I was inspired by the hidden messages card that I found on Pinterest (Figure 2), which reminded me of my own childhood when I used red filter paper to study for my English vocabulary tests (Figure 3). I decided to play with this nostalgic technique and design a secret message card for Rebecca. However, I lacked the motivation to search for red cellophane paper since I am still unfamiliar with the new surroundings at Emily Carr and Vancouver. This constraint led me to the opportunity to design a digital version of a red filter, an Instagram filter, to be used on a printed secret message card.

Let’s Play!

Scan the QR Code and play with the decoder effect.

Step 1: Scan QR Code

Step 2: Use the Red Decoder Instagram filter on this image. Can you get the message?
Your screen should resemble the one in this video. The video demonstrated a test using a printed card, but a digital card should be capable of achieving a similar decoding effect.


Prototype

Here are the documentation of the prototype design process.

I doodled and tried the red circle with a multiply filter on Figma as a quick test of a digital decoder effect.
I started my first attempt in creating an Instagram filter in Meta Spark Studio.
I played with different shades of red of the filter on the editor, then mirror it to my phone to test it on the concealed message drawing.

This is to fine-tune the shades of red in order to hide the text from our eyes but reveal it with the filter.
I designed heart shape pattern to conceal the message, to show my love and appreciation to Rebecca. (in a subtle way)
I used Canada flag colour for the pattern on the card.
I add a vignette effect to make the filter more mysterious and detective.
I tested on different size and density of the pattern so to be seen not by eyes but under filter.
I tested with more shades of red and orange for the filter effect.
The final design. After receiving feedback from my cohorts, I plan to make improvements in the future. One such improvement is to print the QR code directly on the paper to enhance the user experience. Additionally, I will explore different colours for the concealing pattern and corresponding filter. We also recognise the potential of implementing the phone camera filter concept in various other fields, including arts and medicine.

All things are difficult before they are easy. The journey matters more than the destination. We can do this!

Stay Hungry. Stay Foolish. – Steve Jobs