Express Wearable — finger heart — Ziqi Guo

Finger Heart


-Idea & Inspiration-

The finger heart glove was inspired by the popular pose “finger heart”. The initial finger heart gesture was from Korea. It is a gesture that represents a “heart”. It might be the latest and most trending way of making a heart with your hands to show people some love in Korea. It’s also an idea of expressing positive emotions such as “like,” “enjoy,” or “prefer”.

-What I’m creating-

In this assignment, I am trying to enhance the gesture with wearable techniques being used. With this design, people could see the gesture more clearly wherever they are in the dark or the bright place. To be able to do this, I decided to use LEDs as my majority tool, as well as the Circuit Playground Express.


-Why I’m trying to execute this concept-

I think there are a lot of different ways for people to express their emotions or current moods, usually from their outfits or actions. Gesture, as a creative and universal language, could help people communicate with each other in a “subliminal” way. For example, people would raise their hands in the class to show their will of answering questions, when people feel a sense of surprise, they would cover their mouth with their hands to show their happiness, when they found their friends in a long-distance, they will wave to each other… Those gestures, in my mind, are more tacit ways to communicate and express people’s emotions. So, I really want to enhance those ideas to make special communications in a more creative way. In an applied method, the glove that I created made people being able to show their gestures at night. I was expecting to make them being visualized and being highlighted.





Here I tried both series and Parallel circuits, I later found that the Parallel circuit showed a better result in the case of lighting.



I drew a simulating circuit based on what I expected it to be like in the real life.



I firstly made one LED and then connect that with another because the parallel circuit was abstracted and easy to be wrong.


Final Images

cd453cd814dc14dbbcaa69c8c99f486* Here I made a “dress” for the glove but did not work well because it was a fabric that lack of elasticity.


Parts list


Next steps 

  1. I could like to find a better fabric to cover the surface of the glove and make a better outlook.
  2. I have another idea to be achieved, I had drawn it down including the circuit and how to apply that with the current circuit– I’m trying to have another gesture being triggered — an “OK” gesture. When people do that gesture, the Circuit Playground Express will make a sound as well as light up. 61fbad3bd5f19db50a7e42cd2f5ae6a




Prior, O. & Yoyo (2021). Basic Circuits & Circuit Demonstration [Online Lecture]. Retrieved from

KOREA NOW (2018). What is finger heart? Retrieved                                          from 

Processa particular course of action intended to achieve a resultMore (Definitions, Synonyms, Translation)

Assignment 1: Speculative Wearable — Ziqi Guo (3177283)

Brainstorming (process work): untitled_artwork-2

Three Ideas

Idea no.1


Ida no.2


Idea no.3 (the one I decided to focus on)



  The “medicine reminder button” is a hybrid of the medicine detector and an alarm. When people sew the buttons in their cloth and finish the setting, the button will light and beat to alarm a person take the medicine at a certain time. This is designed especially for seniors, who have difficulties remembering to take medicine on time. 


Awareness of the body: The inspiration of this “medicine reminder button” is from my grandparents, while both of them are over 80 years old this year. There’s a problem that confusing them all the time — when should they go and get the medicineA lot of seniors in their ages take multiple kinds of medicine in a day, but always forget to take each type of the medicine on time. Taking my grandfather as an example, he has dementia in a mild stage, but this is enough for him to remember taking different kinds of medicine on time. So, he has to rely on my grandmother telling him to have medicine in a certain time.   

This “medicine reminder button” is designed to help those seniors who are forgetful in the charge of taking medicine on-time. It uses straight- forward patterns in a certain position of the body, showing the senior or their partners that it’s time to take the medicine for a certain organ or their body. For example, my grandmother has diabetes, so she needs to get the injection of insulin every day before dinner. She usually has dinner at 6:00pm, so the button on her belly will light up, shaking and shows a pattern of injection needle during 5:30- 6:00 pm, and it will later disappear as soon as it detects that the injection has done.

Interaction: It should be mainly two things take the role of triggering the wearable buttons. One of them is the detector on the button, the other should be a timer on the mobile. Each time when it turns to be the time for seniors to take medicine, the buttons will be shaking and flashing lights until the elders use the medicine scanning on the mini detector on the button and stop the button from alarming. The detector could recognize if the person is taking the correct medicine in the right time. People could set/change the alarm on their mobiles and have a report of each type of medicine has been taken or not. The report could be sent to their children’s mobile as well, so they could all remind their parents to take the medicine on time. 

Position: The “medicine reminder button” could be locate on anywhere of the body, so, they could be designed with any colors in order to be fashion. Also, in order to wear them while sleeping, they should be flat enough to avoid people from being felt.  

Design: I choose the shape of “button” on this wearable technology because the buttons are not too conspicuous to make the seniors feel embarrassed in the public (like the situation 2 in the first image). Besides, buttons are easy to be taken with. I previously thought of making a wristband, but because the seniors might also forget to take wristband in some situations, I gave up that idea. “Button” is an element which shows up on a lot of seniors’ outfit, it is a great fashion element. Besides, as long as the technology is well-developed, it could be done with a low cost and sold as a low price, so people could sew different buttons onto different cloths without forgetting to take them around. The color of the buttons should be varied so they could fit different outfits.  

Material Mood Board


MaterialThe material of this button is supposed to be as lightweight as possibleThe patterns should be noticeableSo, people could wear it all the time.   


Similar work

  1. MyTherapy

MyTherapy is an app used to remind people taking medication. It could also be used to track the medication history, inventory and gain the health report.


    These drug protection products are mainly designed for keeping people apart from the drugs and make sure the food they are taking are safe. It might use similar technologies as a detectior when it comes to recognizing the ingredients in a certain medicine.


Pill Reminder & Medication Tracker – MyTherapy – Apps on Google Play. (n.d.). Retrieved January 26, 2021, from

DetectaChem, D. (2021). Drug Detection – Fentanyl Detection. Retrieved January 26, 2021, from


The Purse

Ziqi Guo- 3177283

Group 11

Rhepa Kamal

Ziqi Guo

Qinxinrui Zhu

Weiqi Wu

-The Purse-

-Patterns are beautiful when there are more lights up.-




  • A Digital Swatch & analog sensor

This is a tight-up sensor. The inspiration is from the previous assignment where I used the sponge and conductive tin foil. However, this time, I tried to explore more about creating a new way of the interaction of fabric with the electronic circuit by considering the question “what can we do to start up the electronic circuit on the fabric if we do not intend press a ‘button’? 


  • copper wires
  • LEDs
  • non-conductive fabric
  • sponge
  • 9V battery
  • non-conductive thread
  • Velostat

Tools & techniques

  • sewing
  • the technique of making a purse “elastic band.”

steps & details


Learning how to make a purse by using prototyping materials.

-Test the Velostat.


2.Sewing all the LEDs in order. Sewing them on different positions based on their colors and the color of the patterns on the purse. Using copper wire to make a closed circuit. 

3.Testing the way to how the sponge,copper wire and Velostat should be placed. (Here I tested three different ways and finally use the last strategy to successfully make a good way which make sure that the copper wire could touch the Velostat. It might be different from different fabric you use.


970376332b0d97e17383e270218ab88Detailed Shots


stages of interaction (see the beginning two photos)


3-3-3 Ziqi’s review of Weiqi’s work








I choose Weiqi’s AR work to review. Last semester we did an narrative work, In this AR Experience, Weiqi would like to use AR to interpret her Story. It is an good idea and she also made a nice try.

Her AR installation really impressed me because when people are telling a story, they usually read a book or words on the interface. Having an AR rendering is like to experience the story in real life. Weiqi’s story is about having an adventure and when I was playing her AR installation, I had a strong sense of involvement in her story. Morover, the interactive acitivity is also fun to play with. I was like a character in the story and walk through the scenes. While I need to walk, click and observe.


  • What was the process behind making it?
    The process of making it was brainstorming the idea. After I decided to do the topic of telling a story, I connect my “narrative game” project with this AR project. I think that it might be interesting to put a narrative game in an AR form, however, it will be too much for this project, so I make the narrative game into a story version. Then I drew a rough storyboard for both what will happen when the users are using it, and what will show on the device. After all the preparation, I started working on the assets. I used Procreate on the iPad to draw out the assets. I divided the story into several scenes, and I drew each element into different layers. When I have done preparing the assets, I put them into the Adobe Aero app. Since I drew the scenes in different layers, I am able to put them in different positions, which creates depth in the scenes. And I decided to add some behaviours to the asset that allow users to walk around to read the story. In the final version, the users will need to walk forward or tap to continue the story.


  •  What were the different stages, challenges that you came across?
    The stage of brainstorming and making the storyboard is simple, so it did not make big challenges to me. And for preparing the assets part, the most difficult part would be making them look good and how to reduce the size of the file. And this part takes a lot of time since I am a story with images and text. I have to draw out the scene and write down the story. However, at the same time, I need to reduce the size of the files, or the AR app will crash. And the last part leads me in the most challenging part. In the last part, I have to put all the assets into the app. Adobe Aero app is a really new app, the desktop version is still in beta version. Therefore, it crashes easily if my file is too big. However, my story is in six to seven scenes, and it has many assets. Although I reduced the size of the file, it still too big for the app. And it crashed many times. To fix that, I deleted the same asset in different scenes and put them into one scene, and users will need to tap to go to the next scene. And in this case, users will not need to walk around. Other challenges pop up with these changes will be how to make sure the behaviour or animation of the assets works in expect. And it took me a long time to finally got to the final version that can work. But still, the file is big, so it might crash according to how old your device is.


  • Which software did you use to build your work? Why did you choose that?    I used Procreate to draw out all the assets and put them into tiny jpg/png website to reduce the size of the assets’ file. And I used the Adobe Aero iPad app and desktop app to create the AR scene.


  • What were some of your motivations?
    My motivation is that I would like to see how texts or stories and some sences could be built and generate in AR technique. And how could I make it different to reading or playing on website or book. I usually think that reading is not interesting enough, however, through the way of using AR technique, it could change the interaction between users and the stroies/texts/narrative game. Therefore, I would like to put it into AR technique and check it out how it will be like in AR form.


  • If you could expand upon it, what would you add?
    As I mentioned above, I was inspired by the “narrative game” project. If possible, I would like to expand my story into a narrative game. Add different paths to various choices, and end up with different result. And that will be even better if I could add several games in it. And people could choose the one that they would like. Or the scene of the game will be in 3D model, and the text as well. Also, if I make the object in the scene in actual size like the real world, in this way, users could interact with the scene and text, which different than what is on the website. Also, it might allow users to have more sense of particiation.


  • What potential could you see for an app similar to this?
    I see the potential of AR app or device to use in the gaming and storytelling, for example, generating a book into AR form might be possible in the future, or a game that collaborate with the space that has real and unreal things in the room.


  • What was your biggest takeaway from this entire experience?
    Through this project, I gained the fundamental knowledge of the AR technology. I understood how it was built step by step as well as how AR technique could collaborate with the space. These might help me in further AR learning.


  • Is there anything you would like to add or comment?                                              This AR piece is about a little story. In the story, there are only two ways to continue the story, which are “tap” and “walk forward”. Therefore, you might need to look around to find the instructions in somewhere. If it is “tap”, users will need to tap the “tap” instruction. If it is “walk forward”, users can finish the scene first and then walk forward, go to the next scene. It is created by Adobe Aero, so it only works in Apple devices. To play with this AR art piece, you need to find a place where has a long length, therefore you have enough space to walk through to finish the story.

There are some advices I would like to give Weiqi. I think a story or a novel with more plot and diversity ways of interaction will be more compelling. For example, when people are doing the adventure, it could shows the quote of “people need to walk aroud and find the key” or “people need to jump and turn around”… those varieties of interactions would make the scenes in the story more twisted and thus, make the novel more spellbinding.

Sound wave

Link of the presentation

working links

Artist statement

Sol LeWitt’s wall drawing #95: On a wall (paper) divided vertically into fifteen equal parts, vertical lines, (not) straight, using four colours in all one-, two-, three-, and four-part combinations.

  • This is an audio-visualization installation. The inspire of it is from Sol Lewitt’s wall drawing #95 where he used limited lines to create endless forms of art. It makes me believe that the constrained rules in an artwork could be a great starting point of creating endless and born variations. I then make this installation, the constraint is each fixed start and end point of each links and the number of the lines (80). The only variable would be the action of line moving pace and shapes. Those lines will wave based on the sound they “listened.” In my example, I made a gentle audio so the line would move like a flowing creek, that shape of moving enhance the topic of the song and my idea as it states the music in a special way.

  • My initial goal was to find another perspective of audio combining with shapes. However, I prefer not using those closed geometric shapes as they could not show the soft and fine texture of my audio, then I was inspired by the wall drawing #95. Then I made a goal to use limited numbers of lines, not for exploring how the color could be manipulated, but the interactive perform with the group of line acting with the music.
  • The way I used to achieve my goal is to use the data from the audio because audio is shaped by sonic wave, it is just like how the wave influences the line groups. And because the sonic wave of different sound has endless forms, thus I could use data from the sonic wave to create endless sound waves. When I opened the math CHOP I could see their channels with sound frequencies. I then used those data and manipulated them with the shape of those lines.


This is the shared link of the google Drive, which includes the toe file.


Operator overview




Merry Tales


Sarah Boo, Ziqi Guo, Cam Saunders

Storytelling often assumes the interactive structure of a speaker and a listener, or in the case of a text, an author and a reader. It often uses linear narratives to describe a pre-planned universe, and detailed sentences to express a coherent sequence of events. In Merry Tales, the user is invited to let go of these conventions and explore storytelling as a collaborative and improvisational experience, using spatial relationships between decontextualized illustrations to create ambiguous narratives.

The book ‘A picture-book of merry tales’ contains many stories of a character called Owlglass as he goes on in his life and grows from his experiences. The interaction mechanism of Merry Tales allows two players to create their own collaged ‘picture- book of merry tales’ using the very illustrations from the book. While these characters and objects may have had certain relationships and histories in the original text, they are given the chance to live new ones as the players create their own unique arrangements together.


When the game starts, random objects and characters begin to appear one by one from the bottom of the canvas, moving across the screen continuously. The two players then guide the illustrations around by moving them left or right and ‘dropping’ them onto the canvas. The collaborative play comes into effect under the limitation that each player is only able to manipulate one direction of movement, but both can drop the illustrations. All the while, the illustrations continue to scroll across the screen with their own momentum. The resulting interactions may ebb and flow between tug of war, turn taking, and harmonious chaos, as players respond to each other’s actions and the slowly growing collage. It should be noted that technically, the experience is playable by one player, but they will only be able to cover one half of the canvas.


screen shots of the interaction:

Starting the game:



A canvas in the early stages:


After some collaborative collage storytelling (what does it mean?):


Relationship between players:


Wireframes of the planned game:

Firstly, we would like to be able to add the option to save the canvas at any point as a downloaded image file, as well as the ability to clear the canvas.

Secondly, the random order in which the objects and characters appear to the players (as well as the unpredictable whims of the players themselves) facilitate fairly unrepeatable story compositions, so it would be nice to be able to capture noteworthy arrangements when they appear.





Techsmith link: here

Code and p5.js demo link: here

Access toProject development