{"id":4132,"date":"2015-12-15T09:03:32","date_gmt":"2015-12-15T09:03:32","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=4132"},"modified":"2020-01-29T22:10:52","modified_gmt":"2020-01-29T22:10:52","slug":"project-2-stagnation-post-mortem","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=4132","title":{"rendered":"Interactive City: Stagnation"},"content":{"rendered":"<figure id=\"attachment_4133\" aria-describedby=\"caption-attachment-4133\" style=\"width: 502px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4133\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_pic-150x150.png\" alt=\"A picture of the first of the three codes.\" width=\"502\" height=\"502\" \/><\/a><figcaption id=\"caption-attachment-4133\" class=\"wp-caption-text\">A picture of default stage of the first of the three codes.<\/figcaption><\/figure>\n<figure id=\"attachment_4134\" aria-describedby=\"caption-attachment-4134\" style=\"width: 503px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4134\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic-150x150.png\" alt=\"A picture of the second of the three codes.\" width=\"503\" height=\"503\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_pic.png 800w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a><figcaption id=\"caption-attachment-4134\" class=\"wp-caption-text\">A picture of the default stage of the second of the three codes.<\/figcaption><\/figure>\n<figure id=\"attachment_4135\" aria-describedby=\"caption-attachment-4135\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4135\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic-150x150.png\" alt=\"A picture of the third of three codes. \" width=\"500\" height=\"500\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic-624x625.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_pic.png 799w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-4135\" class=\"wp-caption-text\">A picture of the default stage of the third of the three codes.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">For my second project I really wanted to explore the possibility and result of creating an entirely useless interaction. I was inspired by the popular GIFs of Useless Machines from the internet that portrayed a box which was programed to turn itself off once a switch was flipped. However, the code for my project does not explicitly recreate the material box and switch. What the several codes I created do is utilize a single button which triggers a reaction from the code that quickly returns the button to its original state. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">All three iterations of the code create a futile interaction in some way or another. The first code relies on the position of the button. The button is centered in the center of the screen and moves slightly to the left when pressed. The code\u2019s reaction is to send forth a small gray box which pushes the button back into its original location and then returns off screen. The second code relies on the color of the button. By pressing the button, the user causes it to change colors, but almost immediately the code repaints the button its original color. The third iteration of this theme relies on the size of the button. Pressing the button reduces the size of the button, causing two pieces to come from either side of the screen attaching themselves to the smaller button returning it to its original size. To create several futile actions that did not stray too far from each other, I worked with the location, color, and size of a single button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">My initial coloring of my Stagnation code was in black and white. This produced a very minimalist effect to the already minimal composition, but while experimenting with further drafts of the code I found that certain color pallets also proved effective.<\/span><\/p>\n<figure id=\"attachment_4136\" aria-describedby=\"caption-attachment-4136\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4136\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic-150x150.png\" alt=\"The black and white copy of the first code.\" width=\"500\" height=\"500\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_a_bw_pic.png 800w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-4136\" class=\"wp-caption-text\">The black and white copy of the first code.<\/figcaption><\/figure>\n<figure id=\"attachment_4137\" aria-describedby=\"caption-attachment-4137\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4137\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic-150x150.png\" alt=\"The black and white copy of the second code.\" width=\"500\" height=\"500\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_b_bw_pic.png 799w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-4137\" class=\"wp-caption-text\">The black and white copy of the second code.<\/figcaption><\/figure>\n<figure id=\"attachment_4138\" aria-describedby=\"caption-attachment-4138\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4138\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic-150x150.png\" alt=\"The black and white copy of the third code.\" width=\"500\" height=\"500\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic-150x150.png 150w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic-300x300.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic-624x624.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_c_bw_pic.png 802w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><figcaption id=\"caption-attachment-4138\" class=\"wp-caption-text\">The black and white copy of the third code.<\/figcaption><\/figure>\n<figure id=\"attachment_4139\" aria-describedby=\"caption-attachment-4139\" style=\"width: 501px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4139\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors-300x112.png\" alt=\"The color pallet from which I sampled to create the colored copies. \" width=\"501\" height=\"187\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors-300x112.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors-1024x384.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors-624x234.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/stagnation_colors.png 1113w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a><figcaption id=\"caption-attachment-4139\" class=\"wp-caption-text\">The color pallet from which I sampled to create the colored copies.<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">The idea of a futile interaction is very reminiscent of the products and art installations described in Anthony Dunne\u2019s Hertzian Tales. Specifically, I find a great resemblance to the chapter on psychosocial narratives, which talks about the experience of the user. In this chapter Dunne describes the relationship between humans and machines with the quote \u201cThe machine does what the human wants it to do, but by the same token the human puts into execution only what the machine has been programmed to do\u201d (71). This describes a complementary relationship between machine and user, which leads to the question of what to expect when the machine has been programmed to antithesize the human\u2019s input. By the logic of the quote we must expect nothing from both the human and the machine, which is the stagnant quality of the interaction. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">What went right with this project was how I captured the essence of a useless interaction. In the beginning of the planning for this project, I was not sure if was going to try and recreate the box setting or attempt to create my own useless interaction that brought the user nowhere. In the end, I had a combination of the two in creating a button that was represented in an artistic way. While researching the invention and history of Marvin Minsky\u2019s Useless Machine, I came across an app for the iPhone which was allowed users to play with a virtual Useless Machine. However, after installing this app I found that while the creator had recreated the Useless Machine, they had not successfully recreated the futile interaction. The creator had implicated a counter which counted the number of times one went through the cycle of pressing the switch and had it pushed back. This gave the interaction a form of progression, which I felt entirely destroyed the purpose of the Useless Machine, and only motivated me to fabricate a truly fruitless interaction. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nothing really went wrong with this project. The only problem I had with this project and the codes was a technical one. Everything else went above and beyond the expectations I had when first starting. The small problem occurred during the third iteration in the series. I had assumed that both fixing pieces, which attach to the button to make it whole again, moved at the same speed and would arrive at their destinations at the same time. However, the left piece moved faster than the right causing a complication in the conditionals. This small glitch was easily fixed, and other than that there were no problems at all. <\/span><\/p>\n<p><strong><strong>\u00a0<\/strong><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Works Cited:<\/span><\/p>\n<p><strong><span style=\"font-weight: 400;\">Dunne, Anthony. <\/span><i><span style=\"font-weight: 400;\">Hertzian Tales: Electronic Products, Aesthetic Experience, and Critical Design<\/span><\/i><span style=\"font-weight: 400;\">. Cambridge, MA: MIT, 2005. Print.<\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my second project I really wanted to explore the possibility and result of creating an entirely useless interaction. I was inspired by the popular GIFs of Useless Machines from the internet that portrayed a box which was programed to&#8230;<\/p>\n","protected":false},"author":69,"featured_media":4133,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168],"tags":[188,193,48,179,202,203],"class_list":["post-4132","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-interactive-city","tag-project-2","tag-stagnation","tag-interactive","tag-interactive-city","tag-garrett","tag-project-two","wpcat-168-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4132"}],"version-history":[{"count":3,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4132\/revisions"}],"predecessor-version":[{"id":12978,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4132\/revisions\/12978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/4133"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}