# Web XR User Interface Research: Design 3D Layout Framework in Static Websites
## 1 Introduction
This limitation brings negative user experiences and affects the extension of the user group to Web XR. XR devices should provide convenience for users with natural and innovative interactions. However, the traditional web UI is a barrier and results in negative user experiences for XR users. Therefore, designing an efficient and immersive interactive methodology is essential for the Web XR field. It can improve user experiences in exploring websites on XR platforms. User interface (UI) design plays an essential role in attracting users to explore [15]. Therefore, the combination of XR characteristics into website UIs has become the primary target of the research. Globally, there are various types of websites. It is necessary to narrow the research scope into a specific category and to analyze its related UI structure and design framework. The various websites can be divided into two types: dynamic and static websites [16]. Dynamic websites have a content management system (CMS) that dynamically manages the website with commercial and online services [16]. Dynamic websites usually consist of three types: commercial (e-Commerce), service, and mixed websites [17]. Commercial websites contain B2B (Business to Business), B2C (Business to Client), and C2C (Client to Client) modules [17]. Service websites include communication or entertainment functions [17]. Mixed websites contain both commercial and service modules [17]. Static websites do not usually run complicated function modules compared to dynamic ones. They usually play the role of displaying medium/small businesses or organization information, with limited interactive elements [17]. Web Hosting statistics and facts for 2021 indicate that static websites without ecommerce modules occupy 51.3% [18]. Significantly, static websites have a high ratio globally. However, WPForms, one of the largest CMS plugin providers globally, indicates that medium/small businesses usually cannot afford a high investment into online business [19]. We found that most existing Web XR research aims to reconstruct the website UI and transfer it to XR applications. For instance, [PERSON] developed a web-based survey tool for VR platforms [20]. He redesigned the web survey UI layout and received positive user test data [20]. However, the reconstruction caused a high development cost. Therefore, it is challenging to drive medium/small businesses to jump into the Web XR field, and to improve their online services, because the XR field still has a high level of development barriers. The research focuses on static websites (HTML5) for building up the initial framework principle with fundamental XR characteristics. The research attempts to provide a general and affordable UI framework for assisting static websites in transferring into the Web XR field. In this paper, the research aims to design a general Web XR UI framework principle. It is applicable to small/medium businesses and organizations' websites for improving their user experiences in XR platforms. The proposed principle is based on XR interactions (Figure 1). The characteristics are as follows:  
* The research uses the HTML5 and XR interaction features to build the UI principle, and to provide users with immersive exploratory experiences. * The research balances the website's original UI structure and XR characteristics. The research uses responsive design to display the same content as desktop websites. Meanwhile, 3D layout and gesture navigation are integrated with pages to enhance the user's immersive experience. * The research evaluates the performance efficiency of the framework. We conducted a user experiment involving 60 participants. Our research has released some positional outcomes. In the IEEE 7 th International Conference on Virtual Reality (ICVR 2021), the background research for analyzing XR history and its characteristics was presented [5; 9].