{"id":352,"date":"2023-04-17T00:51:23","date_gmt":"2023-04-17T00:51:23","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/experience-x\/?page_id=352"},"modified":"2023-04-17T00:52:46","modified_gmt":"2023-04-17T00:52:46","slug":"ue5-demo-and-playtest-day","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/experience-x\/ue5-demo-and-playtest-day\/","title":{"rendered":"Phase 4: UE5 demo and Playtest day"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-large-font-size wp-block-paragraph\"><strong>Developing in UE5<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Upon completion of the design refinement process, programmer proceeded to import assets into Unreal Engine 5 (UE5) in order to commence feature implementation and prepare for the upcoming playtest session.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The implementation process is segmented into two distinct phases: the creation of a database and the development of UE5 blueprints.<\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color wp-block-paragraph\"><strong>Database creations<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The database provides programmers with an effective way to fulfilled the content in Kiosk. It is also convenient for future maintenance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"420\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM-1024x420.png\" alt=\"\" class=\"wp-image-353\" srcset=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM-1024x420.png 1024w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM-300x123.png 300w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM-768x315.png 768w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM-1536x630.png 1536w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-7.53.13-PM.png 1678w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color wp-block-paragraph\"><strong>UE5 DEMO<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Programmers used the visual assests provided by designers to build up clickable prototype. The team used this in the playtest day.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Experience-X Demo - User using the demo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5D4ynn9rw-4?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<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-large-font-size wp-block-paragraph\"><strong>Playtest Day<\/strong><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color wp-block-paragraph\"><strong>Preparation &#8211; Create survey<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To collect quantitative feedback about how satisfied users feel about our kiosk, we created a survey:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"574\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.04.00-PM.png\" alt=\"\" class=\"wp-image-355\" srcset=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.04.00-PM.png 731w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.04.00-PM-300x236.png 300w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color wp-block-paragraph\"><strong>Preparation &#8211; Interview and assign mission<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, we gave them a mission to do during the playtest since the kiosk is a huge system with lots of information and it is not one-line interaction. We decided to set a goal for testers and observe their relations to our predicted actions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We provided them with a selection of hardware and project categories and requested that they choose their preferred option from each. Subsequently, they were instructed to utilize the Kiosk to explore two of their chosen categories. Our task involved observing their behaviors and conducting interviews in order to gain an understanding of their thoughts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM-1024x763.png\" alt=\"\" class=\"wp-image-356\" srcset=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM-1024x763.png 1024w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM-300x224.png 300w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM-768x572.png 768w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM-1536x1145.png 1536w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-16-at-8.11.00-PM.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-secondary-color has-text-color has-large-font-size wp-block-paragraph\"><strong>Playtest results<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There were a total of\u00a0<strong>47 playtesters<\/strong>\u00a0who participated in the overview of our portal. This is a comprehensive user group testing initiative encompassing individuals ranging in age from <strong>9 to 63 years old<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We received\u00a0<strong>32 survey responses<\/strong>\u00a0and conducted\u00a0<strong>8 interviews\u00a0<\/strong>with follow up questions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>81.2%<\/strong>&nbsp;users totally how to use the portal, including how to find the information they need about the projects on the left panel and the 3d map on the right panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed-1024x487.png\" alt=\"\" class=\"wp-image-357\" srcset=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed-1024x487.png 1024w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed-300x143.png 300w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed-768x365.png 768w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed-1536x731.png 1536w, https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/imageLikeEmbed.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-secondary-color has-text-color has-large-font-size wp-block-paragraph\"><strong>Plan for iteration<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Based on the result, the team started to do the final iteration from mainly three parts<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unify the look of buttons, and titles to keep visual consistency.<\/li>\n\n\n\n<li>Complete adding all of the statues and art in the 3D model<\/li>\n\n\n\n<li>Add new features and visual effects to enhance the user engagement<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Developing in UE5 Upon completion of the design refinement process, programmer proceeded to import assets into Unreal Engine 5 (UE5) in order to commence feature implementation and prepare for the upcoming playtest session. The implementation process is segmented into two distinct phases: the creation of a database and the development of UE5 blueprints. Database creations [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":360,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-352","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/352\/revisions\/361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/media\/360"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/media?parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}