Skip to main navigation Skip to search Skip to main content

A Multilayer Component Pane 3D Layout Frame Design for Responsive Websites

  • Beihang University

Research output: Chapter in Book/Report/Conference proceedingConference contributionpeer-review

Abstract

With a virtual reality (VR) head-mounted display (HMD), users can easily achieve immersive browsing. However, popular VR browsers use a virtual floating screen for web presentations, which severely limits the user experience. In this paper, we propose a responsive website based on Web VR and a 3D UI layout framework equipped with VR device features. The framework consists of two parts: Main Content and 3D Navigation. To test the usability of the framework, we designed an experimental prototype and conducted user tests with 24 participants. The experiments show that the framework can effectively improve the quality of the user experience when browsing the web in a virtual reality environment. The research shows the possible design direction of the user interface for presenting web pages in the future virtual environment.

Original languageEnglish
Title of host publicationProceedings - 2023 IEEE International Symposium on Mixed and Augmented Reality Adjunct, ISMAR-Adjunct 2023
EditorsGerd Bruder, Anne-Helene Olivier, Andrew Cunningham, Evan Yifan Peng, Jens Grubert, Ian Williams
PublisherInstitute of Electrical and Electronics Engineers Inc.
Pages474-478
Number of pages5
ISBN (Electronic)9798350328912
DOIs
StatePublished - 2023
Event2023 IEEE International Symposium on Mixed and Augmented Reality Adjunct, ISMAR-Adjunct 2023 - Sydney, Australia
Duration: 16 Oct 202320 Oct 2023

Publication series

NameProceedings - 2023 IEEE International Symposium on Mixed and Augmented Reality Adjunct, ISMAR-Adjunct 2023

Conference

Conference2023 IEEE International Symposium on Mixed and Augmented Reality Adjunct, ISMAR-Adjunct 2023
Country/TerritoryAustralia
CitySydney
Period16/10/2320/10/23

Keywords

  • Web VR
  • user experience
  • user interface
  • virtual reality

Fingerprint

Dive into the research topics of 'A Multilayer Component Pane 3D Layout Frame Design for Responsive Websites'. Together they form a unique fingerprint.

Cite this