{"id":1305,"date":"2020-04-05T20:55:07","date_gmt":"2020-04-05T20:55:07","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/?p=1305"},"modified":"2020-05-08T18:26:53","modified_gmt":"2020-05-08T18:26:53","slug":"vr-playtest","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/2020\/04\/05\/vr-playtest\/","title":{"rendered":"Playtest Protocol: VR Simulation"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Overview<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Final-Presentation-8.png\" alt=\"\" class=\"wp-image-1784\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Final-Presentation-8.png 960w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Final-Presentation-8-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Final-Presentation-8-768x432.png 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><figcaption>We&#8217;ve conducted four playtests before the half. They helped us shape our concept into the final design by defining our design medium, determining the polling system mechanism, and testing the content we want to display.&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>We strived to conduct meaningful playtests all throughout the semester. After the Spring break, we had to creatively problem solve for conducting playtests and that is when we decided to use the power of virtual reality and simulate an environment of the Kenner room. It helped us not only convey our ideas to our instructors, playtesters and clients but also aided the team by providing tangible feedback to our development process.<\/p>\n\n\n\n<p><strong>VR simulation<\/strong> was created<strong> <\/strong>to help<strong> examine the functionality and interaction design<\/strong> of the installation. <\/p>\n\n\n\n<p>Besides VR, we also provided an additional PC version to <strong>collect more feedbacks on the interface design<\/strong> considered there are limited testers with VR equipments.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Purpose<\/th><th>Interaction<\/th><\/tr><\/thead><tbody><tr><td>(1) The positions of each button are easy to find and reach<\/td><td>Perceive and Process, will be examined by self-report survey afterwards.<\/td><\/tr><tr><td>(2) The visual design can navigate the users trigger a selection without verbal instruction<\/td><td>In VR: Move the controllers close to touch the buttons.<br>On PC: Click on the buttons.<\/td><\/tr><tr><td>(3) Visually legible and attractive<\/td><td>Perceive and Process, will be examined by self-report survey afterwards.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Testing Protocols<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Read the (a) instruction file.<\/li><li>Download the build<\/li><li>Unzip and install the build<\/li><li>Experience it in VR or on PC\/laptop or Watch a Video<\/li><li>Fill out the according Google form Survey<\/li><\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">(a) Instruction File (+ iterations)<\/h5>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.001.jpeg\"><img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.001.jpeg\" alt=\"\" data-id=\"1308\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/?attachment_id=1308\" class=\"wp-image-1308\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.001.jpeg 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.001-225x300.jpeg 225w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.002.jpeg\"><img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.002.jpeg\" alt=\"\" data-id=\"1307\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/?attachment_id=1307\" class=\"wp-image-1307\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.002.jpeg 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.002-225x300.jpeg 225w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">How to screenshot in VR<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.003.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.003.jpeg\" alt=\"\" data-id=\"1306\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/?attachment_id=1306\" class=\"wp-image-1306\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.003.jpeg 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/04\/Read-before.003-225x300.jpeg 225w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2-768x1024.png\" alt=\"\" data-id=\"1755\" data-full-url=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2.png\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/index.php\/2020\/04\/05\/vr-playtest\/instruction_vr2\/\" class=\"wp-image-1755\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2-768x1024.png 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2-225x300.png 225w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2-1152x1536.png 1152w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR2-1536x2048.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2-768x1024.png\" alt=\"\" data-id=\"1756\" data-full-url=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2.png\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/index.php\/2020\/04\/05\/vr-playtest\/instruction_pc2\/\" class=\"wp-image-1756\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2-768x1024.png 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2-225x300.png 225w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2-1152x1536.png 1152w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_PC2-1536x2048.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3-768x1024.png\" alt=\"\" data-id=\"1757\" data-full-url=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3.png\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/index.php\/2020\/04\/05\/vr-playtest\/instruction_vr3\/\" class=\"wp-image-1757\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3-768x1024.png 768w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3-225x300.png 225w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3-1152x1536.png 1152w, https:\/\/projects-old.etc.cmu.edu\/the-other-side\/wp-content\/uploads\/2020\/05\/Instruction_VR3-1536x2048.png 1536w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">1st Playtest: An Example of VR Testing<\/h5>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/VR-Simulation.m4v\"><\/video><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">1st Playtest: An Example of PC Testing<\/h5>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/wp-content\/uploads\/2020\/04\/Playtest0405_PC.mp4\"><\/video><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Final Playtest: the VR Recording Shown to the testers before the survey<\/h5>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Polling Demo_Playtest\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/LmAlaUjp7xA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Read more about <a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/index.php\/2020\/04\/25\/vr-demo-rigs\/\">How VR has helped us<\/a>.<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\">Read more about <a href=\"https:\/\/www.etc.cmu.edu\/projects\/the-other-side\/index.php\/2020\/05\/08\/design-iterations\/\">How we iterated the design based on feedbacks.<\/a><\/h4>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview We strived to conduct meaningful playtests all throughout the semester. After the Spring break, we had to creatively problem solve for conducting playtests and that is when we decided to use the power of virtual reality and simulate an environment of the Kenner room. It helped us not only convey our ideas to our [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1318,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,3],"tags":[],"class_list":["post-1305","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-playtest","category-research"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/posts\/1305"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/comments?post=1305"}],"version-history":[{"count":15,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/posts\/1305\/revisions"}],"predecessor-version":[{"id":1797,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/posts\/1305\/revisions\/1797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/media\/1318"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/media?parent=1305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/categories?post=1305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/tags?post=1305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}