{"id":124,"date":"2009-10-07T23:22:21","date_gmt":"2009-10-07T23:22:21","guid":{"rendered":"http:\/\/blog.ishback.com\/?p=124"},"modified":"2009-11-09T00:18:27","modified_gmt":"2009-11-09T00:18:27","slug":"introduction-to-interaction-design","status":"publish","type":"post","link":"http:\/\/blog.ishback.com\/?p=124","title":{"rendered":"Introduction to Interaction Design"},"content":{"rendered":"<p>The 3rd week at CIID we received Matt Cottam, co-founder of <a href=\"http:\/\/www.tellart.com\/#information\/person\/matt\">Tellart<\/a>.\u00a0 The goal was to &#8220;introduce us to core concepts involved with interaction design&#8221; through an analog experience, with any use of technology. The course was structured to work on different small <a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/intro-to-ixd-cottam_ciid09_small.pdf\">projects<\/a> covering different topics, as well as film viewings and discussions.<\/p>\n<p>During the week we run a project in parallel to the short ones: &#8220;What is a switch?&#8221;. We were asked to create at least 20 switches using scraps we found around us. We worked until late at night, converting our tables in a coloured mess of pieces of everything. By Friday we had a broad collection of switches, ranging from a simple contact of two pieces of paper, to high elaborated and complex artifacts.<\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/dsc_0045b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-126\" title=\"dsc_0045b\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/dsc_0045b-1024x500.jpg\" alt=\"dsc_0045b\" width=\"400\" height=\"195\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/dsc_0045b-1024x500.jpg 1024w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/dsc_0045b-300x146.jpg 300w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/11\/dsc_0045b.jpg 1476w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0050b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-131\" title=\"dsc_0050b\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0050b-1024x685.jpg\" alt=\"dsc_0050b\" width=\"400\" height=\"267\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0050b-1024x685.jpg 1024w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0050b-300x200.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0041b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-133\" title=\"dsc_0041b\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0041b-1024x685.jpg\" alt=\"dsc_0041b\" width=\"400\" height=\"267\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0041b-1024x685.jpg 1024w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0041b-300x200.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>On Day 3 we designed icons for &#8220;add a friend&#8221; and &#8220;unfriend&#8221; buttons for a social network interface. After brainstorming around what these concepts mean in different environments and groups of people, each of us created a mural 24&#215;24 post-its in a selected surface. Here my process and result:<\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/img_2994b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-130\" title=\"img_2994b\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/img_2994b-1024x768.jpg\" alt=\"img_2994b\" width=\"400\" height=\"300\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/img_2994b-1024x768.jpg 1024w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/img_2994b-300x224.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p><object width=\"400\" height=\"220\" data=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=6916374&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1\" type=\"application\/x-shockwave-flash\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=6916374&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1\" \/><\/object><\/p>\n<p>We explored other fields of interaction design with the other assignments, such as cities as platforms, visualisation of virtual relationships, mobile application for arrange a meeting or re-design of an old interface.<\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0038b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-145\" title=\"dsc_0038b\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0038b-1024x685.jpg\" alt=\"dsc_0038b\" width=\"400\" height=\"267\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0038b-1024x685.jpg 1024w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0038b-300x200.jpg 300w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/dsc_0038b.jpg 1181w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/old_interface.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-134\" title=\"old_interface\" src=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/old_interface-1023x516.jpg\" alt=\"old_interface\" width=\"400\" height=\"201\" srcset=\"http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/old_interface-1023x516.jpg 1023w, http:\/\/blog.ishback.com\/wp-content\/uploads\/2009\/10\/old_interface-300x151.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p>I experienced this week as a perfect warm up for the whole programme, regarding both content and intensity.<\/p>\n<p>Other pictures of the projects developed this week <a href=\"http:\/\/www.flickr.com\/photos\/78897029@N00\/tags\/w2\/\">here<\/a>.<\/p>\n<div id='social-buttons' style='width:215px;margin-top:40px;'><div id='tw-button' style='display:inline;'><a href='http:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.ishback.com%2F%3Fp%3D124&count=none&related=&text=Introduction%20to%20Interaction%20Design' class='twitter-share-button' data-text='Introduction to Interaction Design' data-url='http:\/\/blog.ishback.com\/?p=124' data-counturl='http:\/\/blog.ishback.com\/?p=124' data-count='none' data-via='ishacbertran'>Tweet<\/a><\/div><div id='fb-button' style='float:right;display:inline;width:150px;'><iframe src='http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Fblog.ishback.com%2F%3Fp%3D124&amp;layout=button_count&amp;show_faces=true&amp;width=350&amp;action=like&amp;colorscheme=light&amp;height=20&amp;font=lucida+grande' scrolling='no' frameborder='0' allowTransparency='true' style='border:none; overflow:hidden; width:350px; height:20px'><\/iframe><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The 3rd week at CIID we received Matt Cottam, co-founder of Tellart.\u00a0 The goal was to &#8220;introduce us to core concepts involved with interaction design&#8221; through an analog experience, with any use of technology. The course was structured to work on different small projects covering different topics, as well as film viewings and discussions. During [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[136,51,52],"class_list":["post-124","post","type-post","status-publish","format-standard","hentry","category-ciid","tag-ciid","tag-matt_cottam","tag-w3"],"_links":{"self":[{"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/posts\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":6,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/posts\/124\/revisions"}],"predecessor-version":[{"id":146,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=\/wp\/v2\/posts\/124\/revisions\/146"}],"wp:attachment":[{"href":"http:\/\/blog.ishback.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=124"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.ishback.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}