Implementation of 3d Graphics on the Web – a Case Study of Experience Development, Optimisation and Qualitative Evaluation
Year: 2024
Type: conference-paper
Abstract: The aim of the study was to develop a website with the main functionality of an interactive three- dimensional (3D) viewer. In the theoretical part, we present a brief overview of content management services (CMS) and their limitations; definition of usability and user experience (UX) with an explanation of the basic components of UX and the theoretical background of the User Experience Questionnaire (UEQ). The experimental part consists of the entire process that was used in the development of the website. We created the concept and design for the graphic identity of the website and developed the information architecture, defined basic and additional functions, created a low-fidelity wireframe and a high-fidelity prototype design. We developed the 3D viewer using open-source software model viewer, prepared and optimised the 3D models for the 3D view (Figure 1), followed by the rendering phase in Blender. We developed the final version of the desktop-first website and designed and developed mobile and tablet versions. Testing included qualitative usability testing using the User Experience Questionnaire (UEQ) and open-ended questions, followed by analysis of the results on three areas of usability (attractiveness, practical quality and hedonic quality). The results of the analysis served as guidelines for improving the current functionalities in terms of UX and technical aspects (with technical limitations). The results showed that creating a modern website that emphasises an interactive 3D model with a CMS platform is an extremely complex project that encompasses many areas. According to the UEQ test criteria, the final online solution scored above average in terms of practicality and attractiveness. The results also show the importance of iterative testing and website upgrades based on the results of the test analyses.
Authors: ", Blaž Vrhovnik, Helena Gabrijelčič Tomc
Institution: University of Ljubljana
Language: English
Subfield: Human-Computer Interaction
Field: Computer Science
Domain: Physical Sciences
Open Access status: hybrid
OpenAlex ID: W4403644585
