{"id":233,"date":"2023-03-23T04:03:00","date_gmt":"2023-03-23T04:03:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/experience-x\/?page_id=233"},"modified":"2023-04-09T21:08:37","modified_gmt":"2023-04-09T21:08:37","slug":"phase-2-wireframe-and-user-testing","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/experience-x\/phase-2-wireframe-and-user-testing\/","title":{"rendered":"Phase 2: Wireframe and 1st User Testing"},"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>Wireframe<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sharon, Cherry, and Peter used the information architecture to generate wireframes in preparation for the first inside playtesting. The primary objective of the wireframes was to validate if the functions could satisfy users&#8217; needs, and secondly, to consider the visual style that best fits ETC.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"17012\" height=\"10780\" src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/03\/Frame-26.png\" alt=\"\" class=\"wp-image-234\"\/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-secondary-color has-text-color has-large-font-size wp-block-paragraph\"><strong>User Testing<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After creating the wireframes, we conducted playtesting sessions with ETC students, faculty, and undergraduate students at the main campus. The purpose of the playtesting was to collect feedback in the initial stage of the design process and explore possible solutions to existing design problems.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-content\/uploads\/2023\/04\/IMG_0200.mov\"><\/video><\/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>Takeaway from the 1st user testing<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It is helpful for the participants of ETC tour but the guide system is needed to be more detailed to personalized different people\u2019s interest<\/li>\n\n\n\n<li>Visual reference(like a 3D model) attract the user\u2019s attention and navigating inside the building<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Wireframe Sharon, Cherry, and Peter used the information architecture to generate wireframes in preparation for the first inside playtesting. The primary objective of the wireframes was to validate if the functions could satisfy users&#8217; needs, and secondly, to consider the visual style that best fits ETC. User Testing After creating the wireframes, we conducted playtesting [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-233","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/233","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=233"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/pages\/233\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/experience-x\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}