{"id":6192,"date":"2017-05-11T03:12:30","date_gmt":"2017-05-11T03:12:30","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=6192"},"modified":"2018-05-05T14:36:21","modified_gmt":"2018-05-05T14:36:21","slug":"_elements-picking-up-an-early-system","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=6192","title":{"rendered":"(_)Elements, or: Ron Resch Now Digital (Picking Up: An Early System)"},"content":{"rendered":"

conf.{A}.OLD1.elem.ents.&and.conf.NEW1<\/strong><\/p>\n

Because the application is a system that only exists in relation to a user, a user who ultimately has to click and search through the application for it to reveal itself fully (it is informational, it exists on a server somewhere, but it is only actually \u201cthere\u201d when it is read. Kind of like the tree that falls when no one is looking, except this is more about \/use\/: there is only a point to it if someone uses it) \u2013 it has to have an appeal and an elegance and a \/flow\/.<\/p>\n

What emerges in our systems class is the idea of systems aesthetics, and I find the perfect application in an actual web application, at precisely this intersection of machinery and observer. For it to work well ultimately, these separate entities must work together, and the actual meeting point is the aesthetically sophisticated system. Where if it does not have sophistication (visual appeal in color and form, elegance and good function), the system is not only not engaging, but won\u2019t be used in the first place. The internet and its web apps and sites are designed more and more to be consumable: something that is not palatable can easily be discarded in favor of something more usable. The internet is competitive and the drive goes towards consumability, in this sense.<\/p>\n

But anyway, it\u2019s what I wanted to achieve in designing a portfolio of systems: an actually system-inspired application, that more than anything, marches to the drum of system aesthetics.<\/p>\n

While always being mindful of the too much and kitsch that might go with that. I don\u2019t want to be the person with the crazy power point \u2013 all those transitions and effects, so that the thing is just unprofessional in how dynamic and centerstage it is. (You know?)<\/p>\n

Finally, some concrete examples of what I mean here, in funkelsteine.com:<\/p>\n

\u2013 the tabs in top of the site alert the user to their location in the logical flow of the website
\n\u2013 the center piece of the page is a an animated triangular design (svg images loaded by a script) inspired by the work in my analog system right at the beginning of the semester (Ron Resch paper folding ideas). It is based on the scanned version of the actual, physical Resch fold:<\/p>\n

\"IMG_0146\"<\/a><\/p>\n

 <\/p>\n

Subsequently turns\u00a0into (screenshotted):<\/p>\n

\"Screen<\/a><\/p>\n

\u2013 sitting on top of this field of triangles is a pop-up menu that follows the user and collapses depending on their location on the page (css menu manipulated by script). The idea was to have this be very dynamic, and also centered (literally) and prominent, hovering slightly above the rest of the page (drop shadow): the social media icons that will populate this \u201cflower petal\u201d menu are central to the content ideas of the project. The idea is that these things get shared and find their way to lots of users, so that something really \/systems\/ grows out of it.<\/p>\n

Apart from these design ideas inspired by systems aesthetics, of course, the whole website, and the actual code that runs it, on a sever, is a system. I also decided to appropriate the thing as a portfolio of my work this semester: I am also showcasing the Garden of Life (processing piece running on Conway\u2019s Game of Life logic), and last semesters work in Unity, on ADAM, on this website!<\/p>\n","protected":false},"excerpt":{"rendered":"

conf.{A}.OLD1.elem.ents.&and.conf.NEW1 Because the application is a system that only exists in relation to a user, a user who ultimately has to click and search through the application for it to reveal itself fully (it is informational, it exists on a…<\/p>\n","protected":false},"author":113,"featured_media":6194,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[263],"tags":[317,318,306,307,292,308,294],"class_list":["post-6192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-tools-for-artists","tag-ron-resch","tag-conference-work-related","tag-conf-old1","tag-conf-new1","tag-system","tag-system-aesthetics","tag-self-evolving","wpcat-263-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6192"}],"version-history":[{"count":6,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6192\/revisions"}],"predecessor-version":[{"id":8981,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/6192\/revisions\/8981"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/6194"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6192"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}