Web XR User Interface Research: Design 3D Layout Framework in Static Websites

Abstract

Advances in digital interactive technologies have created a range of innovative products and services for the well-being of society. Extended Reality (XR) technology has shown enormous potential in the educational, commercial, and medical fields. Considering the potential of XR, we analyzed the use of XR technology for the improvement of web service user experiences. The paper discusses Web Extended Reality (XR) and its current circumstances. The study also discusses the advantages of web componentization and the Page Builder System, which is a famous framework for web componentization. Furthermore, the study analyzes the characteristics of XR. The research designs the Web XR User Interface framework with XR characteristics and componentization design. A 3D UI framework is proposed for providing an immersive, explorative, and readable user experience. The framework covers three aspects, including main content, a scrollbar, and navigation. In order to evaluate the performance efficiency of the framework, a proof-of-concept prototype was developed to examine the concept. We conducted a user study with 60 participants to evaluate the reading performance. Compared with the traditional web layout, the experimental results showed that the framework can improve the user experience in static websites. The paper indicates possible future views based on the experimental study.

Keywords

• static website
• Extended Reality
• interactive design
• user interface
• 3D layout