{"id":383,"date":"2018-04-23T06:25:21","date_gmt":"2018-04-23T06:25:21","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/?p=383"},"modified":"2018-05-09T06:40:50","modified_gmt":"2018-05-09T06:40:50","slug":"week-14-inner-playtesting-and-ui-improvements","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/2018\/04\/23\/week-14-inner-playtesting-and-ui-improvements\/","title":{"rendered":"Week 14 Inner Playtesting and UI Improvements"},"content":{"rendered":"<p>Our client had to cancel our playtest session because of work. We decided to have another round of inner playtest, within team and also with faculty, in order to move forward. We were also glad that Anthony Daniels was here and we also had the luck to playtest with him.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123-1024x683.jpg\" alt=\"\" width=\"750\" height=\"500\" class=\"aligncenter wp-image-384 size-large\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123-1024x683.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123-300x200.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123-768x512.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123-360x240.jpg 360w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/180413-2123.jpg 2048w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">We got a lot of useful feedback about how the tool should response to user interaction. For example, our timeline was not clickable, but when you hover onto it, the bar will be highlighted as shown below. This created a confusion that this bar may be clickable.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.36.39-PM-1024x509.png\" alt=\"\" width=\"750\" height=\"373\" class=\"aligncenter wp-image-385 size-large\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.36.39-PM-1024x509.png 1024w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.36.39-PM-300x149.png 300w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.36.39-PM-768x382.png 768w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.36.39-PM.png 1610w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">At this time, since we used clickable prototype, it&#8217;s more clear to see some problems when user click through. Mostly the feedback focused on the visual component. The circle on each card created confusion for the users since it does not have meanings. We used this circle component because we wanted to create pie chart around it, and we wanted to keep this consistency across different pages. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">We made several changes according to the feedback we got. We re-designed the cards and now it looks very clean. We also redesigned the keyword breakdown on the creator page. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.50-PM-1024x567.png\" alt=\"\" width=\"750\" height=\"415\" class=\"alignnone wp-image-386 size-large\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.50-PM-1024x567.png 1024w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.50-PM-300x166.png 300w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.50-PM-768x425.png 768w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.50-PM.png 1694w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.59-PM-1024x498.png\" alt=\"\" width=\"750\" height=\"365\" class=\"alignnone wp-image-387 size-large\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.59-PM-1024x498.png 1024w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.59-PM-300x146.png 300w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.59-PM-768x374.png 768w, https:\/\/projects-old.etc.cmu.edu\/dreaper\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-08-at-11.39.59-PM.png 1690w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our client had to cancel our playtest session because of work. We decided to have another round of inner playtest, within team and also with faculty, in order to move forward. We were also glad that Anthony Daniels was here and we also had the luck to playtest with him. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-383","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/posts\/383"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/comments?post=383"}],"version-history":[{"count":1,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/posts\/383\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/posts\/383\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/media?parent=383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/categories?post=383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/dreaper\/index.php\/wp-json\/wp\/v2\/tags?post=383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}