{"id":96,"date":"2008-11-28T00:00:32","date_gmt":"2008-11-27T22:00:32","guid":{"rendered":"http:\/\/www.janvanderasdonk.com\/?p=96"},"modified":"2013-10-19T01:27:48","modified_gmt":"2013-10-18T23:27:48","slug":"aesthetics-of-interaction","status":"publish","type":"post","link":"https:\/\/www.janvanderasdonk.com\/old\/2008\/aesthetics-of-interaction\/","title":{"rendered":"Aesthetics of Interaction"},"content":{"rendered":"<h1>Music = Interaction<\/h1>\n<p>This one week individual course dealt with designing a new interaction based on a classical piece of music. It&#8217;s essence was not to reflect the movements of the music, but to capture the underlying elements and emotions. The music excerpt for this design was <em>Olden Style Pieces I<\/em> by <a href=\"http:\/\/en.wikipedia.org\/wiki\/Henryk_G\u00f3recki\" target=\"_blank\">Henryk Gorecki<\/a>, a polish composer of contemporary classical music.<\/p>\n<h1>The Prototype<\/h1>\n<p>Having experienced the music for several hours, analyzing it&#8217;s underlying elements and emotions, the conclusion was made that it dealt with <em>repetition<\/em>, <em>slowly building<\/em>, with a <em>conclusion<\/em><em> <\/em>at the end, as if a certain <em>goal<\/em> was reached.<br \/>\nthe concept was integrated into\u00a0the design of an interative light system with the interactivity focussing on the activation of the light.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-733\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_007.png\" alt=\"\" width=\"626\" height=\"470\" \/><br \/>\nUpon rotation of the lowest foam panel, the bottom segment would adjust it brightness: counter-clockwise rotation meant a decrease in brightness, and clockwise rotation resulted in an increase in brightness.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-734\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_008.png\" alt=\"\" width=\"626\" height=\"470\" \/><br \/>\nWhen the brightness of the bottom segment was set to its maximum, the middle segment would be activated. When this segment reached its maximum brightness, the top segment was activated. When the top segment was eventually set to its maximum brightness, the segments would switch off their lights one by one, starting at the bottom. When this action was completed, the top most light switched on, capturing the light inside the crystal. This illustrated the completed interaction.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-735\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_009.png\" alt=\"\" width=\"626\" height=\"470\" \/><br \/>\n<img decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/themes\/viewport\/images\/line_626.png\" alt=\"\" \/><\/p>\n<h1>The Process<\/h1>\n<h2>Opening Flower<\/h2>\n<p>The first iterations dealt with the motion of opening flower petals. This was visualized with various orgami flowers.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-729\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_003.png\" alt=\"\" width=\"626\" height=\"470\" \/><\/p>\n<h2>Prototype Two<\/h2>\n<p>An interactive prototype, based on the continuous repetition aspect of the music, was constructed using a glass tube and circular foam panels. These panels would allow for rotation, with each panel operating a particular segment of the lighting inside.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-730\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_004.png\" alt=\"\" width=\"626\" height=\"470\" \/><\/p>\n<h2>Inertia to Music<\/h2>\n<p>The foam&#8217;s adherence to the glass resulted in a feeling of inertia, something obstructing rapid movement of the foam panels, in turn strenghtening the link with the slow-paced music.<br \/>\nThe first prototype was used as a demonstrator for further study of the subject at hand. Feedback and experiences with modelling pointed out the unfeasability of constructing such an elaborate flower-petal mechanism in the three remaining days.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-731\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_005.png\" alt=\"\" width=\"626\" height=\"470\" \/><\/p>\n<h2>The Electronics<\/h2>\n<p>This ultimately resulted in a different approach where the prototype would have three movable panels, each operating a single segment of the tube. Finally this light would be bundled at the top.<br \/>\nThe final prototype was constructed using the glass tube from the first iteration, combined with various high power LED&#8217;s and light sensors to measure the rotation of the foam panels through the glass.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-732\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/uploads\/2009\/09\/aesthetics_of_interaction_006.png\" alt=\"\" width=\"626\" height=\"470\" \/><br \/>\nAgain utilizing the inertia from the foam panels,separated by small plastic rings, the interaction for the light segments was complete. In the final hour a cap was fitted at the top with a small salt crystal to capture the bundle of light.<br \/>\n<img decoding=\"async\" src=\"https:\/\/www.janvanderasdonk.com\/old\/wp-content\/themes\/viewport\/images\/line_626.png\" alt=\"\" \/><\/p>\n<h1>Stats<\/h1>\n<p><strong>completed in:<\/strong> November, 2008<br \/>\n<strong>time spent on project:<\/strong> 1 intense week<br \/>\n<strong>stakeholder:<\/strong> <a href=\"http:\/\/w3.id.tue.nl\/en\/\" target=\"_blank\">Department of Industrial Design<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing an interaction around a classical piece of music<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,10],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-all","category-interaction"],"_links":{"self":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":38,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":1932,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/posts\/96\/revisions\/1932"}],"wp:attachment":[{"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janvanderasdonk.com\/old\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}