{"id":151,"date":"2017-02-24T05:25:12","date_gmt":"2017-02-24T05:25:12","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/?p=151"},"modified":"2017-03-06T15:34:43","modified_gmt":"2017-03-06T15:34:43","slug":"week6-story-and-ui-developing","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/2017\/02\/24\/week6-story-and-ui-developing\/","title":{"rendered":"WEEK 6: Story and UI Developing"},"content":{"rendered":"<p>We\u00a0set\u00a0up\u00a0several\u00a0characters\u00a0of different racial background\u00a0for hiring actor and\u00a0developing stories around them.<\/p>\n<p>In order to build up\u00a0player&#8217;s connection and understanding of the\u00a0characters, we decided to reuse characters in \u00a0different stories.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-154\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223224823-300x242.png\" alt=\"\" width=\"378\" height=\"305\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223224823-300x242.png 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223224823-768x619.png 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223224823.png 914w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/p>\n<p>We wrote six short stories with university environment, involving Black, White, American Indian and Chinese students.\u00a0Some of the\u00a0characters were victim of microaggression in one scene and became the one who was making the offensive statement in another scene, so that player could see different perspectives.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-156\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223235419-300x177.png\" alt=\"\" width=\"466\" height=\"275\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223235419-300x177.png 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223235419-768x454.png 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/QQ\u622a\u56fe20170223235419.png 1019w\" sizes=\"(max-width: 466px) 100vw, 466px\" \/><\/p>\n<p>After several times of discussion,\u00a0we made comments and changes to the stories and brought them to teachers\u00a0for\u00a0more feedback and suggestions.<\/p>\n<p>For UI design, we made\u00a0the first draft of the main interacting screen for the\u00a0previsualization video.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-158\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/v1-5-300x169.jpg\" alt=\"\" width=\"460\" height=\"259\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/v1-5-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/v1-5-768x432.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/v1-5-1024x576.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/v1-5.jpg 1920w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><\/p>\n<p>According to the feedback in the team meeting, we had the second version which removed the textbox, and changed font types and layout.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-160\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI21-300x169.jpg\" alt=\"\" width=\"574\" height=\"323\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI21-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI21-768x432.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI21-1024x576.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI21.jpg 1920w\" sizes=\"(max-width: 574px) 100vw, 574px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-161\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI22-300x169.jpg\" alt=\"\" width=\"573\" height=\"323\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI22-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI22-768x432.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI22-1024x576.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI22.jpg 1920w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-162\" src=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI23-300x169.jpg\" alt=\"\" width=\"573\" height=\"323\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI23-300x169.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI23-768x432.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI23-1024x576.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/wp-content\/uploads\/2017\/02\/Prototype-UI23.jpg 1920w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/><\/p>\n<p>We made variations of the choices and thought bubble design, and sent these UI draft to some HCI students in the home team for further improvement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u00a0set\u00a0up\u00a0several\u00a0characters\u00a0of different racial background\u00a0for hiring actor and\u00a0developing stories around them. In order to build up\u00a0player&#8217;s connection and understanding of the\u00a0characters, we decided to reuse characters in \u00a0different stories. We wrote six short stories with university environment, involving Black, White, American Indian and Chinese students.\u00a0Some of the\u00a0characters were victim of microaggression in one scene and became<br \/><a class=\"moretag\" href=\"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/2017\/02\/24\/week6-story-and-ui-developing\/\">+ Read More<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/posts\/151"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":7,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/posts\/151\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/mocking-birds\/index.php\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}