{"id":271,"date":"2018-03-10T14:06:50","date_gmt":"2018-03-10T14:06:50","guid":{"rendered":"http:\/\/gugenheimer.com\/?post_type=portfolio&#038;p=271"},"modified":"2018-03-10T14:39:31","modified_gmt":"2018-03-10T14:39:31","slug":"facetouch-enabling-touch-interaction-in-display-fixed-uis-for-mobile-virtual-reality","status":"publish","type":"portfolio","link":"https:\/\/gugenheimer.com\/?portfolio=facetouch-enabling-touch-interaction-in-display-fixed-uis-for-mobile-virtual-reality","title":{"rendered":"FaceTouch: Enabling Touch Interaction in Display Fixed UIs for Mobile Virtual Reality"},"content":{"rendered":"<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h2    avia-builder-el-0  el_before_av_hr  avia-builder-el-first  '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >FaceTouch: Enabling Touch Interaction in Display Fixed UIs for Mobile Virtual Reality<\/h2><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<div   class='hr hr-default   avia-builder-el-1  el_after_av_heading  el_before_av_one_full '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-2  el_after_av_hr  el_before_av_hr  \" style='border-radius:0px; '><div  class='avia-image-container  av-styling-    avia-builder-el-3  avia-builder-el-no-sibling  avia-align-center '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\"  ><div class='avia-image-container-inner'><div class='avia-image-overlay-wrap'><img class='avia_image' src='https:\/\/gugenheimer.com\/wp-content\/uploads\/2018\/03\/FaceTouchDevice2-1500x430.jpg' alt='' title='FaceTouchDevice2' height=\"430\" width=\"1500\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><\/div>\n<div   class='hr hr-default   avia-builder-el-4  el_after_av_one_full  el_before_av_textblock '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>We present\u00a0<i>FaceTouch<\/i>, a novel interaction concept for mobile Virtual Reality (VR) head-mounted displays (HMDs) that leverages the backside as a touch-sensitive surface. With\u00a0<i>FaceTouch<\/i>, the user can point at and select virtual content inside their field-of-view by touching the corresponding location at the backside of the HMD utilizing their sense of proprioception. This allows for rich interaction (e.g. gestures) in mobile and nomadic scenarios without having to carry additional accessories (e.g. a gamepad). We built a prototype of\u00a0<i>FaceTouch<\/i>\u00a0and conducted two user studies. In the first study we measured the precision of\u00a0<i>FaceTouch<\/i>\u00a0in\u00a0<i>a display-fixed<\/i>\u00a0target selection task using three different selection techniques showing a low error rate of 2% indicate the viability for everyday usage. To asses the impact of different mounting positions on the user performance we conducted a second study. We compared three mounting positions of the touchpad (<i>face, hand<\/i>\u00a0and\u00a0<i>side<\/i>) showing that mounting the touchpad at the back of the HMD resulted in a significantly lower error rate, lower selection time and higher usability. Finally, we present interaction techniques and three example applications that explore the\u00a0<i>FaceTouch<\/i>\u00a0design space.<\/p>\n<\/div><\/section>\n<div class=\"flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-6  el_after_av_textblock  el_before_av_one_half  column-top-margin\" style='border-radius:0px; '><p><div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h3    avia-builder-el-7  el_before_av_video  avia-builder-el-first  '><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Project Video<\/h3><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div><br \/>\n<div  class='avia-video avia-video-16-9   av-lazyload-immediate  av-lazyload-video-embed  '   itemprop=\"video\" itemtype=\"https:\/\/schema.org\/VideoObject\"  data-original_url='https:\/\/www.youtube.com\/watch?v=MHbN9lseHYE' ><script type='text\/html' class='av-video-tmpl'><div class='avia-iframe-wrap'><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/MHbN9lseHYE?feature=oembed&autoplay=0&loop=0&controls=1&mute=0\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div><\/script><div class='av-click-to-play-overlay'><div class=\"avia_playpause_icon\"><\/div><\/div><\/div><\/p><\/div>\n<div class=\"flex_column av_one_half  flex_column_div av-zero-column-padding   avia-builder-el-9  el_after_av_one_half  el_before_av_one_full  column-top-margin\" style='border-radius:0px; '><p><div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h3    avia-builder-el-10  el_before_av_video  avia-builder-el-first  '><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Talk<\/h3><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div><br \/>\n<div  class='avia-video avia-video-16-9   av-lazyload-immediate  av-lazyload-video-embed  '   itemprop=\"video\" itemtype=\"https:\/\/schema.org\/VideoObject\"  data-original_url='https:\/\/www.youtube.com\/watch?v=B7dN792u9J0' ><script type='text\/html' class='av-video-tmpl'><div class='avia-iframe-wrap'><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/B7dN792u9J0?feature=oembed&autoplay=0&loop=0&controls=1&mute=0\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div><\/script><div class='av-click-to-play-overlay'><div class=\"avia_playpause_icon\"><\/div><\/div><\/div><\/p><\/div>\n<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-12  el_after_av_one_half  avia-builder-el-last  column-top-margin\" style='border-radius:0px; '><p><div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h3    avia-builder-el-13  el_before_av_textblock  avia-builder-el-first  '><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Publications<\/h3><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div><br \/>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Jan Gugenheimer, David Dobbelstein, Christian Winkler, Gabriel Haas, and Enrico Rukzio. 2016. <strong>FaceTouch: Enabling Touch Interaction in Display Fixed UIs for Mobile Virtual Reality<\/strong>. In\u00a0<em>Proceedings of the 29th Annual Symposium on User Interface Software and Technology<\/em>\u00a0(<strong>UIST &#8217;16<\/strong>). ACM, New York, NY, USA, 49-60. DOI: https:\/\/doi.org\/10.1145\/2984511.2984576<\/p>\n<p>Jan Gugenheimer, David Dobbelstein, Christian Winkler, Gabriel Haas, and Enrico Rukzio. 2016. <strong>FaceTouch: Touch Interaction for Mobile Virtual Reality<\/strong>. In\u00a0<em>Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems<\/em>\u00a0(<strong>CHI EA &#8217;16<\/strong>). ACM, New York, NY, USA, 3679-3682. DOI: https:\/\/doi.org\/10.1145\/2851581.2890242<\/p>\n<\/div><\/section><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":273,"comment_status":"open","ping_status":"closed","template":"","tags":[30],"portfolio_entries":[28],"_links":{"self":[{"href":"https:\/\/gugenheimer.com\/index.php?rest_route=\/wp\/v2\/portfolio\/271"}],"collection":[{"href":"https:\/\/gugenheimer.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/gugenheimer.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/gugenheimer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=271"}],"version-history":[{"count":0,"href":"https:\/\/gugenheimer.com\/index.php?rest_route=\/wp\/v2\/portfolio\/271\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gugenheimer.com\/index.php?rest_route=\/wp\/v2\/media\/273"}],"wp:attachment":[{"href":"https:\/\/gugenheimer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=271"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gugenheimer.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=271"},{"taxonomy":"portfolio_entries","embeddable":true,"href":"https:\/\/gugenheimer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_entries&post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}