{"id":2799,"date":"2021-03-29T16:08:51","date_gmt":"2021-03-29T20:08:51","guid":{"rendered":"https:\/\/dems.asc.ohio-state.edu\/?p=2799"},"modified":"2021-03-29T16:08:51","modified_gmt":"2021-03-29T20:08:51","slug":"cycle-1-documentation-maria","status":"publish","type":"post","link":"https:\/\/dems.asc.ohio-state.edu\/?p=2799","title":{"rendered":"Cycle 1 Documentation (Maria)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For this cycle, I wanted to explore interaction design with the LEAP motion. I made two little &#8216;puzzles&#8217; in Isadora in which the user would have to complete certain actions to get to the next step. I thought a lot about the users experience&#8211;providing user feedback in response to actions and making the movements intuitive. The first one was simply pressing a button by moving your hand downwards.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-5-1024x568.png\" alt=\"\" class=\"wp-image-2810\" width=\"407\" height=\"225\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-5-1024x568.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-5-300x166.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-5-768x426.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-5.png 1185w\" sizes=\"auto, (max-width: 407px) 100vw, 407px\" \/><figcaption>Before user interacts<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-4-1024x566.png\" alt=\"\" class=\"wp-image-2809\" width=\"413\" height=\"228\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-4-1024x566.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-4-300x166.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-4-768x424.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-4.png 1180w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/><figcaption>Once user &#8216;makes contact with&#8217;\/starts moving the button it turns dark red<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-6-1024x570.png\" alt=\"\" class=\"wp-image-2811\" width=\"409\" height=\"227\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-6-1024x570.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-6-300x167.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-6-768x427.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-6.png 1195w\" sizes=\"auto, (max-width: 409px) 100vw, 409px\" \/><figcaption>Once user has pushed the button down to a certain point, it turns green, signaling that they&#8217;ve completed the task<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-1024x393.png\" alt=\"\" class=\"wp-image-2812\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-1024x393.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-300x115.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-768x295.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-1536x589.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-7-2048x785.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Scene 1: Red button<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-1024x612.png\" alt=\"\" class=\"wp-image-2813\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-1024x612.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-300x179.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-768x459.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-1536x918.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-8-2048x1225.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Scene 2: Green\/complete button<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The second puzzle was aligning a shape into a hole based on the movement of the users hands.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-9-1024x575.png\" alt=\"\" class=\"wp-image-2814\" width=\"395\" height=\"221\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-9-1024x575.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-9-300x168.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-9-768x431.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-9.png 1167w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><figcaption>before user interacts<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-10-1024x572.png\" alt=\"\" class=\"wp-image-2815\" width=\"414\" height=\"231\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-10-1024x572.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-10-300x168.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-10-768x429.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-10.png 1182w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><figcaption>User moves hand to try to align the two shapes<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-12-1024x557.png\" alt=\"\" class=\"wp-image-2817\" width=\"391\" height=\"212\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-12-1024x557.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-12-300x163.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-12-768x418.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-12.png 1195w\" sizes=\"auto, (max-width: 391px) 100vw, 391px\" \/><figcaption>Once the boxes get close enough, it turns green<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-11-1024x567.png\" alt=\"\" class=\"wp-image-2816\" width=\"405\" height=\"224\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-11-1024x567.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-11-300x166.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-11-768x426.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-11.png 1182w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><figcaption>If user stays in range for 1 second, the task complete scene is triggered<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-1024x583.png\" alt=\"\" class=\"wp-image-2818\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-1024x583.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-300x171.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-768x437.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-1536x875.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-13-2048x1166.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Scene 3: part 1\/2<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-1024x621.png\" alt=\"\" class=\"wp-image-2819\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-1024x621.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-300x182.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-768x466.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-1536x931.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-14-2048x1241.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Scene 3: part 2\/2<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"918\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15-1024x918.png\" alt=\"\" class=\"wp-image-2820\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15-1024x918.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15-300x269.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15-768x688.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15-1536x1377.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2021\/03\/image-15.png 1765w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Scene 4: puzzle complete<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For the next cycle, the goal is to create more of a story that guides\/gives purpose to these puzzles.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this cycle, I wanted to explore interaction design with the LEAP motion. I made two little &#8216;puzzles&#8217; in Isadora in which the user would have to complete certain actions to get to the next step. I thought a lot about the users experience&#8211;providing user feedback in response to actions and making the movements intuitive. [&hellip;]<\/p>\n","protected":false},"author":63,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,1],"tags":[],"class_list":["post-2799","post","type-post","status-publish","format-standard","hentry","category-maria-b","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2799"}],"version-history":[{"count":1,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2799\/revisions"}],"predecessor-version":[{"id":2821,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/2799\/revisions\/2821"}],"wp:attachment":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}