Final Communications Lab Project – Reflection Post – Taylah Bland

Final Communications Lab Project – Reflection Post – Taylah Bland

Project Title: The Phenomenon of Catcalling 

Partner: Julia 

Design

The final project “The Phenomenon of Catcalling” takes the form of an infographic which aims to inform a general audience about what catcalling is, its prevalence, societal and individual effects as well as resources to use to take a stand against it. The chosen phenomenon is actually very prevalent around the world, its transnational and doesn’t discriminate, although usually experienced by women. The website has inbuilt distractions that are intended to mimic the catcalling that someone might actually experience (on scroll events, hyperlinks and alerts).

The project features a ‘wikipedia’ style approach where content is presented in a page scroll format with hyperlinks integrated within the page (as seen below). There is also a selected Tweets section that Julia suggested for inclusion as it illustrates the phenomenons prevalence in today’s world.

However, the website presents a number of distractions and interruptions such as the alert which is called every 10 seconds.

  

The website also presents a youtube video redirect ‘onscroll’ at position 2050 pixels. The coding that I did for that section is presented in the screenshot down below.

The website also has hyperlinks that contain important videos and information on catcalling. They are presented in a way that looks like you have stumbled or invaded the privacy of someone else’s viewing. For example, one of the videos pops up but plays halfway through, as if you have interrupted. This is meant to mimic the invasive nature of catcalling. In another example, you read what appears to be the conversation of two individuals experiencing catcalling.

Process

The process of making the project was actually really enjoyable. My coding skills are by no means professional level but Julia and I decided to play to our strengths and do something that was not only important to us, but something executed simply but effectively.

We split up the work, with Julia doing the CSS styling and HTML and I did the Javascript and HTML. I also wrote a lot of the content for the project which was really interesting and I learnt a lot in the process. This worked really well as I was able to concentrate on the interactive elements of the project. I created the wolf-whistle on load of the page, the scroll position and all of the hyperlinks as well as the function that enables the alert to play every 10 seconds. Content writing and the interactions is definitely my strength and Julia has a really strong writing style and creativity side which suited her perfectly to the CSS.

The code for those elements is found here:


We both worked together on the project and by having clear tasks it meant that it was a smooth project to create.

If I had to do it over again, I don’t think I would actually change anything in terms of work distribution or the process we took in making the project. We definitely could have added more interactive elements and changed the styling of the index page but this is something I will address in the ‘future’ section.

In terms of discoveries, I definitely discovered the ability to make really deep and meaningful metaphors and connections by using HTML and Javascript elements. I was really proud that I was able to use the skills I had learnt in class to produce a project that I am very proud of. Simple things like adding the wolf-whistle or the on-scroll youtube popup meant a lot to me. Even though they aren’t necessarily difficult coding concepts – I discovered a new confidence in my abilities to really just try to do something that I ordinarily wouldn’t do.

Future

Given more time, I definitely agree with the feedback provided to myself and Julia by the critics and also the class.

The feedback included: 

  1. Add vocals to make more of an impact, window popup of eyes looking at you
  2. More visual elements
  3. Present huge chunk of text in a better information structure to encourage viewers to read it
  4. Draw more attention to links as they are essential to the website
  5. Add more features that emphasize catcalling- maybe more pop-ups or longer lasting Pop-ups

I would like to expand upon the use of popups and change the text each time an alert is called. I would also change the design of the text on the main page into smaller more reader friendly paragraphs.

In addition, I would love to add a pair of eyes to the page to make it look like the reader is being followed. The more realistic, immerse elements to really transform the page would be my priority action items.

I am a really focused writer so content creation was key for me, in my next pieces of work I definitely think that I will look to examining the more creative elements to really transform the work. I would love to revisit this piece.

The final project really reinforced that I am able to combine content creative with web expression. Communications lab has taught me so many skills that I will definitely be taking into other works. Thank you so much for the opportunity to learn and develop in an area that I would never had looked into. Thank you to Julia for not only your expertise but being such a great partner to collaborate and work with! 

Final Comm Lab Proposal (After Feedback) – Taylah Bland

Final Communications Lab Project Proposal 

Taylah Bland 

The Concept 

In the world today we are often presented with a number of phenomenons that transcend national borders and become examples of international problems that affect each and everyone of us in some capacity. Such a problem was brought up in conversation between Julia and myself. Julia presented the idea of creating an internet art project central to the concept of “catcalling”. 

Catcalling is typically defined as “rude sexual remarks made by men passing women on the street” (Adapted from Urban Dictionary) although typically expressed in the situation above, these remarks can be made to any person at anytime. This phenomena is nondiscriminatory as it affects all people in all places in some form, thus, raising awareness about this issue is important. 

The concept of our project is to present an infographic website on catcalling whilst using elements such as audio and visual to create interjections/distractions whilst the reader is reading. This is done to position the reader in a position of experiencing what it’s like to be catcalled and in the process losing focus of what they’re doing (reading the information) due to external factors beyond their control. The goal is to incite a level of discomfort in order to encourage reflection and subsequently a review of individual actions towards this issue. 

Sources 

One artist of significance in this project is the creators of the “Carbon Budget” by World Resource Institute. This is an example of an infograph that is clear, concise and informative. It presents relevant information in an easily readable format with a color display that is calming for the reader. This relates to the desired format of the website to provide information to the readers about Catcalling in a simple, easy to follow format. This also allows us to manipulate the remainder of the space (next to the infographic) to include distractions. 

Another artist of significance in this project is Professor Leon Eckert’s. I appreciated the thought and creativity that went into the checkbox elements on the left hand side of his website that utilised P5. In our internet art project we wish to emulate a similar concept and utilize similar elements but not have the user be able to choose. In this way we maintain the interruptions aspect that we striving for. The interactions on Professor Eckert’s website are cleverly designed and inspired the disruptive elements of our project. 

Production 

In order to complete this project, there are a lot of mediums that will be used. In order to create a disorientating but dynamic experience for the users, both audio and video will be used. The website will feature information about catcalling such as prevalence, types, and responses. Interjections will use audio and video of catcalling examples to catch the interactior off guard. In regards to the technical execution of the project, we wish to draw upon all of the skills we have already learnt especially in HTML, Javascript and P5. 

The web page itself will be relatively simplistic to focus the intention on the information. Embedded into the webpage through links, alerts and other onclicks will be distractions such as audio and visual elements and repetitive alerts to distract the user. The user will navigate the website as they would any other website just with the obstacles of distractions to interfere with how easily this process is. This methodology is appropriate as it mimics a real life situation in which someone could be walking down the street and be disrupted in a “catcalling way”. 

Final Communications Lab Project Proposal – Taylah Bland

Final Communications Lab Project Proposal 

The Concept 

In the world today, we are often presented with a number of phenomenons that transcend national borders. They become examples of international problems that affect each and everyone of us in some capacity. Such a problem was brought up in conversation between Julia and myself. Julia presented the idea of creating an internet art project central to the concept of “catcalling”. 

Catcalling is typically defined as “rude sexual remarks made by men passing women on the street” (Adapted from Urban Dictionary) although typically expressed in the situation above, these remarks can be made to any person at anytime. As this phenomena is nondiscriminatory as it affects all people in all places, raising awareness about this issue is important. 

The concept of our project is to present an infographic website on catcalling whilst using elements such as audio and visual to create interjections/distractions whilst the reader is reading. This is done to position the reader in a position of experiencing what it’s like to be catcalled and in the process losing focus of what they’re doing (reading the information) due to external factors beyond their control. The goal is to incite a level of discomfort in order to encourage reflection and subsequently a review of individual actions and attitudes towards this issue. 

Sources 

One artist of significance in this project is the creators of the “Carbon Budget” by World Resource Institute. This is an example of an info-graph that is clear, concise and informative. It presents relevant information in an easily readable format with a color display that is calming for the reader. This relates to the desired format of the website to provide information to the readers about Catcalling in a simple, easy to follow format. This also allows us to manipulate the remainder of the space (next to the infographic) to include distractions. 

Another artist of significance in this project is Professor Leon Eckert. I appreciated the thought and creativity that went into the checkbox elements on the left hand side of his website that utilized P5. In our internet art project we wish to emulate a similar concept and utilize similar elements but not have the user be able to choose. In this way we maintain the random interruptions aspect that we are striving for. The interactions on Professor Eckert’s website are cleverly designed and inspired the disruptive elements of our project. 

Production 

In order to complete this project, there are a lot of mediums that will be used. In order to create a disorientating but dynamic experience for the users, both audio and video will be used. The audio and video will feature both information about catcalling but also interjections, annoying sounds and real examples of catcalling to catch the viewer off guard. In regards to the technical execution of the project, we wish to draw upon all of the skills we have already learnt especially in HTML, CSS, Javascript, and P5. 

The web page itself will be relatively simplistic to focus the intention on the information. Embedded into the webpage through hyperlinks, alerts and other on-clicks will be distractions such as audio and visual elements and repetitive alerts to distract the user. The user will navigate the website as they would any other website just with the obstacles of distractions to interfere with how easily this process is. This methodology is appropriate as it mimics a real life situation in which someone could be walking down the street and be disrupted in a “catcalling way”. 

Response to “A History of Net Art” – Taylah Bland

I never really gave much thought to Net Art in all honesty. Much of what I usually look at is either physical art forms or musical pieces. I didn’t really see the Net as a place where art could live and be a dynamic part of an actually larger movement. 

In line with Greene’s article, it seems like Net Art is actually the hidden gem of the artistic world. I didn’t realize how far reaching some of the projects actually could be – but forgot that trough a medium that literally transcends the entire world, anything is possible. I found the example of the “Fresh Kill” and “VNS Matrix” intriguing as they had ties to Australia. I actually hadn’t heard about these before but after reading about it in Greene’s article, I looked into it more. It’s interesting to think that these things took place literally right infant of me but I wouldn’t have known. 

The power of net art is definitely underestimated. Greene’s recounting of popular net art series who are obviously given recognition is a given however there’s so many other pieces that aren’t even known. I feel like its a really powerful medium for conveying deeper messages or providing assistance just like Greene hints at with the success of a “user help” like project. 

The article really enlightened me on Net Art and how powerful it can be. I am now much more interested in the topic and look forward to exploring more. 

Response to Net Art – Taylah Bland

I really like the “Into Time” Net Art that I found. It’s a project central to colors and their combinations. Each time you click on the screen, a new color combination pops us and subdivides the page into smaller segments. It’s a really aesthetically pleasing project that is a lot of fun to play around with. 

http://intotime.com

Screenshot of the Art taken from Rhizhome