{"id":159,"date":"2020-09-14T15:26:01","date_gmt":"2020-09-14T15:26:01","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/?page_id=159"},"modified":"2020-12-14T06:11:25","modified_gmt":"2020-12-14T06:11:25","slug":"design","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/design\/","title":{"rendered":"Design"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong><span class=\"has-inline-color has-vivid-cyan-blue-color\">Branch Narratives<\/span><\/strong><\/h2>\n\n\n\n<p>From the game system level, we add mini interaction, player choices, and multiple endings. We want to give players agency by making their choices meaningful.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"961\" height=\"541\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/05_UI_choose.jpg\" alt=\"\" class=\"wp-image-635\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/05_UI_choose.jpg 961w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/05_UI_choose-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/05_UI_choose-768x432.jpg 768w\" sizes=\"(max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning-1024x576.png\" alt=\"\" class=\"wp-image-602\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning-1024x576.png 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning-768x432.png 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning-1536x864.png 1536w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Layer-winning.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ending- Bring the Virus to nurse&#8217;s home<\/figcaption><\/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-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/loss-1024x576.png\" alt=\"\" class=\"wp-image-637\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/loss-1024x576.png 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/loss-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/loss-768x432.png 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/loss.png 1441w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ending &#8211; Virus wiped out<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Score System<\/strong><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation.jpg\" alt=\"\" class=\"wp-image-638\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation.jpg 960w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-768x432.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-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 loading=\"lazy\" decoding=\"async\" width=\"425\" height=\"612\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1413.png\" alt=\"\" class=\"wp-image-647\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1413.png 425w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1413-208x300.png 208w\" sizes=\"(max-width: 425px) 100vw, 425px\" \/><\/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=\"302\" height=\"746\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1503.png\" alt=\"\" class=\"wp-image-648\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1503.png 302w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1503-121x300.png 121w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Mini Interactions<\/strong><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size\"><span class=\"has-inline-color has-vivid-purple-color\">&#8211;<strong>hand washing<\/strong><\/span><\/p>\n\n\n\n<p>The first one is hand washing mini game. In this one, the player as the virus is directing all the virus on the nurse\u2019s hand to survive the hand washing process. The virus will select which place to hide, including palm, back, between finger, wrist, and nails. And each places have different survive rate.<\/p>\n\n\n\n<p>Our<strong>&nbsp;education purpose<\/strong>&nbsp;for this game is to telling the player that the&nbsp;<strong>between finger, wrist, and nails<\/strong>&nbsp;are the places that are easily to forgot in hand hygiene.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1-1024x569.png\" alt=\"\" class=\"wp-image-645\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1-1024x569.png 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1-300x167.png 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1-768x427.png 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1-1536x853.png 1536w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-09-at-6.23.33-PM-1.png 1600w\" 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=\"576\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist-1024x576.jpg\" alt=\"\" class=\"wp-image-641\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist-1024x576.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist-768x432.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist-1536x864.jpg 1536w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Result_wrist.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><span class=\"has-inline-color has-vivid-purple-color\"><strong>-candy bowl<\/strong> <\/span><\/p>\n\n\n\n<p>In our game, the main virus meets 5 npc viruses prior to the candy mini game. Here in the candy bowl, the 5 viruses will greet with our main character and ask him some&nbsp;<strong>healthcare questions.<\/strong>&nbsp;The questions are our chance to deliver educational message. The 5 npc viruses are the most important virus\/bacteria\/germs in hospital provided by our client, so we want to educate the nurses on their names, functions, how to prevent, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1502-1024x602.png\" alt=\"\" class=\"wp-image-643\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1502-1024x602.png 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1502-300x176.png 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1502-768x451.png 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Group-1502.png 1207w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>User Flow<\/strong><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-1.jpg\" alt=\"\" class=\"wp-image-640\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-1.jpg 960w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-1-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/12\/Final-Presentation-1-768x432.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"252\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1024x252.jpg\" alt=\"\" class=\"wp-image-550\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1024x252.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-300x74.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-768x189.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1536x377.jpg 1536w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-2048x503.jpg 2048w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1920x472.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1-scaled.jpg\">User-flow<\/a><a href=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/11\/User-flow-7-1-scaled.jpg\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>One-Page Game Design<\/strong><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"750\" src=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-1024x750.png\" alt=\"\" class=\"wp-image-335\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-1024x750.png 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-300x220.png 300w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-768x563.png 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-1536x1125.png 1536w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-2048x1501.png 2048w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page-1474x1080.png 1474w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page.png\">one-page<\/a><a href=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/09\/one-page.png\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span class=\"has-inline-color has-vivid-cyan-blue-color\">Storyboard<\/span><\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-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=\"822\" height=\"902\" src=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/pasted-image-0.png\" alt=\"\" class=\"wp-image-410\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/pasted-image-0.png 822w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/pasted-image-0-273x300.png 273w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/pasted-image-0-768x843.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><figcaption>Iteration 1<\/figcaption><\/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=\"673\" height=\"1024\" src=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-673x1024.jpg\" alt=\"\" class=\"wp-image-548\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-673x1024.jpg 673w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-197x300.jpg 197w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-768x1169.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-1009x1536.jpg 1009w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-1346x2048.jpg 1346w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-1024x1559.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-710x1080.jpg 710w, https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/11\/storyboard2-scaled.jpg 1682w\" sizes=\"(max-width: 673px) 100vw, 673px\" \/><figcaption>Iteration 2<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/Storyboard.png\">Storyboard-version1<\/a><a href=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/wp-content\/uploads\/2020\/10\/Storyboard.png\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/storyboard_22-1-scaled.jpg\">storyboard_version2<\/a><a href=\"https:\/\/www.etc.cmu.edu\/projects\/hygienecare\/wp-content\/uploads\/2020\/12\/storyboard_22-1-scaled.jpg\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Branch Narratives From the game system level, we add mini interaction, player choices, and multiple endings. We want to give players agency by making their choices meaningful. Score System Mini Interactions &#8211;hand washing The first one is hand washing mini game. In this one, the player as the virus is directing all the virus on&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/design\/\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/pages\/159"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":21,"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/hygienecare\/index.php\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}