{"id":345,"date":"2016-04-23T22:32:00","date_gmt":"2016-04-23T22:32:00","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/?p=345"},"modified":"2016-04-25T21:24:24","modified_gmt":"2016-04-25T21:24:24","slug":"ux-flow-chart","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/2016\/04\/23\/ux-flow-chart\/","title":{"rendered":"UX Flow Chart"},"content":{"rendered":"<p>For the user experience, we made paper prototype to test user experience.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-347\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/ux-300x223.png\" alt=\"ux\" width=\"300\" height=\"223\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/ux-300x223.png 300w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/ux-768x571.png 768w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/ux.png 956w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>We conducted several playtests to finalize the UX flow. After paper prototype, we built interactive prototype using Unity. At this point, we didn&#8217;t consider about the UI. We focused on the UX flow how user operate it naturally. For VR rehearsal, it can be categorized 3 part. Before practice, practice and after practice. Before practice, use can download presentation files from google drive or drop box easily.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-348 aligncenter\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/tra-190x300.png\" alt=\"tra\" width=\"190\" height=\"300\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/tra-190x300.png 190w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/tra.png 540w\" sizes=\"(max-width: 190px) 100vw, 190px\" \/> After downloading the presentation files, user can customize the practice environment such as size of space, timer and microphone echo effect.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-349 aligncenter\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cus-180x300.png\" alt=\"cus\" width=\"180\" height=\"300\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cus-180x300.png 180w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cus.png 545w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/p>\n<p>Last part is calibration. In this part, user calibrate not only the noisy of space but also user&#8217;s voice volume to optimize the practice simulation.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-350 aligncenter\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cali-188x300.png\" alt=\"cali\" width=\"188\" height=\"300\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cali-188x300.png 188w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/cali.png 538w\" sizes=\"(max-width: 188px) 100vw, 188px\" \/><\/p>\n<p>This is the last step of preparing practice. After this calibration part, user can start to practice in VR scene.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-351 aligncenter\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/Capture-300x201.png\" alt=\"Capture\" width=\"300\" height=\"201\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/Capture-300x201.png 300w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/Capture.png 568w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>After finish the VR practice, the final step is review scene. At this point, user can find their performance of practice based on the fluency and proper eye gaze.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-352 aligncenter\" src=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/r1-300x184.png\" alt=\"r1\" width=\"300\" height=\"184\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/r1-300x184.png 300w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/r1-768x472.png 768w, https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/wp-content\/uploads\/2016\/04\/r1.png 877w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>in the review part, based on the eye gaze, we generate color heat map to highlight the direction of eye gaze. We want to provide feedback of eye gaze and user will practice again based on the eye gaze result.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For the user experience, we made paper prototype to test user experience. We conducted several playtests to finalize the UX flow. After paper prototype, we built interactive prototype using Unity. At this point, we didn&#8217;t consider about the UI. We focused on the UX flow how user operate it naturally. For VR rehearsal, it can <a href=\"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/2016\/04\/23\/ux-flow-chart\/\" rel=\"nofollow\"><span class=\"sr-only\">Read more about UX Flow Chart<\/span>[&hellip;]<\/a><\/p>\n","protected":false},"author":2,"featured_media":346,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pgc_meta":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vr-rehearsal"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/posts\/345"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":1,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/posts\/345\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/posts\/345\/revisions\/353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/media\/346"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/media?parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/categories?post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/vr-rehearsal\/index.php\/wp-json\/wp\/v2\/tags?post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}