Week 1 Motion Sketch + Project 1 Ideas

Week 1 Motion Sketch

Project 1 Ideas

Idea 1 — How to: Create motion graphics

    • [Visuals] Drawing assets
    • [Visuals] Scrolling through YouTube tutorials
    • [Visuals] Aggressively pressing ctrl + z keys
    • [Visuals] Multiple easy ease graphs overlapping
    • [Visuals] VERY messy workflow, windows popping all over the screen
    • [Visuals] Various modes of procrastination
    • [Text] Step 1: Outsource <3

Idea 2 — How to: Stop procrastinating

    • [Text & Visuals] Step 1: Make a to-do list
      • [Visuals] Something due at midnight
    • [Text & Visuals] Step 2: Break it down into actionable steps
    • [Text] Step 3: Watch videos for inspiration
      • [Visuals] Clicking through tutorials onscreen progresses to watching comedy videos
    • [Text & Visuals] Step 4: Make a meal to energise yourself
    • [Text] Step 5: Take a social media break
      • [Visuals] From socmed screen, zoom in to 11:30pm
    • [Text & Visuals] Step 6: Panic!!!
    • [Text & Visuals] Step 7: GET IT DONE

Idea 3 — How to: Cook the perfect Steak

    • [Text & Visuals] Step 1: Rub the steak all over with olive oil and a pinch of sea salt and black pepper
    • [Text & Visuals] Step 2: Add the steak to a hot pan, then cook for 6 minutes & turn it every minute
    • [Text & Visuals] Step 3: Halve a garlic clove and rub it over the steak every time you turn it
    • [Text & Visuals] Step 4: Slather the steak with a knob of butter
    • [Text & Visuals] Step 5: Use a herb brush and brush it over the steak every minute or so
    • [Text & Visuals] Step 6: Once cooked to your preferred doneness, let it rest in a plate
    • [Text & Visuals] Step 7: Carve into pieces, then drizzle the resting juices on top
    • [Text & Visuals] Step 8: Serve with your preferred sides~

(Recipe source: https://www.jamieoliver.com/features/how-to-cook-the-perfect-steak/)

 

Concept & Visual inspiration:

Experimental Interaction – Final Project: Are you complicit?

Project Description

Are you complicit? is an interactive experience designed as a response to Singaporean society’s discrimination of skin colour. It was inspired by the various bouts of casual racism we have seen taking place in our own country and the desire to raise awareness about this issue. The participant is first asked to choose from one of two masks – either white or black. After which, they can enter an enclosed booth, where there is a mirror. As they hold up the mask to their faces, a recording of insults will play according to the colour of the mask. As the recording plays, the participant is left to stare at their own reflection with the mask on, perhaps contemplating the greater meaning of this interaction.

Observational documentation for user tests

This user test brought up a point we had not thought of – if the participant was already wearing a fully white or black top, the recording might play even when they have not put the shirt on and disrupt the interaction. In the video, our classmate Charm is wearing a black top. She alternates this by holding up the white shirt at times. However, only the “black/dark” recording keeps playing. We also noticed that our test participants tended to hold up the shirts to the photoresistor instead of wearing the shirts.

The next user test had a similar effect, but only the “white” recording kept playing even when our classmate Sze Wee did not hold the white shirt up and stood there in his grey shirt. It kept playing when he held the black shirt up as well.

At some point in the whole user testing session, our professors suggested that the crowd of our classmates outside the cupboard could be affecting the lighting value that we had already coded in. After everyone moved away from the cupboard other than the note-taker, videographer and tester, the code worked. Our classmate Munch held up the different shirts and the different recordings finally played. However, the recordings also appeared to be swapped, with the “white” recording playing when the black shirt was held up and vice versa. After this, we promptly adjusted the code by swapping the light values.

After the user tests, we decided to swap from shirts to masks to keep the action of putting oneself in someone else’s shoes. Masks are easier to put on or even holding it up to one’s face is enough to have the effect as opposed to putting on a shirt, which participants were less likely to do.

We also decided to completely close off the interior of the cupboard so that it would not be affected by external light. This would also help to isolate the participant, thus enhancing the interaction we intended for.

Design process documentation (intermediate designs, sketches, ideas)

Idea 1
Idea 2

Initial ideas revolved around the topic of youth suicide (expanded upon in a previous post: Project Development Drawings), which we decided not to go with in the end as they required way more time and effort than we had to spare.

Initial sketch

We decided to go with this idea which belonged to the Provocative Object stream. We went ahead with the idea of an uncomfortable interaction in the form of a booth in which the participant would go and depending on their skin colour, a recording of micro-aggressions directed at their skin colour would play out loud. Options we were considering included either headphones or speakers to relay the recording to the participant. As a way of detecting the participant’s skin colour, we wanted to utilise the photocell and mirror.

Later sketch

After the body-storming session, it was recommended that we use a black and white shirt instead as the skin colour idea was somewhat derivative and sensitive. We also changed our topic from racism to discrimination based on labels given to different skin colours so that participants would have an easier time making the conceptual leap.

Later on, we switched to black and white masks as the action of putting on the shirt was somewhat a hassle and might deter participants from going into the booth or getting the full effect of the interaction as seen in the user tests above.

A stand alone video describing our project and showing in the actual place or context of use

The context of use for this project would be an installation at an art exhibit, hence the writeup on the side of the cupboard. Not shown in the video is that the participant is facing a mirror when they hold up the masks, looking at their own reflections as they try the masks on and hear the comments.

Step-by-Step making of project

What you’ll need:

  • An enclosed space (We used an empty cupboard)
  • 1x Mirror (Big enough to show one’s face)
  • 1x Speaker
  • 1x Roll of Duct tape
  • 1x Black Mask (If you do not have one, use black matte spray paint like we did!)
  • 1x White Mask
  • 1x Large black cloth (To cover one doorway of the cupboard)
  • 1x LED Light
  • 1x Paper
  • 3x Hooks
  • 1x Breadboard
  • 1x Arduino USB Board
  • 1x Photoresistor
  • 2x Red Wires
  • 1x Black Wire
  • 1x Yellow Wire
  • 1x 10k-ohms resistor

Step 1: 

Close one of the cupboard doors. Use the duct tape to tape the top of the large black cloth to the opening of the cupboard to form the curtain. Remember to use pins/more duct tape to alter the length of the cloth if it is too long for the cupboard.

Set-up of curtain

Step 2: 

On the remaining closed door, stick a label stating ‘Please choose one’. Below that, place two hooks side by side and hang each mask on the hooks. We only had one hook for the outside, so we made do by hanging both on one hook but separating them so they were still side by side.

Set-up of masks
Set-up of exterior is complete!

Step 3:

Inside the cupboard, tape a small LED light to the ceiling. This is an important factor as it is the sole light source for the interior of the cupboard.

LED light set-up

Step 4:

Set up the circuit using the Arduino USB Board, Breadboard, wires, resistor and photoresistor following the diagram above. Our photoresistor was soldered to two much longer wires. Ideally, yours should be as well.

Circuit set-up

Step 5:

Attach the last hook to the back of the mirror. This is what will hold your mirror up on the wall of the cupboard later on. Use duct tape to tape the long photoresistor wires down so they stay organised. We also used duct tape to tape down the mirror stand as it was protruding too much.

Circuit to mirror set-up

Step 6:

Make sure that the photoresistor is at the edge of the mirror, like the image below. This will help to catch the changes in light as the light from the LED fixture on the ceiling above gets reflected off the mirror.

Photoresistor on mirror

Step 7:

Inside the cupboard, place the entire circuit set-up, the speaker, and the power source for the circuit (we suggest using a portable battery charger) into a black box. Stick the hook behind the mirror onto the wall furthest from the black curtain. Use duct tape to further reinforce the mirror to stick on the wall, as well as to stick the black box to the wall.

Interior set-up all done!

As for the codes used in Arduino and Processing, refer to the segment below. Remember to set up the codes first using a computer before putting the circuit into the black box!

Codes and circuit design required to make the prototype

We followed the circuit from the “Let there be light” slides during our second Arduino workshop. It had the photocell, which was what we needed circuit-wise for our project.

Arduino Code Pt 1
Arduino Code Pt 2

This is the Arduino code we used with Lei’s help – we set the sensor values according to the minimum and maximum values of the lighting in the cupboard. The lower value would trigger the “dark” insults and the higher value would trigger the “pale” insults.

Processing Code Pt 1
Processing Code Pt 2
Processing Code Pt 3
Processing Code Pt 4

This is the Processing code we used – also with Lei’s ample guidance. I inserted the 2 separate recordings (“White_Recording.mp3” and “Black_Recording.mp3”) into the code so that either would play according to the light levels. The code in Pt 4 shows how either recording should play at the different light levels (i.e. when either the black or white mask is held up to the mirror), but have nothing playing when neither mask is held up or when nobody is standing in front of the mirror.

 

 

Project 1: Auto-Graph

Ideation

A few of my initial ideas involved iron filings and ferrofluid, as well as magnets attached to a clock motor.

Some initial ideas

However, I had to scrap these ideas upon realising that iron filings and ferrofluid are difficult to obtain in Singapore.

Sketches for magnets rolling idea

My next idea involved a tilted board with elevated surfaces upon which magnets could roll down. On top of this would be another tilted board with magnetic paint/metal items on top of paint blobs, which would be the method to make marks as the magnets rolled down beneath.

Above is the prototype for the board beneath, designed to have multiple magnets rolling and knocking into each other to create a chain reaction so as to create a more interesting piece on the surface layer. I used coins for the time being to test if the prototype’s lanes would be feasible.

However, after much research and testing, I discovered that this idea would not work as the force of the magnets was either not strong enough to pull the metal items along the top as they rolled down, or if the force was strong enough then the magnets would lift off the board entirely and stick to the metal items on the surface instead of rolling down.

Hence, I had to change my idea entirely. While researching on the patterns I could make for the board where the magnets would roll down, I came across a pinball machine surface and was inspired to make a pinball machine instead, with the pinball as the main tool to make the drawing.

The biggest problem would be getting the paper onto the machine (to get the drawing) while still having all the usual obstacles that the pinball would bounce against. As these obstacles are usually set on the surface of the machine, I decided to make an extra cover on which the obstacles would be placed so that paper could still be placed on the machine and removed after the drawing was made.

Process

I used this video as reference to make the flippers. I decided to go with using cardboard boxes to make the machine instead of wood as I was unsure whether I would be able to get the exact diameter of the chopsticks through the sides using a drill. I had the impression that using cardboard would be more precise as I was poking the chopsticks straight through.

Flipper components

I started making the components on the bottom with styrofoam as these had a sturdier form than cardboard, which I would have to cut and paste to achieve the thickness required, and would easily fold under pressure. I worried that styrofoam may be the same where it might crumble if too much pressure was applied, but it maintained its structure and so I decided to go ahead with using it.

In progress of setting up the flipper mechanism

 

Flipper mechanism sans rubber bands

The biggest problem I had with the mechanism was that the styrofoam kept getting ripped from the box despite being superglued or hot-glued down to the box. It was not strong enough to withstand the force of the rubber band, hence I decided to get wood pieces instead to replace this component.

Another problem I had was getting the rubber bands to work – I realised that I had bought the wrong kind of rubber bands – they were too big for the mechanism. To combat this, I wrapped one end around the chopstick several times and it worked.

Close-up of Push Mechanism
Top View of WIP

Final

Front View 

I used a translucent polypropylene sheet for the cover as I wanted the obstacles and drawing to be visible so that the player could see what they were doing and making as they played on the machine. I used this same material to form the sides, back and surface of the machine to keep the box tilted at an angle.

Side 1
Side 2
Top View with Cover
Top View without cover, after drawing machine has been used

This was the first test, in which I put the purple paint on the paper for the pinball to pick up as it traversed the machine. The results were unsatisfactory as it only made dot-like marks and it did not really track the path of the ball. I added water to the surface of the paper in an attempt to help the ball move around with less friction, but it did not work and only caused the paper to wrinkle.

I tried this again but with pink paint at the side of the machine itself and not on the paper. It worked better as the ball picked up the paint more easily and its path was trackable as can be seen from the pink lines in the photo.

Acrylic paint mixed with a little water

The medium I used to make the painting was acrylic paint mixed with a little bit of water, as acrylic paint alone was too thick and dried too quickly, causing the pinball to stick to the paper/machine instead of rolling down.

This was the first successful piece in which the ball’s movements were tracked using the paint and the areas where the flippers hit it or where the ball knocked against the obstacles are visible. The most common path is also demarcated by the thickest paint lines.

This was the result of the demonstration and try-out done on presentation day – not many marks as people only tried it out for a few seconds.

This piece was made after adjustments to the machine to direct the ball better and the flippers were fixed to be fully functional.

This piece was made on tracing paper, unlike the rest which were made on normal opaque paper.

This is an orthographic plan view drawing of the machine.

This is a combination of the drawing made by the machine and the drawing of the drawing machine itself.

Final Thoughts

I am glad that it worked as I spent a lot of time agonising over the flippers and whether or not they would have enough power to propel the ball upwards into the playing field.

On hindsight, perhaps I should have used wood after all as that would give the machine a more complete finish – or used opaque polypropylene sheets instead of translucent ones. However, I am satisfied with the end product and have learnt much about form and mark-making using different mediums and methods.

 

Zine: Locale Part l – Process and Research

Final Video:

Location

My initial idea was to explore Pasir Ris as it is the neighbourhood I live in. It also seemed like the perfect size – not too large in scale like Tampines, but also not so small that there would be nothing to explore.

However, I later changed my location to Tuas as I wanted to explore a new area that I had never visited. Tuas in particular intrigued me as I was certain that most people, not just my fellow classmates and relatives, had not visited the area. I wanted to see if there was anything interesting about Tuas to uncover.

Survey

I conducted a survey to gather the impressions of Tuas, if they knew of certain events that had happened there, and whether they would visit if Tuas had certain facilities or was more accessible.

The questions and findings can be seen in the video and presentation slides.

Architecture

The architecture in Tuas is generally very angular and modular, made of mainly geometric shapes with the occasional cylindrical building.

Colours

Most of the colours I found there were white, blue, grey and brown due to the industrial nature of the buildings. Any colour I found to be slightly more vibrant like the pink of roof tiles or yellow of the occasional wall were still very muted in and of themselves.

Presentation of Findings

I decided to present my findings in the form of a motion graphics video as I wanted it to be visually engaging yet not just static images.

Storyboard

Storyboard Part 1
Storyboard Part 2 with cancelled frames

Style

Following the architecture of the actual buildings in Tuas, I cropped the buildings in a very angular manner. The video itself rarely featured any organic shapes other than as decorative accents. I also featured more photo images rather than illustrations to give a more realistic portrayal of the area.

In terms of colours, I allowed myself to use a slightly larger variety than what I found in Tuas, but kept the colours muted in adherence with the actual colour palette of Tuas.

For the overarching animation style, I took inspiration from this video:

I made presentation slides from the frames used to create the video. In it are the survey results.

Tuas Amenity Centre was covered in the slides but omitted from the actual video as it did not fit into the criteria I had of being interesting enough to attract the general public to come to Tuas.

Moving on from the video, below is an in-depth documentation of my trips to Tuas.

MRT Stations

Upon my trip to Tuas, the first places I documented were the various train stations.

Tuas Crescent MRT Station
Gul Circle MRT Station
Tuas Link MRT Station

All of them had very geometric designs, as visible from the ceiling and ground.

Exterior of Tuas Link MRT Station

I noticed that the MRT stations on the Tuas West Extension all had a unique feature – the pointed tip of the roof.

Raffles Marina Club

One of my first stops was the Raffles Marina Club, where the Raffles Marina Lighthouse is located. A special feature of the lighthouse is that it is rather famous for being a photo-worthy spot – there have even been weddings held there!

Entrance to Raffles Marina Club
Reverse side of Raffles Marina Club
Raffles Marina Lighthouse 
View of the pier
Close-up of a yacht at the pier
Various boats

Unfortunately, I was unable to get a proper close-up shot of the lighthouse as there was a sign that said the pier was off limits to the general public.

Tuas Amenity Centre

The next place I visited was the Tuas Amenity Centre, which as far as I knew was the only building that had any semblance to a shopping complex in the area.

 

Exterior of Tuas Amenity Centre
Another view of Tuas Amenity Centre
Row of shops on the first floor
Some snacks the shops sold
Some spices the shops sold

There was a row of shops on the first floor, and I noticed that while they sold typical goods one would find at a neighbourhood plaza like Milo packets, beer and Pringles chips, they also sold a large number of Indian spices and snacks. This is probably to cater to the demographic of the workers in the area.

Outdoor eating area on the first floor
Food stalls

There is also an outdoor eating area where patrons can sit after buying their food and coffee. It seemed as though the only food stalls there sold Indian and Muslim cuisine, once again probably to cater to the foreign workers who frequent the centre.

Hawker centre at the back of the building

However, when I went to the back of the building I discovered a larger hawker center that sold a multitude of cuisines including Chinese, Indian and Muslim food.

Men queuing to place bets

On the second floor, I discovered a betting centre. It was packed full of people waiting to place their bets. On another day when I returned to the centre, the centre was closed and the building was emptier than my first visit.

I also interviewed some of the foreign workers visiting the buildings and a couple of the shop owners. Unfortunately, my phone ran out of battery so I was unable to record them, but I wrote their responses down in a notebook.

The questions and their responses can be seen in the slides provided above.

Tiger Beer Brewery

Another location I visited was the Tiger Beer Brewery. I thought that this might be a place of interest as breweries are uncommon in Singapore and the tour had many perks for beer lovers.

Exterior of Tiger Beer Brewery
Exterior of Tiger Beer Brewery
Interior of Tiger Beer Brewery
Interior of Tiger Beer Brewery

The interior was more well lit in person than in these photographs and had a welcoming atmosphere.

I interviewed the ticketing receptionist about the brewery and managed to get an audio recording as well which would be played later in the video I was making to present my information.

Tuas Beach

I discovered Tuas Beach, which really was a secret beach in Tuas that had no official name, through various online articles such as the ones here, here and here.

Screenshot from https://theinfluencermedia.com/2015/02/04/5-things-you-can-find-in-tuas/
Screenshot from https://sg.get.com/sg/blog/5-things-you-probably-didnt-know-about-singapores-beaches/

However, upon heading down to the address, I discovered that the entire area had been barricaded and was undergoing construction.

Exterior of barricade
A close-up of what’s past the barrier

At one point in the barricade there was a tiny window so I went up to that, peeped through and got a photo of the scene inside. It appeared that the beach was being transformed into a road of sorts.

Part of the barricade that extends for miles around the beach area

There was no other way to see what was happening to the beach, much to my disappointment.

Tuas TV World

Another interesting location I found was Tuas TV World – a filming location where Chinese dramas used to be produced in the past. Upon Googling, it seemed to be a historical landmark in Singapore and seemed like it would appeal more to people.

However, I found out pretty quickly that it has been closed off from the public and is now a tactical training village for the Police Force today.

A view of Tuas TV World from the outside. Image Source: http://joyloh.com/blog/?p=10882

Below are some images of Tuas TV World in its heyday.

Image Source: https://www.flickr.com/photos/77634078@N04/sets/72157631248627210/
Image Source: https://www.flickr.com/photos/77634078@N04/sets/72157631248627210/
Image Source: https://www.flickr.com/photos/77634078@N04/sets/72157631248627210/
Image Source: https://www.flickr.com/photos/77634078@N04/sets/72157631248627210/

I included Tuas TV World and Tuas Beach in my survey before finding out that they had closed down, but it was still eye-opening to see the results.

Zine: Locale Part ll

Process

In the survey, I asked the participants what facilities they thought could be in Tuas, other than industrial buildings. One unorthodox answer was a theme park, and Joy suggested that I draw upon this and reimagine Tuas as a theme park for the zine. Another option was to create a guidebook for all the picturesque spots in Tuas as some of my research included such spots.

However, as some of said spots were no longer open to the public or not as accessible, this idea was not very feasible. I also much preferred the idea of reimagining Tuas as a theme park, and hence decided to go with that instead.

Concept

I had two ideas regarding the theme of reimagining Tuas: the first being the various areas of Tuas being “repurposed” to become elements of a theme park, e.g. industrial metal piping becoming slides, a lighthouse becoming a helter skelter, part of the amenity centre becoming a carousell etc.

The second idea would be to reimagine Tuas as various landmarks including a theme park, shopping mall, ice skating rink etc. However, I was not too sure about this idea as it may be going down the vein of commercialising the area too much.

I wanted to utilise paper pop-outs and paper layering in the spreads. The purpose of having these layouts is to reflect the hidden surprises and create wonder within the viewer/reader with regards to the reimagined Tuas.

In the end after consulting with Joy, I decided to go with my first idea of the various areas of Tuas being “repurposed” to become elements of a theme park. However, in the interest of time, I had to scrap the experimental layouts I had in mind and stick to a completely digital layout.

Looking at the ideas I had as to what to feature in the zine, I decided that the zine would take the form of a guide book to the highlights of the reimagined Tuas theme park.

Style

As the main aim was to draw out the elements of Tuas and what makes the location unique and bring them into the zine, I planned for the style to be mostly geometrical with minor organic shapes as detailing. This is an ode to the largely angular and modular architecture in Tuas as most of the area consists of industrial buildings.

I decided on using photos that I had taken of certain landmarks, cropping them in an angular style and illustrating upon them to transform them into their reimagined state. This was to show the difference and contrast between the existing aspects of Tuas and the reimagined aspects.

Colour Scheme

The initial colour scheme I came up with followed the common colours seen in Tuas closely – greys, tans, and muted blues. However, having this colour scheme killed any inspiration or motivation I had to work on the zine as it looked utterly dull and boring. After consultation with Joy, she mentioned that the colour scheme depended on my intentions in designing the zine. If I wanted to take on a more realistic stance and have the zine have a somewhat ironic note on how it is supposed to be a theme park but is dull, then I could stick to the original colour scheme. But if I wanted it to be completely imaginative, then I could also choose to go wild with the colour scheme.

In the end, I decided to go for a more vibrant colour scheme, but I still wanted to retain some element of Tuas. Hence, I decided to use the blues of the buildings, yellows of some of the walls, and pinks of the roof tiles and bricks and appropriate these colours to a more amped up, vibrant version to suit the theme of an amusement park.

Motifs

Common motifs I noticed in Tuas would be the orderly formation of windows on the multitudes of industrial buildings, as well as corrugated metal from multiple construction sites. I decided to reinterpret the windows into grids and corrugated metal into stripes, which I would later repeat in my spreads as either part of the illustrated elements or incorporated into the background.

WIP

Page 8-1 (Ticket)

Sketch of front cover

The idea I had for the cover page would be a ticket to enter the theme park. Joy suggested that the back page could be the ending of the progression in the zine, and that it could show the ticket at the end of the participant’s day at the theme park. This was a great idea and I decided to incorporate it into the zine. The sketch I did was for a horizontal layout, but I later changed it to a vertical layout as that was more seamless with the rest of the zine.

Ticket Front Version 1
Ticket Front Version 2
Ticket Back Version 1 & Ticket Front Version 3

The ticket went through many redesigns, but I finally managed to settle on one I liked and thought was suitable.

Ticket Back and Ticket Front Final Versions

The dates convey the time from which I started working on designing the zine, to the time it was due in class. As the theme is of reimagining Tuas, the idea is that this amusement park will only exist in my imagination for the time that I am working on it.

I also included a chop stating “Leaving Singapore” on the front and “Returning to Singapore” on the back as a satirical statement on the inaccessibility of Tuas, and the area being so distant from civilisation that it seems like a separate part from Singapore entirely.

Page 2-3 (Industrial MRT Rollercoaster)

I came up with the idea of turning an industrial plant into a rollercoaster ride as during my research process in Tuas, my friend and I passed by a huge metal structure of intertwined pipes and she said that it looked like a theme park from far. Hence, I decided to have a rollercoaster reimagined from pipes as my first feature in the zine.

Image Source: Pinterest

In terms of layout, the spread would have folded paper textures to enhance the form of the images as it will be 3D on top of 2D images. Above is an example of what I mean.

Sketch of Industrial MRT Rollercoaster Version 1

Version one features a horizontal spread, with a part of the rollercoaster cut-out to adhere to the layout I had in mind with the folded paper textures.

Sketch of Industrial MRT Rollercoaster Version 2

Version two features a vertical spread, with a part of the rollercoaster cut-out as well, as part of my layout exploration. I also added an explanation box to add to the guidebook theme. In the end, I decided to go with the horizontal spread and remove the cut-outs in the interest of time.

Sketch of Industrial MRT Rollercoaster Version 3

I briefly considered a comic strip layout as well, but decided that it did not suit the guidebook theme.

As the MRT stations in Tuas (Gul Circle, Tuas Link, Tuas Crescent and Tuas West Road MRT) all feature an architectural aspect unique to the Tuas West Extension – the pointed tip of the roof – I thought that it would be necessary to include the MRT station in my zine. It also looked like it could be the station where people get on and off rollercoaster rides, hence I decided to reimagine it as that.

Something unique about Tuas Link MRT station is that it is the only MRT station in Singapore where the station is above ground, but commuters have to go downwards from the concourse to the platform instead of upwards. As a nod to this feature, I decided to place the station in the upper section of the spread, with the rollercoaster tracks going downwards from it.

Having pipes connected to the MRT station looked rather odd, so I decided to have a hybrid of pipes and MRT tracks to form the rollercoaster in the end.

Industrial MRT Rollercoaster Version 1 WIP

The page on the left shows the pipes and the right shows the MRT tracks. In the background, I set a paper texture that was akin to the concrete often seen in Tuas, as well as a grid pattern as part of the motifs I wanted to include. However, I greatly disliked the colour scheme and was extremely unmotivated to continue. The colours combined with the geometric, angular style made the piece look very flat and boring, which I hated.

However, after consulting Joy and changing my colour scheme to something more vibrant, I was inspired once more to continue developing my design.

Industrial MRT Rollercoaster Version 2 WIP

I decided to adopt  a blue-yellow-pink palette as previously mentioned in the Colour Scheme section above. I made the background yellow at first for the whole spread, but later changed it as I wanted a bit more contrast since the pipes and MRT tracks were 2 different materials to form the rollercoaster. I also used negative space on the side with the pipe in white to include a tidbit about the ride.

Industrial MRT Rollercoaster Version 3 WIP

After completing the colours, I was afraid that the lines connecting the pipes and tracks may not align perfectly once the zine was binded. To combat this problem, I added a white border with rounded corners on each page to match the style of the rollercoaster. I also included the motif of stripes in the railings and tracks of the ride.

Industrial MRT Rollercoaster Version 4

After adding the border, my original idea was to place more emphasis on the highlights of the ride. To do this, I decided to have the whole spread in black and white and only place the important parts of the ride in a circle/ellipse of colour.

However, I much preferred the colours in their full glory, hence I decided to scrap the idea of the coloured circles.

Industrial MRT Rollercoaster Version 5

Joy also mentioned that the body text in bold drew more attention than the title text of the ride which was only in an outline. Hence, I changed the title text to be filled instead of outlined, and the body text to medium weight instead of bolded, as can be seen in the image above.

After printing, the yellow colour came out really pale, so I had to adjust it to become more saturated, which can be seen later in the final piece.

Industrial MRT Rollercoaster Final Version

Page 4-5 (Map)

In a very early stage of planning the middle spread, I intended for it to be a third theme park akin to ones that had transportable rides, almost similar to a traveling circus. It would include rides like the amenity center carousel, Tiger Beer snack shop, factory Haunted House, and other attractions.

Image Source: Pinterest

I planned for the layout to be like the image above, the spread having a foldout piece to form the “bottom” of the image, creating a 3-D like space like the previous spread.

Sketches of Page 4-5 (middle spread)

I intended for the foldable sheet to have scenery elements, but had to do away with the whole idea of a foldable sheet in the end due to time constraints. Instead, I decided to utilise the middle spread not having any alignment problems and design a map of the theme park instead.

I planned to separate the map into three sections according to category: water theme park, industrial theme park and miscellaneous facilities.

I flushed all the facility locations to be on one side of the map, making it really inconvenient and inaccessible if this were a real theme park, as a nod to how the facilities in Tuas truly are quite out of reach. There are also much fewer facilities than a normal theme park would have, yet again as a reference to how Tuas only has one amenity centre in the entire area in real life.

The shape of the map itself also follows the actual shape of Tuas.

I added foliage to the corners to help direct the viewer’s eye to the center.

Map Version 1 WIP

In this first version, the island contains more texture and patterns, similar to the style of the Zine: Locale Part 1 final video.

Map Version 2 WIP

I did a second version with a different background as I thought it resembled water surrounding the island, emphasising the isolation from the rest of Singapore.

I much preferred the first version as the black background helped the colours pop more, but Joy mentioned that it did not really fit the vibrant overall look of my zine and I agreed. Hence, I went ahead with the second version.

Later on, I added a border as well to keep the consistency throughout the spreads in the zine.

Map Version 3 WIP

I adjusted the surrounding foliage so that there could be more focus on the island.

Map Final Version

I also changed the actual style of the island from the textured look to a more vectorised, flat look to keep consistent with the rest of the pages.

Page 6-7 (Water Theme Park)

This was the spread I had the most trouble with, due to not really knowing what to do about the composition and layout.

Image Source: Pinterest

I wanted the third spread to feature several layers cut along the top of the image’s outline to give the image some depth, in a similar fashion to the image above. In the end, I also scrapped this idea due to lack of time and decided to stick to a fully digital image.

The rides I wanted to feature were a yacht turned into a viking ship ride, and a lighthouse transformed into a helter skelter ride. The lighthouse is one of the more significant landmarks in Tuas due to being very picturesque. I also chose the yacht as while yachts are not unique to Tuas, it is interesting that there is a place featuring such leisurely activities in an area that everyone assumes contains nothing but industrial buildings.

Sketches of Water Theme Park

In the sketch, I experimented with a vertical layout, but later changed to a horizontal layout to match the rest of the zine as the planning of the other spreads was finalised by then.

The image of the lighthouse I used is the only image in the zine not taken by me. I was unable to get a clear, close-up photo of it as the pier leading to the lighthouse was not opened to members of the public. Hence, I used an image from  https://untouristsingapore.wordpress.com/2013/12/21/raffles-marina-club-its-johor-strait-lighthouse-a-hidden-find/ .

Water Theme Park Version 1

At this point in time, I had not come upon the idea of turning this section into a water theme park – I just knew this part of the theme park would be near the sea to stay true to the actual monuments I was reimagining. I had not confirmed my style at this time as well, experimenting with paper textures to form waves and sand and sky. As I had also not confirmed my colour scheme (this piece was made before consulting with Joy in person, hence nothing was really confirmed), I found the piece a bore to work on and hated the look of it.

After I had consulted Joy and confirmed my colour scheme, things began to look up. I also confirmed the idea that this area would be a water themed park instead of just a usual one.

Water Theme Park Version 2

I used the negative space of the border to form a wave as a device to help direct the viewer’s eyes towards the ship. I made the background blue but it still looked rather plain.

Water Theme Park Version 3

I tried another version with layers of waves and gradient sky to make the imagery more dynamic. I also adjusted the text to match the look of the rest of the zine. I included the motif of stripes in the pier and winding slide around the lighthouse

Water Theme Park Version 3.5

While I found the gradient to be beautiful, I felt that it did not match the rest of the zine that much as everything else had clean lines marking the changes in colour. Hence, I tried to change the sky to match this style and it had quite a nice effect.

Water Theme Park Version 4

I decided to swap the pages’ sides as the Industrial MRT Rollercoaster had its negative space tidbit on the left side as well. Changing this spread would move the wave to the right side, which I thought would be nice for a bit of balance for the zine’s overall look. I also changed up the water to a cleaner style that I thought fit better with the other spreads.

My classmates commented that the previous version did not really look enough like a water theme park, so I added floats and more water slides in linework in the background of the “Lighthouse Helter Skelter” page. I did away with the multicoloured sky so more focus could be on the slides.

Water Theme Park Final Version

I really enjoyed the look of the sky in Version 3.5, so I decided to stick with that instead. Joy also mentioned that I had to be careful that the water slide linework did not look like escalators as the currently did – so I just did away with them. I added water splashes to add to the effect of a water theme park.

Final

This is the final zine.

Front and Back cover

The front and back cover feature a connected background and lighting in the foreground. The front cover shows a ticket to the Theme Park. The back cover shows the ticket after a day at the theme park, corner somewhat warped after getting wet at the water theme park.

Page 2-3 (Water Theme Park)

I decided to shift this spread to the front, to follow the map’s progression of water theme park > industrial theme park > facilities.

Page 4-5 (Map)

The map was chosen to be put in the middle spread as I would not have to worry about aligning the middle.

Page 6-7 (Industrial MRT Rollercoaster)

I decided to shift this spread to the back, as it came after the water theme park.

In terms of the material, I considered a glossy material harkening back to theme park brochures one would typically come across. However, upon looking at the material at the printing shop, the glossy material seemed like it would cheapen the look of the zine. Hence, I opted for a sturdier material instead – High White 135gsm.

This is what the zine looks like in person (colours are more saturated in person):

Front Cover
Pages 2-3
Pages 4-5
Pages 6-7
Back cover

 

Final Thoughts

Through a ton of experimentation, I learnt a lot about the contributing factors to an effective layout. I also learned how to incorporate motifs in abstract forms and utilise colour to add to theme of the zine. While I sadly did not get to experiment with different formats like the pop-outs and paper layering, I still learnt how to come up with an interesting format for the spreads.

I also learnt how to compromise on the colour scheme instead of continuing to work using a scheme that was uninspiring. All in all, it was a great experience and I am happy that I did not settle until I was proud of how my zine turned out.

Final Project: Project Development Body Storming

The interaction space from the outside

As the temporary space for our intended “booth” set-up, we sectioned off a small corner of the class using a large cardboard piece as a makeshift door. We left the white shirt and the set of instructions on the door surface itself.

A close-up of the door, complete with the instruction sheet and white t-shirt

There was meant to be another black shirt for the participant to choose between, but we did not manage to find one in time for this Bodystorming session, hence there was only one white shirt.

A close-up of the instructions
Inside the interaction space, where a mirror and makeshift “photocell” is placed against the wall

We taped a mirror where the participant would face, as well as a makeshift photocell which would be the trigger for the recordings.

A speaker from which the recording plays, hidden from the participant

We hid the speaker from the participant’s view – and as what the recordings were actually going to say was not confirmed yet, we simulated it through saying the words out loud through the door, as seen in the video.

1. What did you learn from the process?

Natalie: I learnt that for the sake of the interaction, it was important not to have remarks directly related to race in the recording as it was a little bit on the nose and not directly applicable to everyone who wears the shirt. I also learnt that we would have to figure out a way for the participants to make the associations to race on their own while we focus on making the interaction about the shirt colours. Furthermore, we realised that having a completely enclosed space would be helpful to the intention of our interaction. In this lo-fi version and for the sake of being able to record, the participant was not enclosed at all.

Sherneese: Through this body storming session, I got to see my project from a third person’s perspective. Void of bias and preconceptions, and purely based on the instructions and set-up we have put together using cardboard and paper. I also managed to see potential confusion that the audience may experience with our project that we otherwise would never see from the creator’s standpoint. This process opened my mind to other possibilities and suggestions from both users and bystanders that we can incorporate into our final project. It also made me realise that what I may want my audience to experience may not necessarily pan out the way I want in reality. It is through such testing that we can visualise the variables and work them to our benefit.

Additionally, I’ve realised the importance of the deliberate layout set-up, pre-interaction and post-interaction. They are all equally as important as what happens during the main interaction experience. Every minute detail makes a difference. As our project was meant to be take place in an enclosed space, it had to be verbalised to our audience during body storming as the video taking meant that the door had to be open, causing our audience not being able to experience what we wanted them to go through. 

Another aspect of body storming is that we were not using final materials to create our objects/space and thus it was difficult to achieve certain qualities that are reliant on quality/type of material/context created through objects.

2. What surprised you while going through the process?

Natalie: Some members of the audience noted that making the conceptual leap from the colours of the shirts to the colours of people’s skin may be a somewhat of a mental reach. I did not foresee this problem as while conceptualising, we started out with making directly race-related comments corresponding to either the white or black shirts.

Sherneese: 
How the public viewed my project differently from what I thought. What may seem clear to me – since I contributed to the creation of this project – may be obscure to others. Realising this point was really important to me because this hitch in connection with the audience can cause the entire project to fail/not achieve the desired outcome. It was also made apparent that different people have different thoughts and suggestions with which we can use them to our advantage.

3. How can your apply what you have discovered to the designing of your installation?

Natalie: We need to ensure that the space is completely enclosed, such as sectioning off a part of the classroom and making sure the top is covered as well, or using a cupboard as the interaction space. We also need to think of a solution to the shirt situation to make it easier for the audience to make the association to race without directly mentioning race it self, such as putting mirrored “labels” on the shirts that the participant will then be able to read when they face the mirror.

Sherneese: 
Able to understand from feedback given on how to make concept/what I want the audience to get out of this experience more obvious. Have an open mind and use suggestions given to suit concept better.

The interactivity between creators and audiences allows the project to be pushed further, to piece the finer details more complexly and intricately.

Research Critique 4 – Uncomfortable Interactions

Breathless (2010) is an interactive ride experiment created by Thrill Laboratory. It was intentionally designed to inject a new element of fear and discomfort into amusement rides. (Benford, et al., 2012)

Breakdown of motor and pulley system of swing

WiFi gas mask respirators were specially designed for this project, collecting breathing data from the participants and transmitting it to a computer which would then translate this data into powering the swing – when the user inhaled, the swing moved backwards, and when they exhaled, the swing moved forward. The more in sync their breathing was with the swing’s system, the higher the swing would go.

Rider on swing being controlled by Controller in the background

Participants would join a queue for this ride and the first person would be fitted with a gas mask, then led to a specific viewpoint to take on the role of the Spectator. They would watch another participant with the gas mask riding the swing. After a period of time, the Spectator would have to go forward and take on the role of the Rider. This Rider would get off the swing and take on the role of the Controller, who would be sitting at the side facing the swing. The Controller would control the swing with their breathing for a certain period of time before control is passed over to the Rider, while they are still on the swing.

Breathless is an example of an uncomfortable interaction design experience. Uncomfortable interactions are invented to cause various degrees of suffering to its participants, but this can be useful and result in many benefits if done carefully. Such benefits can be grouped into 3 different types: entertainment, enlightenment, and sociality.

Breathless centres on entertainment and sociality due to its amusement ride setting. Entertainment can be enhanced using uncomfortable interactions, as we “crave stimulation, arousal and excitement” (Benford, et al., 2012). The fearful anticipation created from queueing for and viewing the ride is heightened. The physical and mental discomfort caused by the gas masks will lead to a sense of relief after the ride is over, revealing an intricate relationship between pain & pleasure.

Sociality is another benefit through which shared uncomfortable experiences make for better social bonds, best exemplified through various types of rites of passage. This extends to Breathless letting its audience observe the discomfort of the participants taking on the 3 roles.

There are four forms of tactics to create discomfort: “visceral discomfort, cultural discomfort, discomfort through control, and discomfort through intimacy” (Benford, et al., 2012).

Gas Masks

Breathless utilises visceral discomfort in the design of the gas masks, which are physically unpleasant to wear due to the tight fit and bad smell. It also heats up easily from the inside, causing the visor to fog up and obscure the participant’s vision, as well as fill with sweat that will drip down the face. The aforementioned claustrophobic disposition of the mask can also generate a fear in the participants of having their breathing cut off.

This ride also invokes cultural discomfort in that the usage of the gas masks – material that is “adult, difficult or vulgar”(Benford, et al., 2012) – evokes certain associations with war or even erotic practices like BDSM, raising the levels of discomfort for the participants.

Discomfort through control refers to tipping the balance between how much control the participants usually have and the control of the interface. Participants of Breathless have to relinquish control to the machine as they are strapped in and cannot get off until the time is up. They also have to give up their control to other people as is evident in the role of the Controller. On this note, they are also required to take greater control of the swing and another participant which may cause feelings of responsibility, power or even mischief (Benford, et al., 2012).

In conclusion, uncomfortable interactions can be useful for various benefits, but they need to be meticulously designed to be effective.

 

 

 

Bibliography:

Benford, S., Greenhalgh, C., Giannachi, G., Walker, B., Marshall, J., & Rodden, T. (2012). Uncomfortable Interactions. Uncomfortable Interactions, 2005-2014.

Aerial07. (2017, October 19). Breathless. Retrieved from http://thrilllaboratory.com/breathless/

 

Foundation 3D Assignment 2A – Polyhedron Dreams (Research)

My chosen polyhedron is a tetrahedron.

I had the intention of making the final model hollow inwards and have it appear as though it was collapsing within itself. However, it was a little tough to find exact reference photos of how I imagined the planes and inner surfaces of the model should look. Below are some reference photos I sourced from Pinterest to help me envision how to marry the planes and lines, even if the models themselves were not necessarily “hollowing” inwards.

Figure 1
Figure 2
Figure 3
Figure 4
Figure 5

Referring mostly to the architectural model by Suo Fujimoto (Figure 4), I decided to proceed with incorporating some of his arrangement techniques into my own final model.