{"id":95,"date":"2020-02-17T18:41:13","date_gmt":"2020-02-17T18:41:13","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/?p=95"},"modified":"2020-04-03T17:16:41","modified_gmt":"2020-04-03T17:16:41","slug":"neo-security-lab-week-5-blog-sent-to-client-review-waiting-for-the-permission-to-publish","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/2020\/02\/17\/neo-security-lab-week-5-blog-sent-to-client-review-waiting-for-the-permission-to-publish\/","title":{"rendered":"Neo Security Lab Week 5 blog"},"content":{"rendered":"\n<p>Neo Security Lab Week 5<br> For week5 we iterated our mini-game base on our Quarter Semester feedback and client\u2019s feedback, we also met Dr. Jessica Hammer and collected some useful advice from Dr. Hammer and iterated our product UI from such advice.<br><\/p>\n\n\n\n<p> For our Mini Game, based on the feedback we thought if we do 4-5 different kinds of mini-games, it might not give the user a consistent experience, and also introduces the disadvantage of making a consistent story background. Therefore, we decided to make our mini-game to be a patch panel theme mini-game with different levels from easy to hard, instead of 4 -5 different games. We will test this approach of one style of mini-game interspersed with the questions in the coming weeks. The shown mini-game of random pipe connections inspired a patch panel idea that will be closer to the rest of the story and experience. That is, we are moving from extrinsic fantasy to intrinsic fantasy and working to have our story, UI, and mini-games work together and complement one another.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase1-1024x575.jpg\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase1-1024x575.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase1-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase1-768x431.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase1.jpg 1230w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase2-1024x578.jpg\" alt=\"\" class=\"wp-image-105\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase2-1024x578.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase2-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase2-768x434.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase2.jpg 1231w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-1 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><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-1024x508.jpg\" alt=\"\" data-id=\"106\" data-full-url=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3.jpg\" data-link=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/index.php\/2020\/02\/17\/neo-security-lab-week-5-blog-sent-to-client-review-waiting-for-the-permission-to-publish\/phase3\/\" class=\"wp-image-106\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-1024x508.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-300x149.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-768x381.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-1536x762.jpg 1536w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/Phase3-2048x1016.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Moving from\nrandom pipe to patch panel mini game design<\/p>\n\n\n\n<p>For our UI design we had different options, but ultimately we listened to Dr. Hammer\u2019s advice and decided to use the most concise design in order to appeal to our user and present as clear information as possible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"767\" height=\"524\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/4-1.png\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/4-1.png 767w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/4-1-300x205.png 300w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/><\/figure>\n\n\n\n<p><strong>The initial simple UI we desiged<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"519\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/5-1.png\" alt=\"\" class=\"wp-image-108\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/5-1.png 752w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/5-1-300x207.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/6-1-1024x626.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/6-1-1024x626.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/6-1-300x183.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/6-1-768x469.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/6-1.png 1430w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/7-1-1024x638.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/7-1-1024x638.png 1024w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/7-1-300x187.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/7-1-768x478.png 768w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/7-1.png 1386w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>The<\/strong> <strong>most concise design we shared includes \u201cClick more information, pop out result\u201d function<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"561\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/8-2.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/8-2.png 874w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/8-2-300x193.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/8-2-768x493.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<p><strong>Another layout for detailed UI, where choices are in the middle of the scene.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"553\" src=\"https:\/\/www.etc.cmu.edu\/projects\/neo-security-lab\/wp-content\/uploads\/2020\/02\/9-2.png\" alt=\"\" class=\"wp-image-112\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/9-2.png 874w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/9-2-300x190.png 300w, https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/wp-content\/uploads\/2020\/02\/9-2-768x486.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<p><strong>We will keep iterating more versions to make sure players can easily get the information they need.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neo Security Lab Week 5 For week5 we iterated our mini-game base on our Quarter Semester feedback and client\u2019s feedback, we also met Dr. Jessica Hammer and collected some useful advice from Dr. Hammer and iterated our product UI from such advice. For our Mini Game, based on the feedback we thought if we do [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-95","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/95"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":3,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/95\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/posts\/95\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/media?parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/categories?post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/neo-security-lab\/index.php\/wp-json\/wp\/v2\/tags?post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}