{"id":371,"date":"2024-04-07T17:40:28","date_gmt":"2024-04-07T17:40:28","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/puppamatics\/?p=371"},"modified":"2024-04-10T17:44:50","modified_gmt":"2024-04-10T17:44:50","slug":"week-11-playtest-day","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/puppamatics\/week-11-playtest-day\/","title":{"rendered":"Week 11: Playtest Day"},"content":{"rendered":"\n<p>This week, the team is working hard for the Playtest Day! Every academic semester, the&nbsp;ETC holds a Playtest Day when graduate student teams make their project work&nbsp;available&nbsp;for&nbsp;playtesting&nbsp;by guests. The term&nbsp;<strong>playtest<\/strong>&nbsp;indicates the use of an experience or game by a guest to see whether it is performing as expected. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preparations<\/h2>\n\n\n\n<p>Before the playtest day, the team has some work that needed to be done to make sure everything goes well on that day. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Artists<\/h3>\n\n\n\n<p>The artists are working on separate things. <\/p>\n\n\n\n<p>Lawrence has been working on the 3D animation. He took in the feedback from the team and our instructor regarding the intro video and did some adjustment to the scenes. Now, the intro video is basically done with great lighting and interesting storyline.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1024x544.png\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1024x544.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-300x159.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-768x408.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1536x817.png 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2048x1089.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-1024x548.png\" alt=\"\" class=\"wp-image-377\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-1024x548.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-300x161.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-768x411.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-1536x823.png 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-1-2048x1097.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Randi has been designing our second iteration of the tool&#8217;s interface. She did a wonderful job coordinating the theme into the interface. Right now, the tool is giving a theater backstage vide, fitting the intro video setting too. She also rethink about some of the user flow to make it more simpler. For example, we originally had the save all function in the surface map panel. Now, we had a finish button at the bottom right corner of the screen, which gives a much clearer information about what the function works and how the user flow will go.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start-1024x576.jpg\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start-1024x576.jpg 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start-300x169.jpg 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start-768x432.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start-1536x864.jpg 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Start.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop-1024x576.jpg\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop-1024x576.jpg 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop-300x169.jpg 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop-768x432.jpg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop-1536x864.jpg 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/FAQDrop.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Programmers<\/h3>\n\n\n\n<p>The programmers are fixing some bugs and also doing some iterations on the tool as well.<\/p>\n\n\n\n<p>Sarah and Jasmine took some time fixing bugs that occurred, such as correcting the scaling bar and fixing the save all functions.<\/p>\n\n\n\n<p>They also spent some time implementing the UI assets that Randi made into the tool to make it more appealing. We get a lot of feedback about the original color of the model is too dark to see clearly, so the programmers took some time editing the lightings and the material of the shapes. They also made more scenes for the videos so that the players could play and watch our videos in the tool. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Producers<\/h3>\n\n\n\n<p>The producers are working on some details of the tool.<\/p>\n\n\n\n<p>Samantha and Eva spent sometime shooting the assembly video and Samantha took time editing it. The assembly video is meant to be played at the last stage of design before sending the kids to make their puppets. We did our best to make the video as interesting as possible. Also, we made our first version of the UI tutorial video. Eva spent time editing and recording the screens to make the video. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-1024x576.png\" alt=\"\" class=\"wp-image-380\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/Assemble-Video-Google-Drive-Google-Chrome-4_10_2024-12_34_25-PM-2048x1152.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-1024x548.png\" alt=\"\" class=\"wp-image-381\" style=\"width:469px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-1024x548.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-300x161.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-768x411.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-1536x822.png 1536w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-2-2048x1096.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Trying to ensure a smooth playtest day, producers also started to prepare all the printouts, instructions, and templates for our playtesters to paly around with.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Playtest Day<\/h2>\n\n\n\n<p>Playtest Day is finally here! We are happy to see all the playtesters coming in to try out our project.<\/p>\n\n\n\n<p>Since our project is targeting students around 4th to 5th grades, the playtesters we have are around 6 to 14 years ould and also some of their parents. We have a 40-minute time slot for our sessions since our project is in a workshop setting which we want to make our playtesters have a similar experience, and we also hope that they could have some time trying out the printouts and do some assembling.<\/p>\n\n\n\n<p>We conduct our session as the following image shows. We first show them the intro video to set the stage and then the UI tutorial so that they would know how to use the tool. The would have around 10 to 20 minutes to design their puppet in the tool. For the assemble stage, we show then the assemble video and the ending video. They would also use the templates that we printed out to try doing some coloring and assembling. Instead of letting them coloring on the puppet they design, we only let them use the printouts we provided because the printing stage takes a lot of time and also the playtesters would not have enough time to finish an entire puppet in the time frame as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"196\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-5-1024x196.png\" alt=\"\" class=\"wp-image-393\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-5-1024x196.png 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-5-300x57.png 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-5-768x147.png 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/image-5.png 1177w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>During the playtesting sessions, we find out several interesting things. <\/p>\n\n\n\n<p>First of all, we realize that the design stage doesn&#8217;t take as long as we estimated. The average time that our playtesters spend on designing is around 10 to 15 minutes. However, the time also really varies between different age groups, as older kids spend lesser time than younger ones. We don&#8217;t think this might hurt the entire scheduling of our project and the workshop that our client is hosting because the students that we are targeting did spend around 20 minute to design, matching our estimation. <\/p>\n\n\n\n<p>Second, we get good feedback about the videos we made. However, we still also realize that kids don&#8217;t really like to read the instructions and even watch the tutorial videos. We found out that kids don&#8217;t read the instruction worksheet during our West Liberty Playtest, so we decided to make some videos to supplement the use of reading. To our surprise, the playtesters still don&#8217;t play as much attention to the video as we think they are supposed to. We think that this is because the Playtest Day is not like a classroom setting where kids are mandatory to listen carefully of what the teacher is saying, in this case, the playtesters might be a little less focus on the more tedious part of the project.<\/p>\n\n\n\n<p>Also, kids are using the program way better than we expected. This might be because they are really familiar with tech product these days. In addition, parents are also really participating in the tool and giving help to their kids, which is a really good interaction that we see.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/5E29EE0A-76BC-410A-9BFA-0DDA79B3CE3F_1_105_c-edited.jpeg\" alt=\"\" class=\"wp-image-397\" style=\"width:771px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/5E29EE0A-76BC-410A-9BFA-0DDA79B3CE3F_1_105_c-edited.jpeg 1024w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/5E29EE0A-76BC-410A-9BFA-0DDA79B3CE3F_1_105_c-edited-300x169.jpeg 300w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/5E29EE0A-76BC-410A-9BFA-0DDA79B3CE3F_1_105_c-edited-768x432.jpeg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/D956A63E-DB6A-4582-A1B8-B0FBDC37B5D4_1_105_c-edited.jpeg\" alt=\"\" class=\"wp-image-396\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/D956A63E-DB6A-4582-A1B8-B0FBDC37B5D4_1_105_c-edited.jpeg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/D956A63E-DB6A-4582-A1B8-B0FBDC37B5D4_1_105_c-edited-300x169.jpeg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/89DB08AE-DFE6-4618-81D2-754F0CBF4FF8_1_105_c-edited.jpeg\" alt=\"\" class=\"wp-image-399\" srcset=\"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/89DB08AE-DFE6-4618-81D2-754F0CBF4FF8_1_105_c-edited.jpeg 768w, https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-content\/uploads\/2024\/04\/89DB08AE-DFE6-4618-81D2-754F0CBF4FF8_1_105_c-edited-300x169.jpeg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Next Steps<\/h2>\n\n\n\n<p>The team would be continuing doing a second iteration on the videos in the tool. We also found some bugs to fix so the programmers would be working on it next week. The team would have some time to get rest and enjoy the vibrant vibe of Spring Carnival next week and then come back for Softs Openings! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, the team is working hard for the Playtest Day! Every academic semester, the&nbsp;ETC holds a Playtest Day when graduate student teams make their [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":394,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/371"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":7,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/371\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/posts\/371\/revisions\/401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/media\/394"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/media?parent=371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/categories?post=371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/puppamatics\/wp-json\/wp\/v2\/tags?post=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}