{"id":158,"date":"2022-04-04T14:06:44","date_gmt":"2022-04-04T14:06:44","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/?p=158"},"modified":"2022-04-18T01:58:23","modified_gmt":"2022-04-18T01:58:23","slug":"week-11","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-11\/","title":{"rendered":"week 11"},"content":{"rendered":"\n<h2>Final UX\/UI design<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-1024x495.png\" alt=\"\" class=\"wp-image-177\" width=\"610\" height=\"294\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-1024x495.png 1024w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-300x145.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-768x372.png 768w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-1536x743.png 1536w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-11-1568x759.png 1568w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"434\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-1024x434.png\" alt=\"\" class=\"wp-image-180\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-1024x434.png 1024w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-300x127.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-768x326.png 768w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-1536x651.png 1536w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-2048x868.png 2048w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-12-1568x665.png 1568w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"676\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-1024x676.png\" alt=\"\" class=\"wp-image-181\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-1024x676.png 1024w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-300x198.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-768x507.png 768w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-1536x1014.png 1536w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-2048x1351.png 2048w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Frame-13-1568x1035.png 1568w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2>Playtest<\/h2>\n\n\n\n<p>Feedback:<\/p>\n\n\n\n<ol><li>Filter chapter:&nbsp;<ol><li>Can not find filter<\/li><li>Pass the physical filter part without even seeing the filter<\/li><li>It is hard for users to adust themselves to go through the coming filters(chemical part)<\/li><\/ol><\/li><li>Fish\/root chapter:<ol><li>Users can not recognize the right distance without moving back and forth<\/li><li>Users can not interact with fish\/root if it is generated in the wall(space out of reach), and lack feedback to let them know the fish\/root is untouchable.<\/li><li>Users would touch the unintended fish\/root frequently.<\/li><li>Users do not know what to do after feeding the first fish\/root.<\/li><\/ol><\/li><\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2>Tech<\/h2>\n\n\n\n<p>This week I mainly focus on generating new design of instructions and interfaces. According to play tests, we found out that people tends to feed the same fish or roots for several times until they realize that they are already not interactable. Therefore, we add the mechanic that when player try to feed them again, a dialogue bubble saying that <strong><em><u><strong><em>I\u2019m full, thank you!<\/em><\/strong><\/u><\/em><\/strong>&nbsp;will show up. In this way, we are able to create a more immersive environment and player could get the instruction more naturally. Similarly, we add a hungry fish saying <strong><em><u><strong><em>I\u2019m hungry! Approach to feed me<\/em><\/strong><\/u><\/em><\/strong>&nbsp;at the very beginning of the first chapter as the initial instruction.<\/p>\n\n\n\n<p>Besides, I also updated the interface for bacteria chapter. Since the chemical formula transaction is commonly noticed as the most important and also the most challenging part. We added the <strong><u><strong>Current State<\/strong><\/u><\/strong>&nbsp;board under the center indicator, showing the process while reacting with bacteria. Although people may not focusing a lot on the small frame while playing the game. The frame can still leave them a rough impression on chemical formulas, which could help them to understand the knowledge behind when watching the video later.<\/p>\n\n\n\n<p>There are also a lot of small adjustments going on, including replacing all of the 2D center indicators with 3D models, updating the portal interface and interaction. The main purpose of them are the same, trying to build a more immersive experience.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/FishTank_0401.mp4\"><\/video><figcaption>Fish Tank<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Filter_0401.mp4\"><\/video><figcaption>Filter<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/GrowBed_0401.mp4\"><\/video><figcaption>Grow Bed<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Final UX\/UI design Playtest Feedback: Filter chapter:&nbsp; Can not find filter Pass the physical filter part without even seeing the filter It is hard for users to adust themselves to<span class=\"more-button\"><a href=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-11\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">week 11<\/span><\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/158"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":9,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":375,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/158\/revisions\/375"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}